Very Simple
Rules:
E' vietata la modifica del CSS senza autorizzazione.
E' possibile modificare solo il font, la grandezza, i bottoni, lo sfondo e il logo.
>>Anteprima<<
Autore: Sbrinzetto
Andate in modifica skin ed impostate la ICG Station.
Andate in modifica colori e stili ed inserite il seguente codice:
CODICE
body {background-color: #ACB2B8; font-family: calibri; font-size: 11px; color: #ACB2B8; background-image: url(http://i40.tinypic.com/smvmes.jpg); background-repeat: repeat; background-position: top}
table, div {font-size: 11px; color: #7B8289}
a:link, a:visited {text-decoration: underline; color: #7B8289; font-size: 11px}
a:hover {text-decoration: none; color: #7B8289; font-size: 11px}
/* SCRITTE ESTERNE */
.nav {font-weight: bold; color: #7B8289; font-size: 11px}
.nav a:link, .nav a:visited {color: #7B8289} .nav a:hover {color: #7B8289}
/* CONTAINER */
#container {background-image: url(http://i40.tinypic.com/4l14b5.jpg); margin-left: auto; margin-right: auto; width: 75%}
#contentleft {background: url(http://i40.tinypic.com/hrehye.png) left repeat-y}
#contentright {background: url(http://i41.tinypic.com/21nr0c9.png) right repeat-y}
/* DIMENSIONI FORUM */
.skin_tbl_width, .skin_tbl, .header_width {width: 90%}
.stats .border {width: 85%}
/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #7B8289; font-weight: bold}
.moderatore {color: ##1CB3FF; font-weight: bold}
.utente {color: ##FF7171}
.daconvalidare {color: ##FF7171; font-style: italic}
.gruppo1 {color: ##00FF55; font-weight: bold}
.gruppo2 {color: ##C30000; font-weight: bold}
.gruppo3 {color: ##FFE355; font-weight: bold}
.gruppo4 {color: ##D0FF71; font-weight: bold}
.gruppo5 {color: ##000000; font-weight: bold}
.gruppo6 {color: ##FF71FF; font-weight: bold}
/* TAG */
.tag .ww {background-color: #C6CCD1; color: #7B8289; border: 0; font-size: 10px; background-image: url()}
.tag .aa {background-color: #C6CCD1; color: #7B8289; border: 0; font-size: 10px; background-image: url()}
.tag .codebutton {font-size: 9px}
.tag .textinput, .tag .codebuttons {font-size: 10px; color: #61676C}
/* BARRA ATTORNO AL FORUM */
.mtitle {text-align: right; padding-top: 30px; padding-right: 20px; font-weight: bold; font-size: 20px; color: #7B8289; font-family: calibri; text-transform: capitalize; font-style: normal; font-variant: small-caps}
.mback {height: 83px; background-image: url(http://i41.tinypic.com/amt65e.png); background-repeat: repeat-x; background-position: bottom}
.msub {background-image: url(http://i39.tinypic.com/1zv8zgg.png); height: 56; background-repeat: repeat-x}
.mleft_top {height: 83px; width: 53px; background-image: url(http://i44.tinypic.com/55pikl.png); background-repeat: no-repeat; background-position: right}
.mright_top {height: 83px; width: 53px; background-image: url(http://i40.tinypic.com/qy9ydk.png); background-repeat: no-repeat; background-position: left}
.mleft, .sep_left {width: 53px; background-image: url(http://i43.tinypic.com/2w4a3oi.png); background-repeat: repeat-y}
.mleft_bottom {height: 56px; width: 53px; background-image: url(http://i42.tinypic.com/ddmbg7.png); background-repeat: no-repeat; background-position: right}
.mright_bottom {height: 56px; width: 53px; background-image: url(http://i41.tinypic.com/hx5fn9.png); background-repeat: no-repeat; background-position: left}
.mright, .sep_right {width: 53px; background-image: url(http://i39.tinypic.com/2qdzpsl.png); background-repeat: repeat-y}
.mainbg {height: 10px; repeat: repeat-x; background-color: #F4FACC}
/* BARRA UTENTE */
.header {background-color: #AAB3BB}
.menu {height: 28px; background-image: url(); background-repeat: repeat-x; background-color: #AAB3BB; border-bottom: 4px solid #7B8289; padding-bottom: 0; font-size: 11px}
.menu .highlight {font-weight: bold; color: #7B8289; margin-bottom: 0}
.menu {font-weight: normal; color: #61676C; margin-bottom: 0}
/* SEZIONI FORUM */
.skin_tbl_border, .mainbg {background-color: #C6CCD1}
.title, .foot {height: 25px; font-weight: normal; background-color: #C6CCD1; border: 0; color: #7B8289; background-image: url(); background-repeat: repeat-x; background-position: bottom}
.xx, .yy, .zz, .bb, .cc {background-color: #C6CCD1; border: 0; color: #7B8289; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; background-position: top}
.aa {background-color: #C6CCD1; border: 0; color: #7B8289; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; background-position: top}
.ww {background-color: #C6CCD1; border: 0; color: #7B8289; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; background-position: top}
.zz {font-size: 10px}
.web {font-size: 11px; line-height: 100%; color: #7B8289}
.web a:link, .web a:visited {font-size: 11px; color: #7B8289}
.web a:hover {font-size: 13px; color: #7B8289; text-decoration: underline; border: 0}
.desc {font-size: 10px; color: #7B8289; text-align: justify; letter-spacing: 1px; font-family: arial; border-left: solid 3px #7B8289 repeat-y}
.board .foot {display: none}
/* STATISTICHE */
.stats .border {border: 3px solid #7B8289}
/* DISCUSSIONE */
.left_top, .right_top, .left_bottom, .right_bottom {height: 22px; color: #7B8289; background-color: #C6CCD1; border: 0; background-image: url(); background-repeat: repeat-x; background-position: bottom}
.nick {font-size: 13px; color: #7B8289; padding-bottom: 0}
.nick a:link, .nick a:visited {font-weight: bold}
.left, .right {background-color: #C6CCD1; border: 0; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; background-position: top}
#quote {border: 0 solid #7B8289; font-size: 11px; padding: 4px; color: #7B8289}
#code {border: 0 solid #7B8289; font-size: 11px; padding: 4px; color: #7B8289}
.quote_top, .code_top {font-size: 10px; padding-left: 4px; color: #7B8289; padding-bottom: 0; text-transform: capitalize; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; background-position: bottom}
/* MESSENGER */
.msg_txt {color: #7B8289; border: 0}
.msg_txt a:hover {text-decoration: none}
.msg_main {background-color: #C6CCD1; border: 0}
.msg .row1 {background-color: #C6CCD1; border: 0; font-size: 10px; color: #7B8289}
.row1 {background-color: #C6CCD1; border: 0; color: #7B8289; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; background-position: bottom; font-size: 10px}
.row3 {background-color: #C6CCD1; border: 0; font-size: 10px}
.msg .row2 {height: 25px; font-weight: normal; color: #7B8289; background-color: #C6CCD1; background-image: url(); background-repeat: repeat-x; background-position: bottom; border: 0}
.row2 {height: 28px; font-weight: normal; color: #7B8289; background-color: #C6CCD1; background-image: url(); background-repeat: repeat-x; background-position: top; border: 0}
.title3 {height: 26px; color: #7B8289; background-color: #C6CCD1; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; border: 0; margin-top: 0; text-align: center; font-weight: bold; background-position: bottom; font-size: 11px}
.msg .details p {color: #7B8289; font-size: 10px; line-height: 150%}
.msg .details {font-size: 10px}
.msg .sunbar {height: 28px; background-image: url(); background-repeat: repeat-x; background-color: #C6CCD1; border: 0; padding-bottom: 2px; color: #7B8289; font-weight: bold}
.forum .darkbar {height: 26px; font-weight: normal; color: #7B8289; background-color: #C6CCD1; border: 0; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; background-position: bottom}
.darkbar {height: 26px; font-weight: bold; color: #7B8289; background-color: #C6CCD1; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; background-position: bottom; border: 0}
.darkline {background-image: url(http://i44.tinypic.com/fw51c6.png); background-position: bottom; width: 155px; height: 2px; margin: 3px 0 3px 0}
.title2 {height: 26px; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; padding-top: 0; font-weight: bold; color: #7B8289; background-color: #C6CCD1; padding-top: 4px; border: 0; border-bottom: 0}
.info {border: opx; background-color: #C6CCD1; font-size: 10px; padding: 4px; color: #7B8289}
.alert {border: 0; background-color: #C6CCD1; font-size: 11px; padding: 4px; color: #7B8289}
/* PROFILO UTENTI */
.pagetitle {font-size: 11px; font-weight: bold; line-height: 120%}
.profile {border: 0}
.profile .title2 {height: 26px; color: #7B8289; background-color: #C6CCD1; background-image: url(http://i44.tinypic.com/fw51c6.png); background-repeat: repeat-x; border: 0; margin-top: 2px; text-align: center; font-weight: bold; background-position: bottom; font-size: 11px}
.profile .row1 {border: 0; background-color: #C6CCD1; color: #7B8289; background-image: url()}
/* INPUT */
.textinput, .input {border: 1px solid #7B8289; background-color: #C6CCD1; color: #61676C; font-size: 10px; font-family: arial; vertical-align: middle}
.forminput {border: 1px solid #7B8289; background-color: #C6CCD1; color: #61676C; font-size: 11px; font-family: arial; vertical-align: middle; background-image: url(); background-repeat: repeat-x}
.codebuttons {border: 1px solid #7B8289; background-color: #C6CCD1; color: #61676C; font-size: 11px; font-family: arial; vertical-align: middle}
.forminput {font-size: 10px}
.menu .textinput, .menu .forminput {background-color: #C6CCD1; border: 1px solid #7B8289}
.msg .textinput {background-color: #C6CCD1; color: #61676C; font-size: 11px; font-family: arial}
.msg .input, .msg .forminput {background-color: #C6CCD1}
/* SONDAGGIO */
.bar {height: 7px; background-image: url(http://i40.tinypic.com/vwu2yf.png)}
Andate in gestione codici HTML:
In cima al sito:
CODICE
<div id="container">
<div id="contentleft">
<div id="contentright">
In fondo al sito:
CODICE
<br/><center><div style="width: 350px; background-color:#c6ccd1; border: 1px solid #5b6268; font:9pt; color: #5b6268"><table id="copyright" width="350" align="center"><tr align="center"><td><center>Skin creata da <b><a href="http://graficanelcuore.forumcommunity.net/" target="_blank">Sbrinzetto</a></b> su <a href="http://graficanelcuore.forumcommunity.net/">Grafica nel cuore</a>.<br>
Per il container ringrazio lo <a href="http://skinfactory.forumfree.net">Skin Factory</a>.
<br>Per i patterns ringrazio <a href="http://myphotoshopbrushes.com/patterns">[x]</a></center></div></center>
</div></div></div>
Modifica Immagini, tramite modifica rapida:
CODICE
A_STAR:♥
A_REPLY:<img src='http://i39.tinypic.com/34ybj1e.jpg' width='123' height='47' alt='A_REPLY'>
A_POST:<img src='http://i40.tinypic.com/1zcmjrn.jpg' width='123' height='47' alt='A_POST'>
A_POLL:<img src='http://i39.tinypic.com/24e5bgp.jpg' width='123' height='47' alt='A_POLL'>
A_POLLONLY_B:<img src='http://i40.tinypic.com/1zdo45.jpg' width='123' height='47' alt='A_POLLONLY_B'>
A_LOCKED_B:<img src='http://i40.tinypic.com/1zdo45.jpg' width='123' height='47' alt='A_LOCKED_B'>
M_REPLY:<img src='http://i44.tinypic.com/10ok39x.jpg' width='109' height='30' alt='M_REPLY'>
M_ADDMEM:<img src='http://i44.tinypic.com/n4bcpu.jpg' width='109' height='30' alt='M_ADDMEM'>
M_DELETE:<img src='http://i44.tinypic.com/wlob9f.jpg' width='109' height='30' alt='M_DELETE'>
M_UNREAD:<img src='http://i42.tinypic.com/2e2nevn.jpg' width='11' height='11' alt='M_UNREAD'>
M_READ:<img src='http://i40.tinypic.com/x0xn3c.jpg' width='11' height='11' alt='M_READ'>
C_ON:<img src='http://i39.tinypic.com/35lrqtw.png' width='35' height='36' alt='C_OFF'>
C_OFF:<img src='http://i41.tinypic.com/347isdj.png' width='35' height='36' alt='C_OFF'>
C_ON_RES:<img src='http://i39.tinypic.com/35lrqtw.png' width='35' height='36' alt='C_OFF'>
C_OFF_RES:<img src='http://i41.tinypic.com/347isdj.png' width='35' height='36' alt='C_OFF'>
C_LOCKED:LOCKED
F_ACTIVE:ACTIVE
F_STATS:STATS
B_NEW:<img src='http://i42.tinypic.com/2e2nevn.jpg' width='11' height='11' alt='B_NEW'>
B_NORM:<img src='http://i40.tinypic.com/x0xn3c.jpg' width='11' height='11' alt='B_NORM'>
B_HOT:<img src='http://i42.tinypic.com/2e2nevn.jpg' width='11' height='11' alt='B_HOT'>
B_HOT_NN:<img src='http://i40.tinypic.com/x0xn3c.jpg' width='11' height='11' alt='B_HOT_NN'>
B_POLL:<img src='http://i42.tinypic.com/2e2nevn.jpg' width='11' height='11' alt='B_POLL'>
B_POLL_NN:<img src='http://i40.tinypic.com/x0xn3c.jpg' width='11' height='11' alt='B_POLL_NN'>
B_MOVED:-->
B_LOCKED:Lock
NEW_POST:>>
B_PIN:♣
B_ANNUNCIO:♥
P_DELETE:<img src='http://i44.tinypic.com/wlob9f.jpg' width='109' height='30' alt='P_DELETE'>
P_EDIT:<img src='http://i43.tinypic.com/2qjaryu.jpg' width='109' height='30' alt='P_EDIT'>
P_QUOTE:<img src='http://i44.tinypic.com/10ok39x.jpg' width='109' height='30' alt='P_QUOTE'>
P_MSG:<img src='http://i39.tinypic.com/4jqfqp.jpg' width='34' height='30' alt='P_MSG'>
P_EMAIL:<img src='http://i44.tinypic.com/1z6gl5h.jpg' width='54' height='30' alt='P_EMAIL'>
P_WEBSITE:<img src='http://i39.tinypic.com/sz7hxx.jpg' width='50' height='30' alt='P_WEBSITE'>
P_MSN:<img src='http://i44.tinypic.com/ev1att.jpg' width='44' height='30' alt='P_MSN'>
P_YIM:<img src='http://i42.tinypic.com/au73ue.jpg' width='42' height='30' alt='P_YIM'>
P_ICQ:<img src='http://i39.tinypic.com/2layfz4.jpg' width='39' height='30' alt='P_ICQ'>
P_UP:http://i42.tinypic.com/hurnv5.jpg
F_NAV:::
Modifica logo:
CODICE
http://i40.tinypic.com/11kl0yv.jpg
Modifica sfondo:
CODICE
http://i40.tinypic.com/smvmes.jpg