Whap skin

« Older   Newer »
  Share  
michijo
view post Posted on 30/8/2009, 13:46




Ringrazio panda! per l'ispirazione! Se trovate qualche problema segnalatemelo! E se decidete di usarla lasciate un commentino <3

Anteprima disponibile qui: click here

Info
Nome: Whap skin
Autore: michijo
Note & Credits: E' vietato spacciare per vostra questa skin e/o togliere i crediti.
Non sono ammesse modifiche del css e delle immagini.
Potete cambiare il logo, lo sfondo, i bottoni,la larghezza del forum e/o container.
Per altro chiedete a me.





- Andate in Gestione codice html --> In cima al forum e inserite questo:
CODICE
<br><br>
<table style="width: 800px; background-color: #e5e5e5; border: 0px solid #F3F3F3; padding: 10px" cellPadding="0" cellSpacing="0">
<tr><td align="center">


- In Gestione codice html --> In fondo al forum e inserite questo:
CODICE
<div style="width: 250px; border: 3px solid #d0d0d0; background-color: #EFEFEF; padding: 3px">Skin realizzata da Lelly &#9829; <b><a href="http://lellysgraphic.forumcommunity.net/">Lelly pfolio</a></b>
<br>Per i tutorial ringrazio <a href="http://iloveskinning.forumfree.net/"><b>'Cause I Love Skinning</b></a>
</div>
<br>
</tr></td></table></div>
<br><br>


- Andate in Modifica skin ed impostate la Icg station

- Andate in Modifica colori e stili e inserite questo:

CODICE
body {background-position: center; background-color: #F3F3F3; background-image: url(http://i27.tinypic.com/2z6uq6p.png); background-repeat: repeat; font-family: tahoma; font-size: 10px; color: #A7A7A7}
table, div {font-family: tahoma; font-size: 10px; color: #A7A7A7}
a:link, a:visited {text-decoration: none; color: #D993A5}
a:hover {color: #D993A5}

/* SCRITTE ESTERNE */
.nav {font-weight: bold; font-size: 10px}

.header_width, .skin_tbl_width, .skin_tbl {width: 90%}
.stats .border {width: 89%}


/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #CD758C; font-weight: bold}
.moderatore {color: #E2AEBB; font-weight: bold}
.utente {color: #9F9F9F}
.daconvalidare {}
.gruppo1 {color: #CD758C; font-weight: bold}
.gruppo2 {color: #E2AEBB; font-weight: bold}
.gruppo3 {color: #FF3399; font-weight: bold}
.gruppo4 {color: #250E14; font-weight: bold}
.gruppo5 {color: #963A52; font-weight: bold}

/* TAG */
.tag .ww, .tag .aa {background-color: #F3F3F3; color: #A7A7A7; font-size: 10px; background-image: url()}
.tag .codebutton {font-size: 10px}
.tag .textinput, .tag .codebuttons {border: 1px solid #DDDDDD; font-size: 9px; color: #A7A7A7}

/* BARRA ATTORNO AL FORUM */
.mback {height: 45px; background-image: none}
.mtitle {padding-bottom: 18px; font-size: 13px; font-family: calibri; font-weight: bold; font-style: italic; text-align: left; color: #695D60}
.mback_left {width: 40px; background-image: url(http://i31.tinypic.com/24yn6ds.png); background-repeat: no-repeat}
.mback_center {background-image: url(http://i32.tinypic.com/24ni1wz.png); background-repeat: repeat-x}
.mback_right {width: 100px; background-image: url(http://i32.tinypic.com/24ni1wz.png); background-repeat: no-repeat}
.msub {height: 10px}
.msub_left {width: 11px; background-image: url(http://i30.tinypic.com/29qci1w.png); background-repeat: no-repeat}
.msub_center {background-image: url(http://i30.tinypic.com/29qci1w.png); background-repeat: repeat-x}
.msub_right {width: 11px; background-image: url(http://i30.tinypic.com/29qci1w.png); background-repeat: no-repeat}
.mleft_top {width: 11px; height: 45px; background-image: url(http://i32.tinypic.com/2m3l4rl.png); background-repeat: no-repeat}
.mright_top {width: 11px; height: 45px; background-image: url(http://i31.tinypic.com/33jps38.png); background-repeat: no-repeat}
.mleft_bottom {height: 10px; width: 11px; background-image: url(http://i26.tinypic.com/w00wv8.png); background-repeat: no-repeat}
.mright_bottom {height: 10px; width: 11px; background-image: url(http://i26.tinypic.com/aub4n8.png); background-repeat: no-repeat}
.mleft, .sep_left {width: 11px; background-image: url(http://i27.tinypic.com/2jbup9g.png); background-repeat: repeat-y}
.mright, .sep_right {width: 11px; background-image: url(http://i27.tinypic.com/2w344r4.png); background-repeat: repeat-y}

/* BARRA UTENTE */
.menu input, .menu select {display: none}
.menu_right {display: none}
.menu {background-image: url(); background-repeat: no-repeat; background-color: #E5E5E5; border-bottom: 1px dashed #D993A5; font-weight: bold; letter-spacing: 0; margin-left: auto; margin-right: auto; text-align:center; width: 300px; height: 25px}

/* SEZIONI FORUM */
.mainbg {background-color: #F3F3F3}
.title, .foot {height: 15px; background-color: #F3F3F3; color: #A7A7A7; background-image: url(); background-repeat: repeat-x}
.title a:link, .title a:visited, .foot a:link, .foot a:visited {font-weight: bold; color: #A1A1A1}
.title a:hover, .foot a:hover {color: #A1A1A1; text-decoration: none}
.aa, .bb, .cc, .xx, .yy, .zz, .ww {background-color: #F3F3F3; border-top: 0 solid #DDDDDD; background-image: url(http://i28.tinypic.com/1zxrrkk.png); background-repeat: repeat-x; background-position: top}
.web {font-family: calibri; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 100%}
.web a:link, .web a:visited {color: #D993A5}
.web a:hover {color: #D993A5; text-decoration: none; font-style: italic; height: 11px; background-position: right; padding-right: 11px}
.desc {font-size: 10px; color: #B5B5B5}
.board .foot {display:none}

/* STATISTICHE */
.stats .border {border: 1px dashed #D993A5; background-color: transparent}
.skin_tbl_border {background-color: #}
.stats .title2 {height: 37px; background-image: url(http://i32.tinypic.com/rmp5dg.png); background-repeat: repeat-x; background-color: #EFEFEF; color: #695D60; font-size: 13px; font-family: calibri; font-style: italic; font-weight: bold; text-align: center; padding-bottom: 20px}
.sunbar {height: 25px; font-weight: bold; color: #A7A7A7; background-color: #EFEFEF; border: 0 solid #DDDDDD}
.stats .ww, .stats .aa {background-color: #F3F3F3; border: 0 solid #DDDDDD}
.highlight {color: #A9A9A9; font-weight: bold}

/* LINK MOD */
.highlight a:link, .highlight a:visited {color: #777777; font-weight: normal}
.highlight a:hover {text-decoration: underline; color: #777777}

/* DISCUSSIONE */
.left_top, .right_top, .left_bottom, .right_bottom {height: 25px; color: #A1A1A1; background-color: #F3F3F3; border-top: 0 solid #D7D7D7; border-bottom: 0 solid #D7D7D7}
.left, .right {background-color: #F3F3F3; border-right: 0 solid #D7D7D7; border-left: 0 solid #D7D7D7}
.nick {font-size: 11px; color: #A0B5B8; padding-bottom: 2px}
.nick a:link, .nick a:visited {color: #A0B5B8; font-weight: bold}
.quote_top {background-color: #ECCAD3; color: #FFFFFF; padding-left: 2px}
.code_top {background-color: #ECCAD3; color: #FFFFFF; padding-left: 2px}
#quote {border: 1px dashed #ECCAD3; background-color: #EAEAEA; font-size: 10px; padding: 2px}
#code {border: 1px dashed #ECCAD3; background-color: #EAEAEA; font-size: 10px; padding: 2px}
.color {font-size: 11px; line-height: 100%}
.color a:link, .color a:visited {color: #695D60; font-weight: bold}
.color a:hover {text-decoration: underline; color: #695D60}
hr {color: #C3C3C3}
.fancyborder {background-color: #EDEDED; border: 1px dotted #CC9999}
.edit {color: #F3F3F3; font-size: 9px; font-style: italic; text-decoration: none}
.bottomborder {border-bottom: 1px dashed #DDDDDD}
.signature {font-size: 9px; color: #A7A7A7; line-height: 100%}
.sep {height: 5px; background-color: #DDDDDD}

/* SONDAGGIO */
.bar_left {height: 9px; width: 50px; background-image: url(http://i39.tinypic.com/v7z1o0.png); background-repeat: no-repeat}
.bar {height: 9px; background-image: url(http://i39.tinypic.com/v7z1o0.png); background-repeat: repeat-x}
.bar_right {height: 9px; width: 50px; background-image: url(http://i39.tinypic.com/v7z1o0.png); background-repeat: no-repeat}

/* MESSENGER */
.msg_main {background-color: #F3F3F3; color: #A7A7A7; border-top: 0 solid #DDDDDD}
.darkline {height: 0; border-bottom: 1px solid #BCBCBC}
.msg_txt {color: #695D60}
.msg_txt a:link, .msg_txt a:visited {color: #A7A7A7}
.msg_txt a:hover {text-decoration: underline}
.row1, .row2, .row3 {background-color: #EFEFEF}
.title3, .darkbar {height: 23px; background-color: #EFEFEF; border: 0 solid #A7A7A7; border-bottom: 0; font-weight: bold; color: #695D60}
.msg .details p {color: #A7A7A7; font-size: 10px; line-height: 100%}
.msg .details {font-size: 9px}
.info {padding: 3px; background-color: #F1F1F1; color: #A7A7A7; border: 0 solid #A7A7A7}
.alert {padding: 3px; color: #FF4444}

/* PROFILO UTENTI */
.pagetitle {color: #695D60; font-size: 12px; font-weight: bold; line-height: 100%}
.profile .row1 {border: 0; background-color: #EDEDED}
.profile .title2 {height: 23px; background-color: #695D60; color: #FFFFFF; font-weight: bold; font-size: 11px; border: 0 solid #A7A7A7; padding-top: 5px}

/* INPUT */
.textinput, .forminput, .codebuttons {border: 1px solid #DDDDDD; background-color: #E7E7E7; color: #A7A7A7; font-size: 11px; font-family: tahoma; vertical-align: middle}
.msg .textinput {background-color: #EDEDED; color: #A7A7A7; font-size: 11px}


- Andate in Modifica immagini e inserite questo codice nella Modifica rapida:

CODICE
A_STAR:<img src='http://i27.tinypic.com/1pvz47.png' width='9' height='9' alt=''>
A_REPLY:<img src='http://i30.tinypic.com/25fnj83.png' width='61' height='23' alt='A_REPLY'>
A_POST:<img src='http://i30.tinypic.com/2n0mxpk.png' width='61' height='23' alt='A_POST'>
A_POLL:<img src='http://i27.tinypic.com/2zg6wqp.png' width='61' height='23' alt='A_POLL'>
A_POLLONLY_B:<img src='http://i28.tinypic.com/ngotu1.png' width='61' height='23' alt='A_POLLONLY_B'>
A_LOCKED_B:<img src='http://i28.tinypic.com/ngotu1.png' width='61' height='23' alt='A_LOCKED_B'>
M_REPLY:<img src='http://i40.tinypic.com/2a8rpdl.png' width='31' height='11' alt='M_REPLY'>
M_ADDMEM:<img src='http://i42.tinypic.com/ix4ncy.png' width='32' height='11' alt='M_ADDMEM'>
M_DELETE:<img src='http://i40.tinypic.com/102m59l.png' width='32' height='11' alt='M_DELETE'>
M_UNREAD:<img src='http://i39.tinypic.com/2l95buu.png' width='19' height='13' alt='M_UNREAD'>
M_READ:<img src='http://i41.tinypic.com/eaf4e9.png' width='19' height='13' alt='M_READ'>
C_ON:<img src='http://i28.tinypic.com/347d25x.png' width='22' height='22' alt='C_ON'>
C_OFF:<img src='http://i30.tinypic.com/i525pc.png' width='22' height='22' alt='C_OFF'>
C_ON_RES:<img src='http://i25.tinypic.com/198hau.png' width='22' height='22' alt='C_ON_RES'>
C_OFF_RES:<img src='http://i29.tinypic.com/1zggqkn.png' width='22' height='22' alt='C_OFF_RES'>
C_LOCKED:<img src='http://i29.tinypic.com/1zggqkn.png' width='22' height='22' alt='C_LOCKED'>
F_ACTIVE:<img src='http://i43.tinypic.com/16kzv2r.png' width='12' height='12' alt='F_ACTIVE'>
F_STATS:<img src='http://i39.tinypic.com/343hnrm.png' width='12' height='12' alt='F_STATS'>
B_NEW:<img src='http://i39.tinypic.com/2l95buu.png' width='19' height='13' alt='B_NEW'>
B_NORM:<img src='http://i41.tinypic.com/eaf4e9.png' width='19' height='13' alt='B_NORM'>
B_HOT:<img src='http://i39.tinypic.com/2l95buu.png' width='19' height='13' alt='B_HOT'>
B_HOT_NN:<img src='http://i41.tinypic.com/eaf4e9.png' width='19' height='13' alt='B_HOT_NN'>
B_POLL:<img src='http://i39.tinypic.com/2l95buu.png' width='19' height='13' alt='B_POLL'>
B_POLL_NN:<img src='http://i41.tinypic.com/eaf4e9.png' width='19' height='13' alt='B_POLL_NN'>
B_MOVED:<img src='http://i42.tinypic.com/20zrbpk.png' width='19' height='13' alt='B_MOVED'>
B_LOCKED:<img src='http://i40.tinypic.com/2412t5d.png' width='19' height='13' alt='B_LOCKED'>
NEW_POST:<img src='http://i25.tinypic.com/2viftkn.png' width='14' height='12' alt='NEW_POST'>
B_PIN:<img src='http://i31.tinypic.com/5ap5ab.png' width='14' height='12' alt='B_PIN'>
B_ANNUNCIO:<img src='http://i30.tinypic.com/24y1lj7.png' width='14' height='12' alt='B_ANNUNCIO'>
P_DELETE:<img src='http://i40.tinypic.com/102m59l.png' width='32' height='11' alt='M_DELETE'>
P_EDIT:<img src='http://i44.tinypic.com/k04r4k.png' width='25' height='11' alt='P_EDIT'>
P_QUOTE:<img src='http://i41.tinypic.com/2i7rx4.png' width='31' height='11' alt='P_QUOTE'>
P_MSG:<img src='http://i43.tinypic.com/s2y3jr.png' width='16' height='11' alt='P_MSG'>
P_EMAIL:<img src='http://i42.tinypic.com/330gvwz.png' width='28' height='11' alt='P_EMAIL'>
P_WEBSITE:<img src='http://i44.tinypic.com/292v3hv.png' width='20' height='11' alt='P_WEBSITE'>
P_MSN:<img src='http://i43.tinypic.com/dd19v7.png' width='21' height='11' alt='P_MSN'>
P_YIM:<img src='http://i43.tinypic.com/2yuenap.jpg' width='20' height='11' alt='P_YIM'>
P_ICQ:<img src='http://i39.tinypic.com/1ew2o5.png' width='18' height='11' alt='P_ICQ'>
P_UP:http://i42.tinypic.com/2cmrz4n.png
F_NAV:<img src='http://i44.tinypic.com/a9pgts.png' width='7' height='9' alt='F_NAV'>
ICON_SEARCH:http://i32.tinypic.com/28tdw6r.png
ICON_MEMBERS:http://i31.tinypic.com/v3qfzc.png
ICON_HELP:http://i30.tinypic.com/23wv4fa.png
ONLINE:http://i32.tinypic.com/2rpdy6t.png
OFFLINE:http://i44.tinypic.com/waikxi.png
ANONIMO:http://i39.tinypic.com/148d5rl.png


- Per lo sfondo:
CODICE
http://i27.tinypic.com/2z6uq6p.png


- Per il logo:
CODICE
http://i30.tinypic.com/vnh3pf.png
 
Top
kappa;
view post Posted on 31/8/2009, 20:09




che carina ^^
 
Top
loveamerica
view post Posted on 3/9/2009, 11:39




è bellissima!!! *sbav*
 
Top
nicky;
view post Posted on 3/9/2009, 16:46
Avatar

Senior Member

Group:
I <3 Skinning!
Posts:
11,937

Status:


è stupenda, la prendo per il mio forum da rivitalizzare ^^
 
Top
LOWiNA_LOST
view post Posted on 6/9/2009, 15:09




presa x il mio forum : D
 
Top
michijo
view post Posted on 6/9/2009, 17:41




Grazie a tutti!
 
Top
marlù,
view post Posted on 8/9/2009, 18:51




è splendida!
La metto nel mio portfolio^^
 
Top
alayne‚
view post Posted on 9/9/2009, 12:37
Avatar

tumblr.

Group:
Member
Posts:
2,111

Status:


è stupenda!
La vorrei prendere per il mio forum, ma mi servirebbe sapere dove hai preso il pattern che hai usato. Quello rosa ^^
 
Top
michijo
view post Posted on 9/9/2009, 15:26




Il pattern è di ransie, lo trovi qui
SPOILER (click to view)
xxx

Lì però lo trovi grigio, il colore l'ho modificato io!
 
Top
alayne‚
view post Posted on 9/9/2009, 18:09
Avatar

tumblr.

Group:
Member
Posts:
2,111

Status:


Ahh! Ecco perchè non ce lo trovavo! xD
Grazie mille ^^
 
Top
~SMARTiES™
view post Posted on 10/9/2009, 19:41




E' stupendaaaa *_______________*
Complimenti davvero<3 la userò per il mio portfolio^^
 
Top
(marta)
view post Posted on 13/9/2009, 14:33




l'ho presa per il mio artfolio:
http://martola.blogfree.net/
sperando che non mi causi problemi con hotlich
 
Top
v e r o
view post Posted on 17/9/2009, 15:32




è stupenda!!
 
Top
nicky;
view post Posted on 25/9/2009, 19:14
Avatar

Senior Member

Group:
I <3 Skinning!
Posts:
11,937

Status:


eccomi!! come già ho scritto, la sto mettendo in un mio forum e volevo sapere se si può restringere lo spazio tra una riga e l'altra nella descrizione di una sezione, così che corrisponda all'altezza del bannerino.. non so se si è capito, comunque se si, non è che avete il codice perchè io non lo so fare... :triste:
 
Top
velvet`
view post Posted on 25/9/2009, 19:18




CITAZIONE (nicky; @ 25/9/2009, 20:14)
eccomi!! come già ho scritto, la sto mettendo in un mio forum e volevo sapere se si può restringere lo spazio tra una riga e l'altra nella descrizione di una sezione, così che corrisponda all'altezza del bannerino.. non so se si è capito, comunque se si, non è che avete il codice perchè io non lo so fare... :triste:

certo, si può.
trova questa parte
CODICE
.desc {font-size: 10px; color: #B5B5B5}
e sostituiscila con
CODICE
.desc {font-size: 10px; color: #B5B5B5; line-height: 10px}
come vedi ho aggiunto line-height: 10px, che appunto serve a modificare lo spazio tra una riga e l'altra...
il valore puoi modificarlo a tuo piacere (:
 
Top
27 replies since 30/8/2009, 13:46   5522 views
  Share  
 

Chiare
 

Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumFree