Forum breder maken

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB2. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.phpBB2.0.x
Gesloten
Gebruikersavatar
Xanland
Berichten: 828
Lid geworden op: 23 jan 2005, 17:02
Locatie: Apeldoorn, The Netherlands
Contacteer:
Contacteer Xanland

Forum breder maken

Bericht door Xanland » 03 nov 2005, 17:41

Hallo Allemaal,

Weet iemand hoe je je forum breder moet maken? Zodat alles breder wordt? Het heeft met de style AlexisBlue te maken.
Mvg, Xanland.
phpBBmods
---
Muziekforum
---
Omhoog
Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20316
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:
Contacteer Paul

Bericht door Paul » 03 nov 2005, 18:00

overall_header.tpl de width aanpassen :)
Omhoog
Gebruikersavatar
Xanland
Berichten: 828
Lid geworden op: 23 jan 2005, 17:02
Locatie: Apeldoorn, The Netherlands
Contacteer:
Contacteer Xanland

Bericht door Xanland » 03 nov 2005, 18:11

En waar precies:

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/alexisBlue/{T_HEAD_STYLESHEET}" type="text/css">

<!-- 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 link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<a name="top"></a>
<table class="mainwindow" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td>

<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" height="100%">


<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="title"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr>

<!-- <td width="150" background="templates/alexisBlue/images/top.gif">&nbsp;</td> -->

<td valign="bottom"><div align="right"><img src="templates/alexisBlue/images/logo.gif"></img></div></td></tr></table></td>
</tr>
<tr>
<td class="subtitle">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<!-- <td width="100" background="templates/alexisBlue/images/bottom.gif">&nbsp;</td>   -->
<td class="small">
<div align="left">

        <a href="{U_INDEX}">{L_INDEX}</a> ::
        <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>

</div>
</td>
<td width="35%" class="small">
<div align="right">


                <!-- BEGIN switch_user_logged_out -->
                <a href="{U_REGISTER}">{L_REGISTER}</a> ::
                <!-- END switch_user_logged_out -->

                 <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a> ::
                <a href="{U_PROFILE}">{L_PROFILE}</a>


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

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

<br />
<center><div class="pm"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center>
<br />

<table width="100%" cellspacing="0" cellpadding="10">
<tr>
<td>
?
Mvg, Xanland.
phpBBmods
---
Muziekforum
---
Omhoog
B-sTyLe
Berichten: 561
Lid geworden op: 27 okt 2004, 17:12

Bericht door B-sTyLe » 03 nov 2005, 18:42

zoek:

Code: Selecteer alles

<table class="mainwindow" height="100%" cellspacing="0" cellpadding="0">
maak daarvan:

Code: Selecteer alles

<table class="mainwindow" width="100%" height="100%" cellspacing="0" cellpadding="0">
als dat werk kun je die width="100%" veranderen in de breedte die jij wilt
Omhoog
Gebruikersavatar
Xanland
Berichten: 828
Lid geworden op: 23 jan 2005, 17:02
Locatie: Apeldoorn, The Netherlands
Contacteer:
Contacteer Xanland

Bericht door Xanland » 03 nov 2005, 20:08

Werkt helaas niet:

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/alexisBlue/{T_HEAD_STYLESHEET}" type="text/css">

<!-- 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 link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<a name="top"></a>
<table class="mainwindow" width=100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td>

<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" height="100%">


<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="title"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr>

<!-- <td width="150" background="templates/alexisBlue/images/top.gif">&nbsp;</td> -->

<td valign="bottom"><div align="right"><img src="templates/alexisBlue/images/logo.gif"></img></div></td></tr></table></td>
</tr>
<tr>
<td class="subtitle">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<!-- <td width="100" background="templates/alexisBlue/images/bottom.gif">&nbsp;</td>   -->
<td class="small">
<div align="left">

        <a href="{U_INDEX}">{L_INDEX}</a> ::
        <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>

</div>
</td>
<td width="35%" class="small">
<div align="right">


                <!-- BEGIN switch_user_logged_out -->
                <a href="{U_REGISTER}">{L_REGISTER}</a> ::
                <!-- END switch_user_logged_out -->

                 <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a> ::
                <a href="{U_PROFILE}">{L_PROFILE}</a>


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

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

<br />
<center><div class="pm"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center>
<br />

