Gestione Codice HTML in cima:
<div id="container">
<div id="contentleft">
<div id="contentright">
In fondo:
</div></div></div>
Gestione colori e stili:
body {background-color: #6D6D6D; font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #FFF}
table, div {font-size: 7.5pt; color: #FFF}
a:link, a:visited {text-decoration: underline; color: #FFF}
a:hover {color: #F18E2C}
/* DIMENSIONI FORUM */
.header_width, .skin_tbl_width, .skin_tbl {width: 80%}
.stats .border {width: 80%}
/* SCRITTE ESTERNE */
.nav {font-weight: bold; font-size: 9pt}
/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #FF5555; font-weight: bold}
.moderatore {color: #6666FF; font-weight: bold}
.utente {}
.daconvalidare {}
.gruppo1 {color: #A00000; font-weight: bold}
.gruppo2 {color: #A2A2A2; font-weight: bold}
.gruppo3 {color: #C80000; font-weight: bold}
.gruppo4 {color: #BBBABA; font-weight: bold}
.gruppo5 {color: #F40000; font-weight: bold}
.gruppo6 {color: #D0D0D0; font-weight: bold}
/* BARRA DI SCORRIMENTO COLORATA */
body {scrollbar-face-color: #B20000;
scrollbar-highlight-color: #D61F1F;
scrollbar-3dlight-color: #870000;
scrollbar-darkshadow-color: #9B0000;
scrollbar-shadow-color: #AF0000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #6B6B6B}
/* BARRA ATTORNO AL FORUM */
.mtitle {text-align: center; letter-spacing: 1px; word-spacing: 2px; font-weight: bold; font-size: 11px; color: #AF0000}
.mback_left {width: 100px; background-image: url(http://i28.tinypic.com/6pro1h.jpg); background-repeat: no-repeat; background-position: top left}
.mback {height: 31px; background-color: #FFE771; background-image: url(http://i27.tinypic.com/i38kzo.jpg); background-repeat: repeat-x; background-position: bottom}
.mback_right {width: 100px; padding-top: 7px; background-image: url(http://i25.tinypic.com/mjuyj6.jpg); background-repeat: no-repeat; background-position: top right}
.msub {height: 20px; background-color: #AF0000; background-image: url(http://i30.tinypic.com/2nl9540.jpg); background-repeat: repeat-x; border-right: 1px solid #AF0000; border-left: 1px solid #AF0000; border-bottom: 1px solid #AF0000}
.board .foot {display: none}
/* BARRA UTENTE */
.header {border: 1px solid #AF0000; background-color: #6C6C6C}
.menu {background-image: url(http://i27.tinypic.com/i38kzo.jpg); background-repeat: repeat-x; background-color: #EEF2F7; border: 1px solid #999; border-top: 0; height: 28px}
/* SEZIONI FORUM */
.skin_tbl, .skin_tbl_border {background-color: #999}
.darkbar, .foot, .title, .title2, .title3, .row2 {background-image: url(http://i27.tinypic.com/i38kzo.jpg); font-weight: bold; color: #FFF; height: 17px; background-color: #5D5D5D}
.mainbg {background-color: #3A3A3A}
.title {font-weight: bold; color: #AF0000; height: 24px; background-color: #AF0000; background-image: url(http://i30.tinypic.com/2nl9540.jpg)}
.title a:link, .title a:visited, .foot a:link, .foot a:visited {color: #AF0000}
.title a:hover, .foot a:hover {color: #000}
.aa, .bb, .cc {background-color: #5B5B5B}
.ww, .xx, .yy, .zz {background-color: #5B5B5B}
.web {font-size: 10pt; line-height: 150%; color: #909090}
.web a:hover {color: #465584}
.desc {font-size: 7.5pt; color: #000000}
.board .foot {background-color: #BCD0ED; height: 20px}
.foot {font-weight: bold; color: #FFF; height: 24px; background-color: #BCD0ED}
/* STATISTICHE */
.stats .border {border: 1px solid #AF0000}
.border .title2 {background-image: url(http://digilander.libero.it/Ariel_2006/Redpassion/m_center.jpg); background-color: #F0A5A0; color: #FBE8E4; font-size: 11px}
.sunbar {font-size: 10px; font-weight: bold; line-height: 150%; color: #AF0000; background-color: #C2CFDF; background-image: url(http://i30.tinypic.com/2nl9540.jpg)}
.highlight {color: #FFF}
/* LINK MOD */
.highlight a:link, .highlight a:visited {font-size: 9pt; text-align: center}
/* DISCUSSIONE */
.left_top, .right_top {background-color: #545454}
.left, .right {background-color: #6F6F6F}
.nick {font-size: 11px; font-weight: bold; color: #B30000; padding-bottom: 2px}
.nick a:link, .nick a:visited {color: #B30000}
#quote {font-size: 8pt; color: #000000; background-color: #9E9E9E; border: 1px solid #000; padding: 2px}
#code {font-size: 8pt; color: #000000; background-color: #9E9E9E; border: 1px solid #000; padding: 2px}
hr {color: #AF0000}
.fancyborder {border: 1px dashed #999}
.edit .a:link {font-size: 9px; color:af0000}
.bottomborder {border-bottom: 1px dashed #B30000}
.signature {font-size: 7.5pt; color: #333399; line-height: 150%}
.left_bottom, .right_bottom {background-color: #575757}
.sep {background-color: #828282; border-left: 1px solid #5D5D5D; border-right: 1px solid #5D5D5D}
.bar_left {background-image: url(http://i28.tinypic.com/98bt4p.jpg)}
.bar {background-image: url(http://i31.tinypic.com/r0rpn9.jpg)}
.bar_right {background-image: url(http://i26.tinypic.com/2e4vte1.jpg)}
/* MESSENGER */
.msg_main {background-color: #545454}
.darkbar {font-weight: bold; color: #000000; height: 24px; background-color: #ADADAD}
.darkbar a:link, .darkbar a:visited {color: #FFF} .darkbar a:hover {color: #000}
.title3 {font-weight: bold; color: #000; height: 24px; background-color: #AF4E4E}
.row1 {background-color: #7D7D7D}
.row2 {background-color: #525252}
.row3 {background-color: #7D7D7D; border: 1px solid #999}
.msg .details p {font-size: 10px; line-height: 150%}
.msg .details {font-size: 7.5pt}
.color {font-size: 10pt; line-height: 150%}
.info {color: #7D7D7D}
.alert {color: #7D7D7D}
.pagetitle {color: #AF0000; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
/* PROFILO UTENTI */
.title2 {font-weight: bold; color: #AF0000; height: 24px; background-color: #9FBCE3; background-image: url(http://i27.tinypic.com/i38kzo.jpg); background-repeat: repeat-x}
.title2 a:link, .title2 a:visited {color: #FFF} .title2 a:hover {color: #000}
/* INPUT */
.codebuttons, .forminput, .input {font-size: 8pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-image: url(http://i27.tinypic.com/i38kzo.jpg); background-position: right bottom; background-repeat: repeat-x; border: 1px solid #000; color: #AF0000}
.textinput {font-size: 9pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-color: #737373}
/* CONTAINER */
#container {background-color: #2D2D2D; background-image: url(http://i30.tinypic.com/11ueqnb.jpg); margin-left: auto; margin-right: auto; width: 75%}
#contentleft {background: url(http://i26.tinypic.com/vrsll1.jpg) left repeat-y}
#contentright {background: url(http://i26.tinypic.com/vrsll1.jpg) right repeat-y}
Modifica immagini
C_ON
<img src='http://i28.tinypic.com/2f0c3gk.gif' width='28' height='28' alt='C_ON'>
C_OFF
<img src='http://i30.tinypic.com/30dcmdx.png' width='28' height='28' alt='C_OFF'>
C_ON_RES
<img src='http://i28.tinypic.com/2f0c3gk.gif' width='28' height='28' alt='C_ON'>
C_OFF_RES
<img src='http://i30.tinypic.com/30dcmdx.png' width='28' height='28' alt='C_OFF'>
C_LOCKED
<img src='http://i30.tinypic.com/30dcmdx.png' width='28' height='28' alt='C_OFF'>
A_REPLY
<img src='http://i26.tinypic.com/2prtldt.jpg' width='94' height='30' alt='A_REPLY'>
A_POST
<img src='http://i27.tinypic.com/2uft2iu.jpg' width='94' height='30' alt='A_POST'>
A_POLL
<img src='http://i25.tinypic.com/skxatu.jpg' width='94' height='30' alt='A_POLL'>
A_POLLONLY_B/A_LOCKED_B
<img src='http://i25.tinypic.com/2qknzpw.jpg' width='94' height='30' alt='A_POLLONLY_B'>
M_REPLY
<img src='http://i27.tinypic.com/15hy4wk.jpg' width='94' height='30' alt='M_REPLY'>
M_ADDMEM
<img src='http://i31.tinypic.com/acvmdx.jpg' width='94' height='30' alt='M_ADDMEM'>
M_DELETE
<img src='http://i26.tinypic.com/2v9qb5t.jpg' width='94' height='30' alt='M_DELETE'>
M_UNREAD
<img src='http://i27.tinypic.com/16bf4n9.jpg' width='18' height='12' alt='M_UNREAD'>
M_READ
<img src='http://i26.tinypic.com/d8z5y.jpg' width='18' height='12' alt='M_READ'>
B_NEW
<img src='http://i27.tinypic.com/16bf4n9.jpg' width='18' height='12' alt='B_NEW'>
B_NORM
<img src='http://i26.tinypic.com/d8z5y.jpg' width='18' height='12' alt='B_NORM'>
B_HOT
<img src='http://i30.tinypic.com/34sjggn.jpg' width='18' height='12' alt='B_HOT'>
B_HOT_NN
<img src='http://i27.tinypic.com/fjf288.jpg' width='18' height='12' alt='B_HOT_NN'>
B_POLL
<img src='http://i28.tinypic.com/ayss52.jpg' width='18' height='12' alt='B_POLL'>
B_POLL_NN
<img src='http://i26.tinypic.com/14b5blu.jpg' width='18' height='12' alt='B_POLL_NN'>
P_DELETE
<img src='http://i31.tinypic.com/t6pmc0.jpg' width='60' height='21' alt='P_DELETE'>
P_EDIT
<img src='http://i30.tinypic.com/33kdhco.jpg' width='60' height='21' alt='P_EDIT'>
P_QUOTE
<img src='http://i25.tinypic.com/2r5812q.jpg' width='60' height='21' alt='P_QUOTE'>
P_MSG
<img src='http://i32.tinypic.com/iy3o6s.jpg' width='60' height='21' alt='P_MSG'>
P_EMAIL
<img src='http://i28.tinypic.com/5v18w0.jpg' width='60' height='21' alt='P_EMAIL'>
P_WEBSITE
<img src='http://i31.tinypic.com/2uh61s0.jpg' width='60' height='21' alt='P_WEBSITE'>
P_MSN
<img src='http://i25.tinypic.com/24pcf42.jpg' width='60' height='21' alt='P_MSN'>
P_YIM
<img src='http://i25.tinypic.com/2dlt26a.jpg' width='60' height='21' alt='P_YIM'>
P_ICQ
<img src='http://i31.tinypic.com/xom5w9.jpg' width='60' height='21' alt='P_ICQ'>
F_NAV
<img src='http://i26.tinypic.com/ncffr.jpg' width='21' height='21' alt='F_NAV'>
