Esempio di container con barre laterali:
http://yesterdayafternooskin.forumcommunity.net/E' la tabella dietro al forum che lo racchiude da due lati: destra e sinistra.
Le immagini da creare sono quindi due:
barra destra
e barra sinistra
In
gestione codice HTML,
in cima al forum, dovete inserire questo codice:
CODICE
<div id="container">
<div id="contentleft">
<div id="contentright">
In
gestione codice HTML,
in fondo al forum, dovete inserire questo codice:
In
modifica colori e stili, dovete aggiungere questo:
CODICE
/* CONTAINER */
#container {background-color: #COLORE; margin-left: auto; margin-right: auto; width: XX%}
#contentleft {background: url(URL BARRA SINISTRA) left repeat-y}
#contentright {background: url(URL BARRA DESTRA) right repeat-y}
alla voce "width", al posto delle XX, dovete mettere la percentuale della larghezza del container.
Se all'interno delle due barre anziché un colore di sfondo volete mettere un'immagine, dovete sostituire questa parte di CSS:
CODICE
#container {background-color: #COLORE; margin-left: auto; margin-right: auto; width: XX%}
con questa:
CODICE
#container {background: url(URL IMMAGINE); margin-left: auto; margin-right: auto; width: XX%}
alla voce "width", al posto delle XX, dovete mettere la percentuale della larghezza del container.