Esempio disponibile a questo link: [
X]
- Vietata la copia CSS e HTML tutti i diritti riservati.
- Credit in fondo al forum, VIETATO TOGLIERLI.
- Impostate la skin ICG Station
- Andate in Modifica colori e stili e inserite questo codice:
CODICE
body {background-color: #FFF; font-family: verdana, tahoma, arial; font-size: 8pt; color: #000}
table, div {font-size: 7.5pt; color: #000}
a:link, a:visited {text-decoration: none; color: #586D7C}
a:hover {color: #445560}
/* SCRITTE ESTERNE */
.nav {font-weight: bold; font-size: 8pt}
.nav a:link, .nav a:visited {color: #445588} .nav a:hover {color: #000}
/* DIMENSIONI FORUM */
.header_width, .skin_tbl_width, .skin_tbl {width: 86%}
.stats .border {width: 87%}
/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #FF7171; font-weight: bold}
.moderatore {color: #008BC2; font-weight: bold}
.utente {}
.daconvalidare {color: #008000}
.gruppo1 {color: #B980FF; font-weight: bold}
.gruppo2 {color: #80A9FF; font-weight: bold}
.gruppo3 {color: #95DDFF; font-weight: bold}
.gruppo4 {color: #9FEF50; font-weight: bold}
.gruppo5 {color: #FFF000; font-weight: bold}
.gruppo6 {color: #FFB56A; font-weight: bold}
/* BARRA DI SCORRIMENTO COLORATA */
body {scrollbar-face-color: #E0E0E0; scrollbar-highlight-color: #EEE; scrollbar-shadow-color: #CFCFCF; scrollbar-3dlight-color: #999; scrollbar-arrow-color: #808080; scrollbar-track-color: #F2F2F2; scrollbar-darkshadow-color: #777}
/* BARRA ATTORNO AL FORUM */
.mtitle {text-align: center; letter-spacing: 1px; word-spacing: 1px; padding-top: 3px; font-weight: bold; font-size: 10pt; color: #FFFFFF}
.mback_left {width: 170px; background-image: url(http://digiphotostatic.libero.it/atek_skin/med/59ad828844_1237156_med.jpg); background-repeat: no-repeat; background-position: bottom}
.mback_center {background-image: url(http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237158_tmb.jpg); background-repeat: repeat-x; background-position: bottom}
.mback_right {width: 170px; background-image: url(http://digiphotostatic.libero.it/atek_skin/med/59ad828844_1237157_med.jpg); background-repeat: no-repeat; background-position: bottom}
.mback {height: 33px; border-bottom: 1px solid #ADBAC6; background-image: none}
.msub {height: 3px; font-size: 3px}
.msub_left {height: 3px; width: 7px; background-image: url(http://img.forumfree.net/style_images/15/msub_left.gif); background-repeat: no-repeat}
.msub_center {background-image: url(http://img.forumfree.net/style_images/15/msub_center.gif); background-repeat: repeat-x}
.msub_right {width: 7px; background-image: url(http://img.forumfree.net/style_images/15/msub_right.gif); background-repeat: no-repeat}
.mleft_top, .mleft, .sep_left, .mleft_bottom, .mright_top, .mright, .sep_right, .mright_bottom {width: 0}
/* BARRA UTENTE */
.header {background-color: #FFF; border: 1px solid #B2B9C5; border-bottom: 0}
.menu {height: 25px; background-image: url(http://img.forumfree.net/style_images/15/menu.gif); background-repeat: repeat-x; background-color: #E7ECF4; border-left: 1px solid #B2B9C5; border-right: 1px solid #ADBAC6}
.menu .highlight {font-weight: bold; color: #7AA2F1}
/* SEZIONI FORUM */
.skin_tbl_border, .mainbg {background-color: #ADBAC6}
.title, .title2, .foot, .row2 {height: 25px; font-weight: bold; color: #444; background-color: #EAEAEA; border: 1px solid #FFF; border-bottom: 0}
.ww, .xx, .yy, .zz, .aa, .bb, .cc {background-color: #F7F7F7; border: 1px solid #FFF; border-bottom: 0}
.web {font-size: 8.5pt; line-height: 150%}
.desc {font-size: 10px; color: #666}
.board .foot {display: none}
/* STATISTICHE */
.stats .title2 {height: 23px; border-bottom: 1px solid #ADBAC6; background-image: url(http://img.forumfree.net/style_images/15/mback_center.gif); background-repeat: repeat-x; background-position: bottom; background-color: #FEFEFF; letter-spacing: 1px; font-size: 8pt; color: #445588}
.sunbar {height: 25px; font-weight: bold; color: #444; background-color: #EAEAEA; border: 1px solid #FFF; border-bottom: 0}
.stats .ww, .stats .aa {background-color: #F7F7F7}
.stats .ww {text-align: center}
.highlight {color: #778F9F}
/* LINK MOD */
.highlight a:link, .highlight a:visited {color: #7AA2F1} .highlight a:hover {text-decoration: line-through}
/* DISCUSSIONE */
.left_top, .right_top, .left_bottom, .right_bottom {height: 25px; color: #444; background-color: #EAEAEA; border: 1px solid #FFF; border-bottom: 0}
.nick {font-size: 12px; color: #FF5555; padding-bottom: 2px}
.nick a:link, .nick a:visited {font-weight: bold}
.left, .right {background-color: #FAFAFA; border: 1px solid #FFF; border-bottom: 0}
#quote {border: 1px solid #A9B8C2; background-color: #DCE1E5; font-size: 8pt; padding: 2px}
#code {border: 1px solid #778F9F; background-color: #A9B8C2; color: #FFF; font-size: 8pt; padding: 2px}
.color {font-size: 9.5pt; line-height: 150%}
.color a:hover {text-decoration: underline}
hr {color: #ADBAC6}
.fancyborder {background-color: #FFF; border: 1px dashed #ADBAC6}
.edit {font-size: 9px; font-style: italic; color: #778F9F}
.bottomborder {border-bottom: 1px dashed #ADBAC6}
.signature {color: #778F9F; line-height: 150%}
.sep {height: 7px}
/* MESSENGER */
.msg_txt a:hover {text-decoration: underline}
.msg_main, .row1 {background-color: #F7F7F7; border: 1px solid #FFF; border-bottom: 0}
.row3 {background-color: #FAFAFA; border: 1px solid #ADBAC6}
.title3, .darkbar {height: 23px; background-color: #DCE1E5; border: 1px solid #FFF; border-bottom: 0; font-weight: bold; color: #586D7C}
.title3 {border: 0}
height: 25px; font-weight: bold; color: #444; background-color: #eaeaea
.msg .details p {color: #008000; font-size: 10px; line-height: 150%}
.msg .details {font-size: 7.5pt}
.info {padding: 3px; background-color: #EAF2FF; color: #448AFF; border: 1px solid #AACAFF}
.alert {padding: 3px; background-color: #FFEAEA; color: #FF4444; border: 1px solid #FFAAAA}
/* PROFILO UTENTI */
.pagetitle {font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
.profile .title2 {border: 0; border-bottom: 1px solid #FFF}
.profile .row1 {border: 0; background-color: #FAFAFA}
/* INPUT */
.textinput, .forminput, .input, .codebuttons {border: 1px solid #ADBAC6; background-color: #EAEAEA; color: #586D7C; font-size: 7.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
.forminput {font-size: 11px}
.menu .textinput, .menu .forminput {background-color: #F4F6FC; border-left: 1px solid #B2B9C5}
.msg .textinput {background-color: #FAFAFA; color: #444; font-size: 8.5pt}
.msg .input, .msg .forminput {background-color: #F7F7F7}
/* CONTAINER */
#container {background-color: #EEEEEE; background-image: url(); margin-left: auto; margin-right: auto; width: 80%}
#contentleft {background-image: url(http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237159_tmb.jpg); background-repeat: repeat-y; background-position: left}
#contentright {background-image: url(http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237159_tmb.jpg); background-repeat: repeat-y; background-position: right}
- Per inserire le immagini andate in "Modifica immagini" e, in fondo alla pagina, inserite il seguente codice nello spazio nominato "Modifica Rapida", dopo aver incollato spuntate la voce "Aggiorna tramite la modifica rapida".
CODICE
A_REPLY:<img src='http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237323_tmb.jpg' width='100' height='50' alt='A_REPLY'>
A_POST:<img src='http://digiphotostatic.libero.it/atek_skin/med/59ad828844_1237305_med.jpg' width='100' height='50' alt='A_POST'>
A_POLL:<img src='http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237324_tmb.jpg' width='100' height='50' alt='A_POLL'>
A_POLLONLY_B:<img src='http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237325_tmb.jpg' width='100' height='50' alt='A_POLLONLY_B'>
A_LOCKED_B:<img src='http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237325_tmb.jpg' width='100' height='50' alt='A_LOCKED_B'>
M_REPLY:<img src='http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237323_tmb.jpg' width='100' height='50' alt='M_REPLY'>
M_ADDMEM:<img src='http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237326_tmb.jpg' width='100' height='50' alt='M_ADDMEM'>
M_DELETE:<img src='http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237327_tmb.jpg' width='100' height='50' alt='M_DELETE'>
C_ON:<img src='http://digiphotostatic.libero.it/atek_skin/med/59ad828844_1237283_med.jpg' width='50' height='50' alt='C_ON'>
C_OFF:<img src='http://digiphotostatic.libero.it/atek_skin/med/59ad828844_1237284_med.jpg' width='50' height='50' alt='C_OFF'>
C_ON_RES:<img src='http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237286_tmb.jpg' width='50' height='50' alt='C_ON_RES'>
C_OFF_RES:<img src='http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237285_tmb.jpg' width='50' height='50' alt='C_OFF_RES'>
C_LOCKED:<img src='http://digiphotostatic.libero.it/atek_skin/tmb/59ad828844_1237285_tmb.jpg' width='50' height='50' alt='C_LOCKED'>
P_DELETE:<img src='http://i44.tinypic.com/1zp03kw.png' width='120' height='50' alt='P_DELETE'>
P_EDIT:<img src='http://i39.tinypic.com/2rcwqvc.png' width='120' height='50' alt='P_EDIT'>
P_QUOTE:<img src='http://i39.tinypic.com/24e0qad.png' width='120' height='50' alt='P_QUOTE'>
- In "Gestione codici HTML" e inserite questi codici "in fondo al sito":
CODICE
<a href="http://thebigworld.blogfree.net/?act=Profile&MID=37846" ><img src="http://i42.tinypic.com/syblz7_th.gif" ></a>
</div></div></div>
- In "Gestione codici HTML" e inserite questi codici "in cima al sito":
CODICE
<div id="container"><div id="contentleft"><div id="contentright">
<a href="http://atekskin.blogfree.net/" ><img src="http://i44.tinypic.com/n62gk8.png" ></a>
Usate questo sfondo:
CODICE
http://digiphotostatic.libero.it/atek_skin/med/59ad828844_1237211_med.jpg
Usate questo logo:
CODICE
http://img.forumfree.net/index_file/spacer.gif