<table width="100%" cellspacing="0" cellpadding="10">
<tr>
<td>
Waarin ik hem ook verander!
Mvg, Xanland.
phpBBmods
---
Muziekforum
---
Omhoog
Gebruikersavatar
Xanland
Berichten: 828
Lid geworden op: 23 jan 2005, 17:02
Locatie: Apeldoorn, The Netherlands
Contacteer:
Contacteer Xanland

Bericht door Xanland » 04 nov 2005, 16:40

Iemand/Somebody?
Mvg, Xanland.
phpBBmods
---
Muziekforum
---
Omhoog
Gebruikersavatar
cdrom-la
Berichten: 240
Lid geworden op: 16 jun 2005, 15:06

Bericht door cdrom-la » 04 nov 2005, 17:22

post je index_body.tpl eens
daar kan hewt ook inzitten
http://www.branfan.tk

ik ben gebant op phpbb.nl stoer he :D
Ben vereerd dat ik hier gebant ben :D
Omhoog
Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20316
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:
Contacteer Paul

Bericht door Paul » 04 nov 2005, 17:27

cdrom-la schreef:post je index_body.tpl eens
daar kan hewt ook inzitten
dan wordt alleen de index breder ;)
Omhoog
Gebruikersavatar
Diablo Gamer
Berichten: 1394
Lid geworden op: 02 jan 2004, 20:33
Locatie: Dalen/Drenthe/Holland
Contacteer:
Contacteer Diablo Gamer

Bericht door Diablo Gamer » 04 nov 2005, 19:53

viewforum_body.tpl
viewtopic_body.tpl


daar heb ik het bij mijne gedaan ;) ( ik weet niet of het goed was maar het werk wel )
It`s nice to be important, but it`s more important to be nice.
Omhoog
Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20316
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:
Contacteer Paul

Bericht door Paul » 04 nov 2005, 19:58

Dat is alleen de fora en de topics ;)
Omhoog
Gebruikersavatar
Xanland
Berichten: 828
Lid geworden op: 23 jan 2005, 17:02
Locatie: Apeldoorn, The Netherlands
Contacteer:
Contacteer Xanland

Bericht door Xanland » 04 nov 2005, 20:54

Nog goede (:P) ideeën?
Mvg, Xanland.
phpBBmods
---
Muziekforum
---
Omhoog
Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20316
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:
Contacteer Paul

Bericht door Paul » 04 nov 2005, 21:04

overall_header.tpl aanpassen :roll:
Omhoog
Gebruikersavatar
Xanland
Berichten: 828
Lid geworden op: 23 jan 2005, 17:02
Locatie: Apeldoorn, The Netherlands
Contacteer:
Contacteer Xanland

Bericht door Xanland » 04 nov 2005, 21:11

Xanland schreef:Werkt helaas niet:
<!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/alexisBlue/{T_HEAD_STYLESHEET}" type="text/css">

<!-- 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 link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<a name="top"></a>
<table class="mainwindow" width=100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td>

<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" height="100%">


<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="title"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr>

<!-- <td width="150" background="templates/alexisBlue/images/top.gif">&nbsp;</td> -->

<td valign="bottom"><div align="right"><img src="templates/alexisBlue/images/logo.gif"></img></div></td></tr></table></td>
</tr>
<tr>
<td class="subtitle">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<!-- <td width="100" background="templates/alexisBlue/images/bottom.gif">&nbsp;</td> -->
<td class="small">
<div align="left">

<a href="{U_INDEX}">{L_INDEX}</a> ::
<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>

</div>
</td>
<td width="35%" class="small">
<div align="right">


<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}">{L_REGISTER}</a> ::
<!-- END switch_user_logged_out -->

<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a> ::
<a href="{U_PROFILE}">{L_PROFILE}</a>


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

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

<br />
<center><div class="pm"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center>
<br />

<table width="100%" cellspacing="0" cellpadding="10">
<tr>
<td>
Waarin ik hem ook verander!
Het dikgedrukte stukje heb ik verandert volgens ba21 (post 4).
Mvg, Xanland.
phpBBmods
---
Muziekforum
---
Omhoog
Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20316
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:
Contacteer Paul

Bericht door Paul » 04 nov 2005, 21:38

en deze moet je veranden:

Code: Selecteer alles

<table width="100%" height="100%" cellpadding="0" cellspacing="0">
Omhoog
Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 04 nov 2005, 21:58

Hoogte van de pagina werkt in Firefox en Opera alleen goed als je de hoogte van de body ook op 100% zet.
... Maar ik modereer (nog) niet.
Omhoog
Gebruikersavatar
Xanland
Berichten: 828
Lid geworden op: 23 jan 2005, 17:02
Locatie: Apeldoorn, The Netherlands
Contacteer:
Contacteer Xanland

