Ecco l'anteprima della skin
La prova la potete trovare
>>>qui<<<Andate su Modifica skin
e impostate come skin Invision 1.0
Poi inserite il seguente codice HTML in fondo al forum:
CODICE
<div style="background-image: url(http://i29.tinypic.com/2mczprr.png); border: 1px solid #323232; font:9pt; width: 25%"><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/"> Graficare che Passione</a>, <br> <a href="http://piccolecreazioni.forumcommunity.net/"> Piccole Creazioni</a>,<br>
<a href="http://photo-graphic.forumfree.net/">Photo-Graphic</a>, <a href="http://shiningpassion.forumcommunity.net/">Shining Passion</a> e <a href="http://musicsoul.forumcommunity.net/">Music Soul</a><br>
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 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: #8C8B8B; font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #000}
table, div {font-size: 7.5pt; color: #CFCFCD}
a:link, a:visited {text-decoration: none; color: #FFF}
a:hover {color: #BA86BB}
/* DIMENSIONI FORUM */
.header_width, .skin_tbl_width, .skin_tbl {width: 75%}
.stats .border {width: 75%}
/* CONTAINER */
#container {background-color: #404040; margin-left: auto; margin-right: auto; width: 85%; background: url(http://i15.tinypic.com/865nreb.png)}
#contentleft {background: url(http://i19.tinypic.com/89i3vq1.png) left repeat-y}
#contentright {background: url(http://i7.tinypic.com/6o5alh3.png) right repeat-y}
/* SCRITTE ESTERNE */
.nav {font-weight: bold; font-size: 9pt}
/* COLORI LISTA UTENTI ATTIVI */
.amministratore {text-decoration: none; color: #404040; font-weight: bold}
.moderatore {text-decoration: none; color: #DFA0E0; font-weight: bold}
.utente {text-decoration: none; color: #FFF}
.daconvalidare {text-decoration: none; color: #000}
.gruppo1 {text-decoration: none; color: #C05FC1; font-weight: bold}
.gruppo2 {text-decoration: none; color: #E289E4; font-weight: bold}
.gruppo3 {text-decoration: none; color: #AF7EB0; font-weight: bold}
/* BARRA DI SCORRIMENTO COLORATA */
body {scrollbar-face-color: #777675;
scrollbar-highlight-color: #BA86BB;
scrollbar-3dlight-color: #BA86BB;
scrollbar-darkshadow-color: #89478A;
scrollbar-shadow-color: #7D427E;
scrollbar-arrow-color: #BA86BB;
scrollbar-track-color: #404040}
/* BARRA ATTORNO AL FORUM */
.mback {height: 25px; background-image: url(http://i8.tinypic.com/8ekalif.png); background-repeat: repeat-x; background-position: top; border-top: 1px solid #323232}
.mtitle {color: #FFF; font-size: 9pt}
.mtitle a:link, .mtitle a:visited {text-decoration: none; color: #FFF}
.mtitle a:hover {text-decoration: underline}
.mback_right {width: 249px; background-image: url(http://i12.tinypic.com/7x8i5bk.png); background-repeat: no-repeat; background-position: top right}
.mback_left {width: 274px; background-image: url(http://i7.tinypic.com/6yal9au.png); background-repeat: no-repeat; background-position: top left}
.mleft, .sep_left, .mleft_top, .mright, .sep_right, .mright_top {width: 2px; background-color: #323232}
.msub {height: 20px; background-image: url(http://i17.tinypic.com/7x3qftk.png); background-repeat: repeat-x; border-bottom: 1px solid #323232}
.mleft, .mright {width: 1px; background-color: #323232}
.mleft_bottom, .mright_bottom {background-image: url(http://img.forumfree.net/style_images/31/bottom.gif); background-repeat: no-repeat}
/* BARRA UTENTE */
.header {border: 1px solid #000}
.menu {font-family: verdana, tahoma, arial; font-size: 8 pt; color: #FFF; background-image: url(http://i31.tinypic.com/ixt55y.png); border: 1px solid #404040; border-top: 1px solid #BDBCBC; height: 25px}
.textinput {font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #FFF; background-color: #8C8B8B; border: 1px solid #89478A; border-top: 1px solid #89478A}
.forminput {font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #FFF; background-color: #8C8B8B; border: 1px solid #89478A; border-top: 1px solid #89478A}
/* SEZIONI FORUM */
.skin_tbl, .skin_tbl_border {background-color: #323232}
.mainbg {background-color: #4C4C4C}
.title {font-weight: bold; color: #FFF; height: 24px; border-top: none; background-image: url(http://i31.tinypic.com/ixt55y.png); border-top: 1px solid #BDBCBC}
.title a:link, .title a:visited, .foot a:link, .foot a:visited {color: #FFF}
.title a:hover, .foot a:hover {color: #404040}
.aa, .bb, .cc .aa, .bb, .cc {background-color: #373636; background-image: url(http://i29.tinypic.com/2mczprr.png); background-repeat: no-repeat; background-repeat: repeat-x; border-top: 1px solid #BDBCBC; border-bottom: 0}
.ww, .xx, .yy, .zz {background-color: #373636; background-image: url(http://i29.tinypic.com/2mczprr.png); background-repeat: no-repeat; background-repeat: repeat-x; border-top: 1px solid #BDBCBC; border-bottom: 0}
.web {font-size: 10pt; line-height: 150%}
.web a:hover {color: #9E539F}
.desc {font-size: 7.5pt; color: #434951}
.board .foot {display: none}
/* STATISTICHE */
.stats .border {border: none}
.title2 {font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #FFF; background-image:url(http://i19.tinypic.com/86h72ib.png); border: none; border-top: none; height: 25px}
.sunbar {font-size: 10px; font-weight: bold; line-height: 150%; color: #FFF; background-color: #777776}
.highlight {color: #000}
/* LINK MOD */
.highlight a:link, .highlight a:visited {font-size: 9pt; text-align: center}
/* DISCUSSIONE */
.left_top, .right_top {background-image: url(http://i31.tinypic.com/ixt55y.png); border-top: 1px solid #BDBCBC}
.left, .right {background-image: url(http://i29.tinypic.com/2mczprr.png); border-top: 1px solid #BDBCBC}
.nick {font-size: 11px; font-weight: bold; color: #FFF; padding-bottom: 2px}
.nick a:link, .nick a:visited {color: #FFF}
#quote {font-size: 8pt; color: #FFF; background-color: #89478A; border: 1px solid #BA86BB; padding: 2px}
#code {font-size: 8pt; color: #FFF; background-color: #BA86BB; border: 1px solid #89478A; padding: 2px}
hr {color: #000}
.fancyborder {border: 1px dashed #999}
.edit {color: #985099; font-size: 9px}
.bottomborder {border-bottom: 1px dashed #D2D2D0}
.signature {font-size: 7.5pt; color: #FFF; line-height: 150%}
.left_bottom, .right_bottom {background-image: url(http://i31.tinypic.com/ixt55y.png); border-top: 1px solid #BDBCBC}
.sep {background-color: #AC74AD; border-left: 404040; border-right: 404040}
.bar_left {height: 10px; width: 9px; background-image: url(http://i29.tinypic.com/10cuj6c.png); background-repeat: no-repeat; background-position: top left}
.bar {height: 10px; background-image: url(http://i31.tinypic.com/30m0kz8.png); background-repeat: repeat-x; background-position: top}
.bar_right {height: 10px; width: 9px; background-image: url(http://i29.tinypic.com/2vmcbbo.png); background-repeat: no-repeat; background-position: top right}
/* MESSENGER */
.msg_main {background-image: url(http://i29.tinypic.com/2mczprr.png); border-top: 1px solid #BDBCBC}
.darkbar {font-weight: bold; color: #FFF; height: 24px; background-color: #89478A; border: 1px solid #DCD9DC}
.darkbar a:link, .darkbar a:visited {color: #3A4F6C} .darkbar a:hover {color: #000}
.title3 {font-weight: bold; color: #FFF; height: 24px; background-color: #89478A}
.row1 {background-image: url(http://i26.tinypic.com/aad94i.png); border-top: 1px solid #BDBCBC}
.row2 {background-image: url(http://i26.tinypic.com/aad94i.png); border-top: 1px solid #BDBCBC}
.row3 {background-color: #4E4D4D; border: 1px solid #BA86BB}
.msg .details p {font-size: 10px; line-height: 150%}
.msg .details {font-size: 7.5pt}
.color {font-size: 10pt; line-height: 150%}
.info {color: #FFF}
.alert {color: #FFF}
.pagetitle {color: #FFF; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
/* PROFILO UTENTI */
.title2 {font-weight: bold; color: #FFF; height: 24px; background-color: #9E539F}
.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; color: 8c8b8b; background-color: #404040; border: 1px solid #9E539F}
.textinput {font-size: 9pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
E' SEVERAMENTE VIETATO CAMBIARE QUALSIASI CODICE CSS!!!
CASOMAI CHIEDETE PRIMA A ME!!!
Per cambiare le immagini andate in amministrazione ---> modifica immagini e scrivete come segue:
A_STAR:
CODICE
<img src='http://i26.tinypic.com/14ttzeu.gif' width='12' height='12' alt=''>
A_REPLY
CODICE
<img src='http://i7.tinypic.com/6xrutsj.png' width='83' height='23' alt='A_REPLY'>
A_POST
CODICE
<img src='http://i26.tinypic.com/2yjvk7o.png' width='83' height='23' alt='A_POST'>
A_POLL
CODICE
<img src='http://i29.tinypic.com/34yckf9.png' width='83' height='23' alt='A_POLL'>
A_POLLONLY_B
CODICE
<img src='http://i32.tinypic.com/2qsrrkg.png' width='83' height='23' alt='A_POLLONLY_B'>
A_LOCKED_B
CODICE
<img src='http://i32.tinypic.com/2qsrrkg.png' width='83' height='23' alt='A_LOCKED_B'>
M_REPLY
CODICE
<img src='http://i27.tinypic.com/30ixeed.png' width='83' height='23' alt='M_REPLY'>
M_ADDMEM
CODICE
<img src='http://i31.tinypic.com/2954mj9.png' width='83' height='23' alt='M_ADDMEM'>
M_DELETE
CODICE
<img src='http://i29.tinypic.com/dbmlhv.png' width='83' height='23' alt='M_DELETE'>
M_UNREAD
CODICE
<img src='http://i30.tinypic.com/260g8zp.png' width='18' height='12' alt='M_UNREAD'>
M_READ
CODICE
<img src='http://i30.tinypic.com/fvh0es.png' width='18' height='12' alt='M_READ'>
C_ON
CODICE
<img src='http://i8.tinypic.com/819fxc2.gif' width='30' height='38' alt='C_ON'>
C_OFF
CODICE
<img src='http://i2.tinypic.com/86ypysm.gif' width='30' height='38' alt='C_OFF'>
C_ON_RES
CODICE
<img src='http://i8.tinypic.com/8bif0vl.gif' width='30' height='38' alt='C_ON_RES'>
C_OFF_RES
CODICE
<img src='http://i9.tinypic.com/7xo63b4.gif' width='30' height='38' alt='C_OFF_RES'>
C_LOCKED
CODICE
<img src='http://i9.tinypic.com/7xo63b4.gif' width='30' height='38' alt='C_LOCKED'>
F_ACTIVE
CODICE
<img src='http://i27.tinypic.com/11wfz4j.png' width='54' height='50' alt='F_ACTIVE'>
F_STATS
CODICE
<img src='http://i28.tinypic.com/2e4m2b9.png' width='54' height='50' alt='F_STATS'>
B_NEW
CODICE
<img src='http://i30.tinypic.com/260g8zp.png' width='18' height='12' alt='B_NEW'>
B_NORM
CODICE
<img src='http://i30.tinypic.com/fvh0es.png' width='18' height='12' alt='B_NORM'>
B_HOT
CODICE
<img src='http://i30.tinypic.com/260g8zp.png' width='18' height='12' alt='B_HOT'>
B_HOT_NN
CODICE
<img src='http://i30.tinypic.com/fvh0es.png' width='18' height='12' alt='B_HOT_NN'>
B_POLL
CODICE
<img src='http://i30.tinypic.com/260g8zp.png' width='18' height='12' alt='B_POLL'>
B_POLL_NN
CODICE
<img src='http://i30.tinypic.com/fvh0es.png' width='18' height='12' alt='B_POLL_NN'>
B_MOVED
CODICE
<img src='http://i25.tinypic.com/2qu6y46.png' width='18' height='12' alt='B_MOVED'>
B_LOCKED
CODICE
<img src='http://i26.tinypic.com/2uhviqg.png' width='18' height='12' alt='B_LOCKED'>
NEW_POST
CODICE
<img src='http://i29.tinypic.com/1zgyj5i.png' width='9' height='9' alt='NEW_POST'>
B_PIN
CODICE
<img src='http://i26.tinypic.com/14ttzeu.gif' width='12' height='12' alt='B_PIN'>
B_ANNUNCIO
CODICE
<img src='http://i26.tinypic.com/14ttzeu.gif' width='12' height='12' alt='B_ANNUNCIO'>
P_DELETE
CODICE
<img src='http://i29.tinypic.com/2yoqteo.png' width='76' height='28' alt='P_DELETE'>
P_EDIT
CODICE
<img src='http://i28.tinypic.com/2uek2v7.png' width='76' height='28' alt='P_EDIT'>
P_QUOTE
CODICE
<img src='http://i32.tinypic.com/5yduts.png' width='76' height='28' alt='P_QUOTE'>
P_MSG
CODICE
<img src='http://i31.tinypic.com/ngai5e.png' width='48' height='28' alt='P_MSG'>
P_EMAIL
CODICE
<img src='http://i31.tinypic.com/kcgdi9.png' width='48' height='28' alt='P_EMAIL'>
P_WEBSITE
CODICE
<img src='http://i31.tinypic.com/aku69c.png' width='48' height='28' alt='P_WEBSITE'>
P_MSN
CODICE
<img src='http://i29.tinypic.com/2el4i2b.png' width='48' height='28' alt='P_MSN'>
P_YIM
CODICE
<img src='http://i25.tinypic.com/2zpqyh1.png' width='48' height='28' alt='P_YIM'>
P_ICQ
CODICE
<img src='http://i31.tinypic.com/o70ftf.png' width='48' height='28' alt='P_ICQ'>
P_UP
CODICE
http://i29.tinypic.com/2rmnyns.png
F_NAV
CODICE
<img src='http://i26.tinypic.com/14ttzeu.gif' width='12' height='12' alt='F_NAV'>
ICON_SEARCH
CODICE
http://i26.tinypic.com/14ttzeu.gif
ICON_MEMBERS
CODICE
http://i26.tinypic.com/14ttzeu.gif
ICON_HELP
CODICE
http://i26.tinypic.com/14ttzeu.gif
Per inserire il logo andate su "Modifica logo"
e ricopiate questo codice
CODICE
http://i28.tinypic.com/j59ow3.png