phpBB.nl

Nederlandstalige phpBB Support
https://www.phpbb.nl/forums/

Forum in tabel

https://www.phpbb.nl/forums/viewtopic.php?f=9&t=7250

Pagina 1 van 2

Forum in tabel

Geplaatst: 14 feb 2004, 13:58
door rogierb
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:

Geplaatst: 14 feb 2004, 14:02
door WebSiteNet
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">

Geplaatst: 14 feb 2004, 14:09
door rogierb
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?

Geplaatst: 14 feb 2004, 14:11
door Luuk
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.

Geplaatst: 14 feb 2004, 14:23
door rogierb
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 :?

Geplaatst: 14 feb 2004, 14:24
door WebSiteNet
@rogierb: Wat bedoel je precies? overall_header.tpl geldt voor alle pagina's.

@luuk: Zie mijn vorige bericht.

Geplaatst: 14 feb 2004, 14:26
door Luuk
WebSiteNet schreef:@luuk: Zie mijn vorige bericht.
Was wat laat, maar toen ik het schreef stond er nog nix :roll:

Geplaatst: 14 feb 2004, 14:27
door rogierb
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 :D

Geplaatst: 14 feb 2004, 14:29
door Luuk
Laat is je hele overall_header zien.

Geplaatst: 14 feb 2004, 14:36
door rogierb
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>

Geplaatst: 14 feb 2004, 14:47
door Luuk
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.

Geplaatst: 14 feb 2004, 14:48
door rogierb
Dat heb ik al geprobeerd maar dat haalt inderdaad niks uit. De </table>'s weghalen?

Geplaatst: 14 feb 2004, 14:49
door Luuk
Dat kan (wel alleen de laatste). Zet die dan in overall_footer, helemaal onderaan (wel nog voor </html> en </body>)

Geplaatst: 14 feb 2004, 14:55
door rogierb
Nee, het werkt ook niet :x
Nog (iemand) een idee :?:

Geplaatst: 14 feb 2004, 15:03
door Luuk
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>

Geplaatst: 14 feb 2004, 15:07
door rogierb
Het is gelukt!! Bedankt :thumb:

Geplaatst: 14 feb 2004, 15:08
door Luuk
Graag gedaan :bier:

Geplaatst: 14 feb 2004, 15:28
door rogierb
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?

Geplaatst: 14 feb 2004, 15:32
door Luuk
Mag ik een link? Het probleem ligt hem denk ik in index_body.tpl

Geplaatst: 14 feb 2004, 15:38
door rogierb
Ik kan wel de index_body gaan veranderen, maar dan is het toch niet in de topics enzo veranderd :?:
Alle tijden zijn UTC+01:00
Pagina 1 van 2
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/