Ecco l'anteprima della skin
Per l'anteprima cliccare sull'immagine
Andate su
Modifica skine impostate come skin
ICGstationPoi Andate su
Gestione codice HTMLed inserite il seguente codice HTML
in fondo al forum:
CODICE
<div style="background-color: #DEEEF2 ; border: 3px double #A1D8E6; font:9pt; width: 30%"><center>
Skin created by<br>
<a href="http://mangatown2026.forumcommunity.net/?act=Profile&MID=1237832"> scoiattolina20</a> <br>
Distribuita solo su<br>
<a href="http://graficarechepassione.forumcommunity.net/"><b>Graficare che Passione</b></a>, <a href="http://skinfactory.forumfree.net/"><b>Skin Factory</b></a><br>, <a href="http://shiningpassion.forumcommunity.net/"><b>
Shining Passion</b></a> e <a href="http://musicsoul.forumcommunity.net/"><b>
Music Soul</b></a> <br>
Tutorial Maintitle by <a href="http://skinfactory.forumfree.net/?act=Profile&MID=653861"><b>Mesmeric Design</b></a> © <a href="http://skinfactory.forumfree.net/"><b>Skin Factory</b></a> <br>
Thanks to <a href="http://77words.livejournal.com/"> 77words</a>
Vietata la riproduzione
o la modifica parziale
</center>
</div> <br> <br>
Se Dovrete aggiungere altre cose si prega di farlo sopra il codice(ad esclusione del codice del container)Per inserire il container andate su
Gestione codice HTMLe mettete il seguente codice HTML
in cima al forum:
CODICE
<div id="container"><div id="contentleft"><div id="contentright">
e quest'altro
in fondo al forum:
CODICE
<div></div></div></div>
Per inserire la skin andate in
Amminitrazione --->
modifica colori e stili ---> selezionate tutto e incollate il seguente codice:
CODICE
body {background-color: #FFF; font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #000}
table, div {font-size: 7.5pt; color: #42597A}
a:link, a:visited {text-decoration: none; color: #58B8CF}
a:hover {color: #1789A5}
/* DIMENSIONI FORUM */
.header_width, .skin_tbl_width, .skin_tbl {width: 80%}
.stats .border {width: 75%}
/* CONTAINER */
#container {background-color: #DEEEF2; margin-left: auto; margin-right: auto; width: 83%}
#contentleft {background: url(http://i27.tinypic.com/2vryhp3.png) left repeat-y}
#contentright {background: url(http://i27.tinypic.com/345llhl.png) right repeat-y}
/* SCRITTE ESTERNE */
.nav {font-weight: bold; font-size: 9pt}
/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #59B8CF; font-weight: bold; border-bottom: 2px dotted #59B8CF}
.moderatore {color: #88D0E2; font-weight: bold; border-bottom: 2px dotted #88D0E2}
.utente {color: #42597A}
.daconvalidare {}
.gruppo1 {color: #51C2DD; font-weight: bold}
.gruppo2 {color: #80CCDE; font-weight: bold}
.gruppo3 {color: #88D4F7; font-weight: bold}
.gruppo4 {color: #6C8FB0; font-weight: bold}
/* BARRA DI SCORRIMENTO COLORATA */
body {scrollbar-face-color: #DEEEF2;
scrollbar-highlight-color: #FFF;
scrollbar-3dlight-color: #FFF;
scrollbar-darkshadow-color: #7AD4E9;
scrollbar-shadow-color: #7AD4E9;
scrollbar-arrow-color: #58B8CF;
scrollbar-track-color: #A1D8E6}
/* BARRA ATTORNO AL FORUM */
.mback {height: 30px; background-image: url(http://i28.tinypic.com/2ry62y1.png); background-repeat: repeat-x; background-position: top; border-top: 1px solid #AAE3F1}
.mtitle {color: #77BBCC; font-size: 9pt}
.mtitle a:link, .mtitle a:visited {text-decoration: none; color: #FFF}
.mtitle a:hover {text-decoration: underline}
.mback_right {width: 264px; background-image: url(http://i31.tinypic.com/sxitex.png); background-repeat: no-repeat; background-position: top right}
.mback_left {width: 286px; background-image: url(http://i25.tinypic.com/3169pbt.png); background-repeat: no-repeat; background-position: top left}
.mleft, .sep_left, .mleft_top, .mright, .sep_right, .mright_top {width: 1px}
.msub {height: 20px; background-image: url(http://i27.tinypic.com/11l4sxc.png); background-repeat: repeat-x; border-bottom: 1px solid #AAE3F1}
.board .foot {display: none}
/* BARRA UTENTE */
.header {border: none}
.menu {background-image: url(http://i32.tinypic.com/erwk07.png); border: 1px solid #D4E9EF; border-top: 0; height: 25px}
.textinput {font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #FFF; background-color: #A1D8E6; border: 1px solid #FFF; border-top: 1px solid #FFF}
.forminput {font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #42597A; background-color: #DEEEF2; border: 1px solid #A1D8E6; border-top: 1px solid #A1D8E6}
/* SEZIONI FORUM */
.skin_tbl, .skin_tbl_border {background-color: #AAE3F1}
.title {font-weight: bold; color: #42597A; height: 20px; background-image: url(http://i27.tinypic.com/11l4sxc.png)}
.title a:link, .title a:visited, .foot a:link, .foot a:visited {color: #60C1D8}
.title a:hover, .foot a:hover {color: #6FCAE0}
.aa, .bb, .cc {background-color: #DEEEF2; border: 1px solid #EDF5F6}
.ww, .xx, .yy, .zz {background-color: #DEEEF2; border: 1px solid #EDF5F6}
.web {font-size: 10pt; line-height: 150%}
.web a:hover {color: #0599BC}
.desc {font-size: 7.5pt; color: #434951}
.board .foot {background-color: #BCD0ED; height: 20px}
.foot {font-weight: bold; color: #42597A; height: 24px; background-color: #DEEEF2}
/* STATISTICHE */
.stats .border {border: 1px solid #A1D8E6}
.title2 {font-weight: bold; color: #FFF; height: 25px; background-image: url(http://i25.tinypic.com/16jr2pk.png)}
.sunbar {font-size: 10px; font-weight: bold; line-height: 150%; color: #FFF; background-color: #A1D8E6; border: 1px solid #FFF}
.highlight {color: #42597A}
/* LINK MOD */
.highlight a:link, .highlight a:visited {font-size: 9pt; text-align: center}
/* DISCUSSIONE */
.left_top, .right_top {background-color: #DEEEF2; border: 1px solid #EDF5F6}
.left, .right {background-color: #DEEEF2; border: 1px solid #EDF5F6}
.nick {font-size: 11px; font-weight: bold; color: #22ACCD; padding-bottom: 2px}
.nick a:link, .nick a:visited {color: #22ACCD}
#quote {font-size: 8pt; color: #FFF; background-color: #A5D7E3; border: 1px solid #99D3E2; padding: 2px}
#code {font-size: 8pt; color: #333; background-color: #AFE6F3; border: 1px solid #A5D8E4; padding: 2px}
hr {color: #42597A}
.fancyborder {border: 1px dashed #42597A}
.edit {font-size: 9px; color: #9ED4E2}
.bottomborder {border-bottom: 1px dashed #42597A}
.signature {font-size: 7.5pt; color: #333399; line-height: 150%}
.left_bottom, .right_bottom {background-color: #DEEEF2; border: 1px solid #EDF5F6}
.sep {background-color: #DEEEF2; border-left: 1px solid #A1D8E6; border-right: 1px solid #A1D8E6}
.bar_left {height: 10px; width: 8px; background-image: url(http://i29.tinypic.com/167kuwo.png); background-repeat: no-repeat; background-position: top left}
.bar {height: 10px; background-image: url(http://i28.tinypic.com/1yny9f.png); background-repeat: repeat-x; background-position: top}
.bar_right {height: 10px; width: 8px; background-image: url(http://i28.tinypic.com/5xiw6s.png); background-repeat: no-repeat; background-position: top right}
/* MESSENGER */
.msg_main {background-color: #DEEEF2; border: 1px solid #EDF5F6}
.darkbar {font-weight: bold; color: #FFF; height: 24px; background-color: #A1D8E6; border: 1px solid #FFF}
.darkbar a:link, .darkbar a:visited {color: #42597A} .darkbar a:hover {color: #42597A}
.title3 {font-weight: bold; color: #FFF; height: 24px; background-color: #A1D8E6}
.row1 {background-color: #DEEEF2; border: 1px solid #E3F2F6}
.row2 {background-color: #AADFEC; border: 1px solid #94CFDE}
.row3 {background-color: #DEEEF2; border: 1px solid #FFF}
.msg .details p {font-size: 10px; line-height: 150%}
.msg .details {font-size: 7.5pt}
.color {font-size: 10pt; line-height: 150%}
.info {color: #000099}
.alert {color: #990000}
.pagetitle {color: #4C77B6; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
/* PROFILO UTENTI */
.title2 {font-weight: bold; color: #3A4F6C; height: 24px; background-color: #9FBCE3}
.title2 a:link, .title2 a:visited {color: #3A4F6C} .title2 a:hover {color: #000}
/* INPUT */
.codebuttons, .input {font-size: 7.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #FFF; background-color: #A1D8E6; border: 1px solid #FFF}
E' SEVERAMENTE VIETATO CAMBIARE QUALSIASI CODICE CSS!!!
CASOMAI CHIEDETE PRIMA A ME!!!
Per cambiare le immagini andate in
Amministrazione --->
modifica immagini --> inserite come segue:
A_STAR:CODICE
<img src='http://i30.tinypic.com/xe0m7s.png' width='10' height='10' alt=''>
A_REPLYCODICE
<img src='http://i31.tinypic.com/1124g74.png' width='70' height='20' alt='A_REPLY'>
A_POSTCODICE
<img src='http://i30.tinypic.com/bjfxcn.png' width='70' height='20' alt='A_POST'>
A_POLLCODICE
<img src='http://i31.tinypic.com/2l92ydg.png' width='70' height='20' alt='A_POLL'>
A_POLLONLY_BCODICE
<img src='http://i32.tinypic.com/1huvjc.png' width='70' height='20' alt='A_POLLONLY_B'>
A_LOCKED_BCODICE
<img src='http://i32.tinypic.com/1huvjc.png' width='70' height='20' alt='A_LOCKED_B'>
M_REPLYCODICE
<img src='http://i31.tinypic.com/1124g74.jpg' width='70' height='20' alt='M_REPLY'>
M_ADDMEMCODICE
<img src='http://i27.tinypic.com/11bhxs7.png' width='70' height='20' alt='M_ADDMEM'>
M_DELETECODICE
<img src='http://i29.tinypic.com/1j99x1.png' width='70' height='20' alt='M_DELETE'>
M_UNREADCODICE
<img src='http://i26.tinypic.com/991isj.gif' width='16' height='12' alt='M_UNREAD'>
M_READCODICE
<img src='http://i28.tinypic.com/23j65pt.gif' width='16' height='12' alt='M_READ'>
C_ONCODICE
<img src='http://i26.tinypic.com/imms0i.png' width='50' height='50' alt='C_ON'>
C_OFFCODICE
<img src='http://i28.tinypic.com/1z35e8x.png' width='50' height='50' alt='C_OFF'>
C_ON_RESCODICE
<img src='http://i28.tinypic.com/149353o.png' width='50' height='50' alt='C_ON_RES'>
C_OFF_RESCODICE
<img src='http://i25.tinypic.com/i27s05.png' width='50' height='50' alt='C_OFF_RES'>
C_LOCKEDCODICE
<img src='http://i28.tinypic.com/15q99om.png' width='50' height='50' alt='C_LOCKED'>
F_ACTIVECODICE
<img src='http://i30.tinypic.com/2ypg715.png' width='50' height='50' alt='F_ACTIVE'>
F_STATSCODICE
<img src='http://i27.tinypic.com/ix7cj4.png' width='50' height='50' alt='F_STATS'>
B_NEWCODICE
<img src='http://i26.tinypic.com/991isj.gif' width='16' height='12' alt='B_NEW'>
B_NORMCODICE
<img src='http://i28.tinypic.com/23j65pt.gif' width='16' height='12' alt='B_NORM'>
B_HOTCODICE
<img src='http://i28.tinypic.com/2lmo4ed.gif' width='34' height='21' alt='B_HOT'>
B_HOT_NNCODICE
<img src='http://i28.tinypic.com/23j65pt.gif' width='16' height='12' alt='B_HOT_NN'>
B_POLLCODICE
<img src='http://i26.tinypic.com/991isj.gif' width='16' height='12' alt='B_POLL'>
B_POLL_NNCODICE
<img src='http://i28.tinypic.com/23j65pt.gif' width='16' height='12' alt='B_POLL_NN'>
B_MOVEDCODICE
<img src='http://i30.tinypic.com/qz2iye.gif' width='9' height='8' alt='B_MOVED'>
B_LOCKEDCODICE
<img src='http://i30.tinypic.com/15rfu9y.gif' width='8' height='15' alt='B_LOCKED'>
NEW_POSTCODICE
<img src='http://i30.tinypic.com/xe0m7s.png' width='10' height='10' alt='NEW_POST'>
B_PINCODICE
<img src='http://i31.tinypic.com/x5wq6t.png' width='10' height='10' alt='B_PIN'>
B_ANNUNCIOCODICE
<img src='http://i30.tinypic.com/xe0m7s.png' width='10' height='10' alt='B_ANNUNCIO'>
P_DELETECODICE
<img src='http://i32.tinypic.com/qq5n4m.png' width='44' height='20' alt='P_DELETE'>
P_EDITCODICE
<img src='http://i28.tinypic.com/2rztaiu.png' width='44' height='20' alt='P_EDIT'>
P_QUOTECODICE
<img src='http://i29.tinypic.com/t7k9bs.png' width='44' height='20' alt='P_QUOTE'>
P_MSGCODICE
<img src='http://i29.tinypic.com/2v956k5.png' width='44' height='20' alt='P_MSG'>
P_EMAILCODICE
<img src='http://i30.tinypic.com/15rxog7.png' width='44' height='20' alt='P_EMAIL'>
P_WEBSITECODICE
<img src='http://i32.tinypic.com/2d6tpqf.png' width='44' height='20' alt='P_WEBSITE'>
P_MSNCODICE
<img src='http://i27.tinypic.com/14ihr9y.png' width='44' height='20' alt='P_MSN'>
P_YIMCODICE
<img src='http://i28.tinypic.com/140wy8i.png' width='44' height='20' alt='P_YIM'>
P_ICQCODICE
<img src='http://i25.tinypic.com/ivzdpj.png' width='44' height='20' alt='P_ICQ'>
P_UPCODICE
http://i32.tinypic.com/10dy3ys.png
F_NAVCODICE
<img src='http://i30.tinypic.com/xe0m7s.png' width='10' height='10' alt='F_NAV'>
ICON_SEARCHCODICE
http://i30.tinypic.com/xe0m7s.png
ICON_MEMBERSCODICE
http://i30.tinypic.com/xe0m7s.png
ICON_HELPCODICE
http://i30.tinypic.com/xe0m7s.png
Per inserire il logo andate su "
Modifica logo" --> ricopiate questo codice
CODICE
http://i31.tinypic.com/x5qrn5.png
Per inserire lo sfondo andate su "
Modifica sfondo" --> ricopiate questo codice
CODICE
http://i27.tinypic.com/2u9s6yp.png