phpBB.nl

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

Forum breder maken

https://www.phpbb.nl/forums/viewtopic.php?f=46&t=24016

Pagina 1 van 2

Forum breder maken

Geplaatst: 03 nov 2005, 17:41
door Xanland
Hallo Allemaal,

Weet iemand hoe je je forum breder moet maken? Zodat alles breder wordt? Het heeft met de style AlexisBlue te maken.

Geplaatst: 03 nov 2005, 18:00
door Paul
overall_header.tpl de width aanpassen :)

Geplaatst: 03 nov 2005, 18:11
door Xanland
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>
?

Geplaatst: 03 nov 2005, 18:42
door B-sTyLe
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

Geplaatst: 03 nov 2005, 20:08
door Xanland
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!

Geplaatst: 04 nov 2005, 16:40
door Xanland
Iemand/Somebody?

Geplaatst: 04 nov 2005, 17:22
door cdrom-la
post je index_body.tpl eens
daar kan hewt ook inzitten

Geplaatst: 04 nov 2005, 17:27
door Paul
cdrom-la schreef:post je index_body.tpl eens
daar kan hewt ook inzitten
dan wordt alleen de index breder ;)

Geplaatst: 04 nov 2005, 19:53
door Diablo Gamer
viewforum_body.tpl
viewtopic_body.tpl


daar heb ik het bij mijne gedaan ;) ( ik weet niet of het goed was maar het werk wel )

Geplaatst: 04 nov 2005, 19:58
door Paul
Dat is alleen de fora en de topics ;)

Geplaatst: 04 nov 2005, 20:54
door Xanland
Nog goede (:P) ideeën?

Geplaatst: 04 nov 2005, 21:04
door Paul
overall_header.tpl aanpassen :roll:

Geplaatst: 04 nov 2005, 21:11
door Xanland
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).

Geplaatst: 04 nov 2005, 21:38
door Paul
en deze moet je veranden:

Code: Selecteer alles

<table width="100%" height="100%" cellpadding="0" cellspacing="0">

Geplaatst: 04 nov 2005, 21:58
door Bee
Hoogte van de pagina werkt in Firefox en Opera alleen goed als je de hoogte van de body ook op 100% zet.

Geplaatst: 05 nov 2005, 16:48
door Xanland
Welke moet ik nou veranderen/toevoegen en waar, want het is helaas nog steeds niet gelukt!?

Geplaatst: 08 nov 2005, 21:19
door Xanland
Iemand/Bump/Kick./?

Geplaatst: 11 nov 2005, 17:10
door Xanland
Xanland schreef:Welke moet ik nou veranderen/toevoegen en waar, want het is helaas nog steeds niet gelukt!?
Bump/Kick/Iemand!

Geplaatst: 11 nov 2005, 19:28
door Rico

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.

Geplaatst: 11 nov 2005, 20:16
door Cheeta
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% ;)
Alle tijden zijn UTC+01:00
Pagina 1 van 2
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/