phpBB.nl

Hoi,

In een nieuw forum van mij probeer ik een achtergrond in te voegen, het wit moet een plaatje worden dat steeds terug komt (naast elkaar zeg maar)... Het is maar een klein plaatje, en het gaat om de gewone achtergrond van de Template.

Het lukt me alleen niet! Bij de template vul ik in ....images/bg6.jpg; die zet ik dan natuurlijk ook in die map... maar ja... dan exporteer ik de boel, zet het weer op de server en dan is de achtergrond zwart!

Iemand enig idee?

Open het bestand templates/subSilver/overall_header.tpl en vind in de stylesheet de body. Zoek de background attribuut en wijzig hem.

Het klinkt moeilijk.

Kijk hier maar eens: http://www.w3schools.com/css/css_background.asp

Als je wilt wat ik op mijn forum http://www.modelbouwforum.nl heb gedaan is dit de oplossing:

Normaal kun je een achtergrond plaatje via het admin-paneel (styles) instellen, maar als je de achtergrond statisch wilt maken moet je je overall_header.tpl bijwerken...

++FIND++

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

++REPLACE WITH++

<body bgcolor="{T_BODY_BGCOLOR}" bgproperties="fixed" background="path_to_image" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

if you are still using the subSilver template..
++FIND++

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">

..verwijder class="bodyline".

Oi luitjes,

Ik gebruik de fisubgrey lay-out en kan het zo 1,2,3 niet vinden. Er is een verwijzing naar de stylesheet, maar daarin komt meerdere malen de term bgcolor voor en ik weet niet goed hoe en wat ik moet veranderen. Hieronder post ik de codes die over de background gaan:

StyleSheet fisubgrey schreef:
/* The content of the posts (body of text) */
body{background:#f1f1f1;color:#333333;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color:#c2c2c2;
scrollbar-arrow-color:#666666;
scrollbar-darkshadow-color:#c2c2c2;
scrollbar-face-color:#e2e2e2;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#e6e6e6;
scrollbar-track-color:#f1f1f1}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background:url(images/cellpic2.jpg) #ffffff repeat-y}

/* Table Header cells */
th{background:#d0d0d0 url(images/cellpic3.gif);color:#666666;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}

/* This is the border line & background colour round the entire page */
.bodyline{background:#f9f9f9;border:1px solid #666666}

/* This is the outline round the main forum tables */
.forumline{background:#ffffff;border:1px solid #333333}

/* Quote blocks */
.quote{background:#fafafa;border:1px solid #666666;color:#444444;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#fafafa;border:1px solid #666666;color:#006600;
font:12px Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#999999;border:1px solid #333333}

/* Form elements */
form{display:inline}

input{font:11px Verdana,Arial,Helvetica,sans-serif}

select{background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif}

input.post,textarea.post{background:#ffffff;border:1px solid #000000;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

input.button,input.liteoption,.fakebut{border:1px solid #000000;background:#fafafa;font-size:11px}
input.catbutton{border:1px solid #000000;background:#fafafa;font-size:10px}
input.mainoption{border:1px solid #000000;background:#fafafa;font-size:11px;font-weight:bold}

a.but,a.but:hover,a.but:visited{color:#000000;text-decoration:none}

/* This is the gradient background at the top of the page */
.topbkg{background:#efefef url(images/cellpic_bkg.jpg) repeat-x}
.topnav{font-size:10px;background:#eeeeee url(images/cellpic_nav.gif) repeat-x;color:#999999;
height:21px;white-space:nowrap;border: 0px solid #999999;border-width: 1px 0px 1px 0px}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0 solid}

Ik hoop dat jullie me kunnen helpen!

Je moet in overall_header.tpl zijn

Leipo schreef:Je moet in overall_header.tpl zijn

Daar staat alleen een link in naar de stylesheet, in de hele overall_header.tpl is geen background code terug te vinden.

background:#f1f1f1;color:#333333;

dat is het volgens mij...

++FIND++

Code: Selecteer alles

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
<tr> 
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">

..verwijder class="bodyline".

Leipo schreef:

++FIND++

Code: Selecteer alles

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
<tr> 
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">

..verwijder class="bodyline".

Dat kan dus niet, want die staat niet in de overall_header.tpl

Post je overall_header.tpl eens.

Bij deze:

Overheader.tpl schreef: <?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/fisubgrey/{T_HEAD_STYLESHEET}" type="text/css" />

<script type="text/javascript">

</script>

</head>
<body>
<a name="top" id="top"></a>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a href="{U_INDEX}"><img src="templates/fisubgrey/images/phpbb2_logo.jpg" border="0" alt="{L_INDEX}" title="{L_INDEX}" width="240" height="110" /></a></td>
<td align="center" width="100%"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td align="center" class="topnav"> <a href="{U_FAQ}">{L_FAQ}</a>  •  <a href="{U_SEARCH}">{L_SEARCH}</a>
 •  <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>  •
 <a href="{U_GROUP_CP}">{L_USERGROUPS}</a>

  •  <a href="{U_REGISTER}">{L_REGISTER}</a>

 •  <a href="{U_PROFILE}">{L_PROFILE}</a>  •  <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> 
•  <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>

Alvast bedankt!

Midden in, ik heb het stukje ff gekopieerd zodat ik denk dat het moet zijn.

Code: Selecteer alles

<!-- END switch_enable_pm_popup --> 
</head> 
<body> 
<a name="top" id="top"></a> 
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0"> 
<tr> 
<td>

Vervangen met.

Code: Selecteer alles

<!-- END switch_enable_pm_popup --> 
</head> 
<body> 
<a name="top" id="top"></a> 
<table width="100%" cellspacing="0" cellpadding="0" border="0"> 
<tr> 
<td>

Maar! Dan heb ik die hele achtergrond toch niet aangepast zodat er een afbeelding instaat?

Nu is ie al statisch, de pic invoegen is 3 posts naar boven die van P.T. en dan ipv die kleurcodes de link naar je achtergrond.

Had het zelf ook nodig dus heb even snel gekeken.
De oplossing is simpel.

Code: Selecteer alles

<a name="top" id="top"></a> 
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">

Vervangen met ..

Code: Selecteer alles

<a name="top" id="top"></a> 
<table width="..." background="url van je pic" cellspacing="0" cellpadding="0"><tr><td>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">

Open overall_footer.tpl en zoek ..

Code: Selecteer alles

</body>
</html>

en zet daarboven ..

Code: Selecteer alles

</td></tr></table>

en klaar..

phpBB.nl

Achtergrond?

Achtergrond?