[CSS] Come creare e modificare le barre Skin

« Older   Newer »
  Share  
[CF]Marco
view post Posted on 18/4/2011, 10:31 by: [CF]Marco




Guida By [CF]Marco

Come sapete tutti,le skin si possono modificare,o addirittura creare.
Molti con la frase "creare skin" intendono solo la "Barra attorno al forum".
Bene oggi spiegherò come modificarla.

Andate in Amministrazione-Colori e stili.
Sostituite il codice della barra della skin creata con questo.

CODICE
/* BARRA ATTORNO AL FORUM */
.mback {height: 35px; background-image: none}
.mtitle {padding-bottom: 2px; font-size: 9pt; text-align: center; color: #F98C67}
.mback_left {width: 212px; height: 35px; background-image: url(LINK IMG); background-repeat: no-repeat; background-position: bottom}
.mback_center {background-image: url(LINK IMG); background-repeat: repeat-x; background-position: bottom}
.mback_right {width: 150px; height: 35px; background-image: url(LINK IMG); background-repeat: no-repeat; background-position: bottom}
.msub {height: 20px} .msub_left {width: 26px; height: 20px; background-image: url(LINK IMG); background-repeat: no-repeat}
.msub_center {background-image: url(LINK IMG); background-repeat: repeat-x}
.msub_right {width: 26px; height: 20px; background-image: url(LINK IMG); background-repeat: no-repeat}
.mleft, .sep_left, .mright, .sep_right {width: 0}


Vado subito a illustrare come,molto semplicemente,si modifica.

Inanzitutto diremo che la skin non è una sola barra,ma sono 6 pezzi,che uniti costituiscono la "Barra attorno al forum".
Left-Center-Right-Sub Left-Sub Center-Sub Right. A ognuno di essi dovrete abbinare una immagine che volete far comparire sulla vostra skin.
Nelle parentesi,al posto di Link Img dovrete mettere il link del vostro primo pezzo.
Poi dove sta scritto Width: 212px height 35px dovrete inserire le dimensioni della immagine da voi creata e caricata.
Lo stesso vale per tutti gli altri "pezzi" della skin.
 
Top
12 replies since 18/4/2011, 10:31   309 views
  Share