Pagina 1 van 1

Forum includen in lay out

Geplaatst: 24 apr 2007, 09:47
door Thomasson
Beste mensen,

Ik ben momenteel bezig om een site te maken. Op mijn site wil ik ookk graag een forum hebben. Dit forum heb ik al geinstalleerd. Nu wil ik graag dit forum in mijn content van mijn lay out includen. Ik heb het al geprobeerd met een iframe maar dit gaat niet werken als je in moet loggen. Bovendien vind ik iframes wat amateuristisch overkomen. Hoe moet ik het aanpakken? Ik heb ook al gelezen dat ik waarschijnlijk de lay out in het forum moet bouwen?

Mijn site http://www.flyfishingforum.nl/forum.php

Forum http://www.flyfishingforum.nl/phpBB2/index.php

Hoe bouw ik het content mijn forum in?

MVG,
Thomasson

Geplaatst: 24 apr 2007, 09:52
door ElbertF
Je kan de HTML in overall_header.tpl en overall_footer.tpl in de map /templates/subSilver aanpassen. Het forum staat altijd "tussen" deze bestanden, op die manier kun je jouw layout er omheen bouwen.

Geplaatst: 24 apr 2007, 09:59
door Thomasson
Mijn lay out is gemaakt met div's en css. Ik gebruik hierbij een container div.

css code:

Code: Selecteer alles

body { 
background: #7E8EA9; 
text-align: center; 
} 

#container { 
margin: 0px auto;
width: 780px; 
border: solid 1px black; 
text-align: left; 
} 
#header {
background-color:#FFFFFF;
height: 150px;
}
#ddcolortabs{
padding: 0px;
width: 780px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 129px;
}

#ddcolortabs ul{
font: bold 10px Arial, Verdana, sans-serif;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}
#ddcolortabs a{
font-family: Verdana, Arial, Helvetica, sans-serif;
float:left;
color: #888;
background: #D8D8D8 url(color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
color: #283A50;
background-color: #A5C4DC;
}

#ddcolortabs a:hover span{
background-color: #A5C4DC;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #A5C4DC;
}
#ddcolortabsline{
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #D8D8D8;
float: left;
}
#content { 
width: 618px; 
height: 649px; 
border-top:  1px  solid  #ccc;
border-bottom: 1px solid #ccc; 
background-color: #FFFFFF; 
padding: 0; 
float: left; 
margin: 0;  
} 

#footer {
padding-top: 5px;
height: 20px; 
background: #D8D8D8;
clear: both;
text-align: center;
font:  10px Arial, Verdana, sans-serif;
In welk bestand moet ik die container div inbouwen?

Geplaatst: 24 apr 2007, 10:47
door ElbertF
In de header én footer.

Code: Selecteer alles

<div id="container">
[ kop ]
</div>

[ forum ]

<div id="container">
[ voet ]
</div>
Als je trouwens wilt dat de CSS van je site en het forum niet door elkaar gaan lopen, kun je dit doen:

Code: Selecteer alles

/* phpBB CSS: */
a {
color: blue;
}

/* site CSS: */
#container a {
color: red;
}
Zo worden de links op het forum blauw, en de links van je site rood.