Forum in tabel

rogierb · Bericht door **rogierb** » 14 feb 2004, 13:58

Eey,
ik zou graag m'n forum, die nu 100% breed is, in een tabel willen zetten die ongeveer 75% breedt is en hem dan centreren en een mooi rand er omheen. Maar zo dat ik dan de achtergrond kleur buiten de tabel een andere kleur kan geven. Maar hoe

Alvast bedankt :thumb:

WebSiteNet · Bericht door **WebSiteNet** » 14 feb 2004, 14:02

De achtergrond kleur kan je regelen in het administratie panneel.

De breedte kan je regelen in templates/subSilver/overall_header.tpl rond lijn 227:

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">

rogierb · Bericht door **rogierb** » 14 feb 2004, 14:09

Nu is alleen de header veranderd (lijkt me logisch met overall_header.tpl). Maar moet ik dan ook in alle andere files die een pagina weergeven de procenten veranderen?

Luuk · Bericht door **Luuk** » 14 feb 2004, 14:11

Open je overall_header.tpl en zoek deze regel op (de eerste die je tegenkomt als het er meerdere zijn).

Code: Selecteer alles

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">

Maak van die 100% 75%.

Nu de achtergrond nog. Als je een plaatje als achtergrond wilt (zeg je niet, maar als) moet je het even zeggen, dat gaat namelijk ook.
Voor de kleur, open je .css bestand en zoek

Code: Selecteer alles

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color:

op. Daarachter staat de kleur, pas die aan.

rogierb · Bericht door **rogierb** » 14 feb 2004, 14:23

Nu is nog steeds alleen het logo 75% breedt en de rest van het forum nog 100%. En de hele achtergrond kleur is veranderd in niet alleen buiten de tabel. Dit is mijn begin van overall_header.tpl:

Code: Selecteer alles

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html 

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/Boyz/{T_HEAD_STYLESHEET}" type="text/css">
<style type="text/css">
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" 

type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		

window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 

'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END 

switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" 

link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" marginheight="0" marginwidth="0" 

topmargin="0">
<div align="center">
<a name="top"></a>
<TABLE WIDTH=75% BORDER=0 

CELLPADDING=0 CELLSPACING=0>
<TR>
<TD width="508">
<a href="{U_INDEX}"><center><IMG SRC="templates/Boyz/images/Boyz_logo.jpg" usemap="#logo" 

alt="Logo" style="border-style:none" /><map id="logo" name="logo">

Ik snap er niks van

WebSiteNet · Bericht door **WebSiteNet** » 14 feb 2004, 14:24

@rogierb: Wat bedoel je precies? overall_header.tpl geldt voor alle pagina's.

@luuk: Zie mijn vorige bericht.

Luuk · Bericht door **Luuk** » 14 feb 2004, 14:26

WebSiteNet schreef:@luuk: Zie mijn vorige bericht.

Was wat laat, maar toen ik het schreef stond er nog nix

rogierb · Bericht door **rogierb** » 14 feb 2004, 14:27

Wat ik precies bedoel:

ik wil mijn hele forum, dus ook alles onder het logo, 75% breed hebben. Zie voor een voorbeeld: http://forum.frankyang.net/, die heeft dat ook.
Om het 75% breede forum wil ik een border hebben, en buiten die border wil ik een andere achtergrond kleur dan binnen de border.
Ik hoop dat het een beetje duidelijk is

Luuk · Bericht door **Luuk** » 14 feb 2004, 14:29

Laat is je hele overall_header zien.

rogierb · Bericht door **rogierb** » 14 feb 2004, 14:36

Overall_header.tpl:

Code: Selecteer alles

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html 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/Boyz/{T_HEAD_STYLESHEET}" type="text/css">
<style type="text/css">
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<div align="center">
<a name="top"></a>
<TABLE WIDTH=75% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD width="508">
<a href="{U_INDEX}"><center><IMG SRC="templates/Boyz/images/Boyz_logo.jpg" usemap="#logo" alt="Logo" style="border-style:none" /><map id="logo" name="logo">
<area shape="rect"#Forum Links
 coords="10,146,147,163" href="http://www.stijlonline.nl/forum/links.html" title="Forum Links" />
<area shape="rect" coords="127,157,127,157" nohref title="Forum Links" />
<area shape="rect"#Junkies Forum
 coords="193,146,376,164" href="http://members.lycos.nl/forumjunkies/" title="Junkies Forum" />
<area shape="rect"#Home Page
 coords="498,145,639,163" href="http://www.stijlonline.nl/forum/" title="Home Page" />
<area shape="rect"#Home Page
 coords="3,2,209,44" href="http://www.stijlonline.nl/forum/" title="Home Page" />
<area shape="rect"#Home Page
 coords="102,44,390,86" href="http://www.stijlonline.nl/forum/" title="Home Page" />
<area shape="default" nohref="nohref" alt="" />
</map>
</center></TD>
<TD background="templates/Boyz/images/Boyz_topback.jpg">&nbsp;</TD>
</TR>
</TABLE>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" background="templates/Boyz/images/Boyz_nav_back.jpg">&nbsp;<span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu">{L_SEARCH}</a>&nbsp;&nbsp;<span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a></span>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_LINKS}" class="mainmenu">{L_LINKS}</a>&nbsp;

<!-- BEGIN switch_user_logged_out -->
&nbsp;<a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a></span>&nbsp;
<!-- END switch_user_logged_out -->
<span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
<td width="50" background="templates/Boyz/images/Boyz_nav_back.jpg"><img src="templates/Boyz/images/spacer.gif" alt="" height="32" width="1" border="0"></td>
</tr>
</table>

Luuk · Bericht door **Luuk** » 14 feb 2004, 14:47

Alle tabellen worden afgesloten (</table>) dus heeft veranderen hier weinig zin.

Je kunt proberen om de tweede <table ...> ook op 75% te zetten, maar ik denk dat dat weinig zin heeft.

rogierb · Bericht door **rogierb** » 14 feb 2004, 14:48

Dat heb ik al geprobeerd maar dat haalt inderdaad niks uit. De </table>'s weghalen?

Luuk · Bericht door **Luuk** » 14 feb 2004, 14:49

Dat kan (wel alleen de laatste). Zet die dan in overall_footer, helemaal onderaan (wel nog voor </html> en </body>)

rogierb · Bericht door **rogierb** » 14 feb 2004, 14:55

Nee, het werkt ook niet

Nog (iemand) een idee

Luuk · Bericht door **Luuk** » 14 feb 2004, 15:03

Probeer dit eens:

Code: Selecteer alles

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html 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/Boyz/{T_HEAD_STYLESHEET}" type="text/css"> 
<style type="text/css"> 
</style> 
<!-- BEGIN switch_enable_pm_popup --> 
<script language="Javascript" type="text/javascript"> 
<!-- 
   if ( {PRIVATE_MESSAGE_NEW_FLAG} ) 
   { 
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');; 
   } 
//--> 
</script> 
<!-- END switch_enable_pm_popup --> 
</head> 
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"> 
<div align="center"> 
<a name="top"></a> 
<table width="75%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="bodyline"><TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0"> 
<TR> 
<TD width="508"> 
<a href="{U_INDEX}"><center><IMG SRC="templates/Boyz/images/Boyz_logo.jpg" usemap="#logo" alt="Logo" style="border-style:none" /><map id="logo" name="logo"> 
<area shape="rect"#Forum Links 
coords="10,146,147,163" href="http://www.stijlonline.nl/forum/links.html" title="Forum Links" /> 
<area shape="rect" coords="127,157,127,157" nohref title="Forum Links" /> 
<area shape="rect"#Junkies Forum 
coords="193,146,376,164" href="http://members.lycos.nl/forumjunkies/" title="Junkies Forum" /> 
<area shape="rect"#Home Page 
coords="498,145,639,163" href="http://www.stijlonline.nl/forum/" title="Home Page" /> 
<area shape="rect"#Home Page 
coords="3,2,209,44" href="http://www.stijlonline.nl/forum/" title="Home Page" /> 
<area shape="rect"#Home Page 
coords="102,44,390,86" href="http://www.stijlonline.nl/forum/" title="Home Page" /> 
<area shape="default" nohref="nohref" alt="" /> 
</map> 
</center></TD> 
<TD background="templates/Boyz/images/Boyz_topback.jpg">&nbsp;</TD> 
</TR> 
</TABLE> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td valign="top" background="templates/Boyz/images/Boyz_nav_back.jpg">&nbsp;<span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu">{L_SEARCH}</a>&nbsp;&nbsp;<span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a></span>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_LINKS}" class="mainmenu">{L_LINKS}</a>&nbsp; 

<!-- BEGIN switch_user_logged_out --> 
&nbsp;<a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a></span>&nbsp; 
<!-- END switch_user_logged_out --> 
<span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a>&nbsp;</span></td> 
<td width="50" background="templates/Boyz/images/Boyz_nav_back.jpg"><img src="templates/Boyz/images/spacer.gif" alt="" height="32" width="1" border="0"></td> 
</tr> 
</table> 
<br />

En dan in overall_footer.tpl dit voor </body> neerzetten.

Code: Selecteer alles

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

rogierb · Bericht door **rogierb** » 14 feb 2004, 15:07

Het is gelukt!! Bedankt :thumb:

Luuk · Bericht door **Luuk** » 14 feb 2004, 15:08

Graag gedaan

rogierb · Bericht door **rogierb** » 14 feb 2004, 15:28

Ik heb toch nog 1 vraagje:

de 'inhoud', dus voor de index is dit de lijst met forum', staat links gecentreerd waardoor er aan de rechterkant een strook bijkomt. Ik heb in overall_header.tpl alles gecentreerd staan, maar dat maakt niks uit. Waar moet ik dit veranderen, voor elke pagina?

Luuk · Bericht door **Luuk** » 14 feb 2004, 15:32

Mag ik een link? Het probleem ligt hem denk ik in index_body.tpl

rogierb · Bericht door **rogierb** » 14 feb 2004, 15:38

Ik kan wel de index_body gaan veranderen, maar dan is het toch niet in de topics enzo veranderd