Bericht door Xanland » 05 nov 2005, 16:48

Welke moet ik nou veranderen/toevoegen en waar, want het is helaas nog steeds niet gelukt!?
Mvg, Xanland.
phpBBmods
---
Muziekforum
---
Omhoog
Gebruikersavatar
Xanland
Berichten: 828
Lid geworden op: 23 jan 2005, 17:02
Locatie: Apeldoorn, The Netherlands
Contacteer:
Contacteer Xanland

Bericht door Xanland » 08 nov 2005, 21:19

Iemand/Bump/Kick./?
Mvg, Xanland.
phpBBmods
---
Muziekforum
---
Omhoog
Gebruikersavatar
Xanland
Berichten: 828
Lid geworden op: 23 jan 2005, 17:02
Locatie: Apeldoorn, The Netherlands
Contacteer:
Contacteer Xanland

Bericht door Xanland » 11 nov 2005, 17:10

Xanland schreef:Welke moet ik nou veranderen/toevoegen en waar, want het is helaas nog steeds niet gelukt!?
Bump/Kick/Iemand!
Mvg, Xanland.
phpBBmods
---
Muziekforum
---
Omhoog
Gebruikersavatar
Rico
Berichten: 2185
Lid geworden op: 23 okt 2003, 18:45
Contacteer:
Contacteer Rico

Bericht door Rico » 11 nov 2005, 19:28

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/alexisBlue/{T_HEAD_STYLESHEET}" type="text/css"> 

<!-- 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 link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 

<a name="top"></a> 
<table class="mainwindow" width=80%" height="100%" cellspacing="0" cellpadding="0"> 
<tr> 
<td> 

<table width="100%" height="100%" cellpadding="0" cellspacing="0"> 
<tr> 
<td valign="top" height="100%"> 


<table width="100%" cellspacing="0" cellpadding="0"> 
<tr> 
<td class="title"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr> 

<!-- <td width="150" background="templates/alexisBlue/images/top.gif">&nbsp;</td> --> 

<td valign="bottom"><div align="right"><img src="templates/alexisBlue/images/logo.gif"></img></div></td></tr></table></td> 
</tr> 
<tr> 
<td class="subtitle"> 
<table width="100%" height="100%" cellpadding="0" cellspacing="0"> 
<tr> 
<!-- <td width="100" background="templates/alexisBlue/images/bottom.gif">&nbsp;</td> --> 
<td class="small"> 
<div align="left"> 

<a href="{U_INDEX}">{L_INDEX}</a> :: 
<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> 

</div> 
</td> 
<td width="35%" class="small"> 
<div align="right"> 


<!-- BEGIN switch_user_logged_out --> 
<a href="{U_REGISTER}">{L_REGISTER}</a> :: 
<!-- END switch_user_logged_out --> 

<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a> :: 
<a href="{U_PROFILE}">{L_PROFILE}</a> 


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

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

<br /> 
<center><div class="pm"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center> 
<br /> 

<table width="100%" cellspacing="0" cellpadding="10"> 
<tr> 
<td>
Probeer dit eens. :)
Als je er niet uitkomt zeg het maar.
Guess who's back..
Omhoog
Gebruikersavatar
Cheeta
Berichten: 1165
Lid geworden op: 11 jan 2004, 11:26
Locatie: Mijdrecht Sites: -- Derbi Club --
Contacteer:
Contacteer Cheeta

Bericht door Cheeta » 11 nov 2005, 20:16

deze vind ik heel mooi en leuk om te zien :lol:

breedte is via css vastgelegd ;)

Code: Selecteer alles

<table class="mainwindow" height="100%" cellspacing="0" cellpadding="0">

Code: Selecteer alles

class="mainwindow"
de breedte in html wordt overschreven aangezien de css voorstaat en dus voorgaat,,

Code: Selecteer alles

alexisBlue.css

Code: Selecteer alles

table.mainwindow {
        margin-left: auto;
        margin-right: auto;
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        background-color: #FFFFFF;
        width: 775px;
        background-image: url("images/background.gif");
        background-repeat: no-repeat;
        background-position: top right;

Code: Selecteer alles

        width: 775px;
verander width in 100% ;)
Laatst gewijzigd door Cheeta op 11 nov 2005, 20:18, 1 keer totaal gewijzigd.
Don't mess with BD and save the Cheeta's!
Omhoog
Gesloten

Terug naar “2.0 Stijlen”