Just WOT Essence!

Separatore Sezioni, Guida Css

« Older   Newer »
  Share  
Tìnker
view post Posted on 3/4/2010, 13:42




Se volete lasciare meno spazio tra una sezione e l'altra usate questa semplicissima guida:
Prima di tutto creare una sezione con questo nome
CODICE
<div style="display: none">&nbsp;</div>

In questo modo il nome della sezione scomparirà, per farlo apparire dobbiamo inserire il titolo in dettagli sezione.
Fate questo e prelevate l'Id della sezione scelta e inserite questo codice in:
Amministrazione->Grafica->Colori e stili
CODICE
/* PRELEVATO ALL'OPERATION SKIN - http://operationskin.blogfree.net
#fID .zz:first-line {color: #FFF}
#fID .desc {color: #C27575; font-size: 12px; font-weight: bold; padding-left: 45px}
#fID .aa {background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-position: top; border: 0}
#fID .bb {background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-position: top; border: 0}
#fID .xx {background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-position: top; border: 0; font-size: 1px}
#fID .yy {background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-position: top; border: 0; font-size: 1px}
#fID .zz {background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-position: top; border: 0; font-size: 1px}
#fID .c_on .c_off .c_on_res .c_off_res {border: 0}
#fID br {display: none}
#fID .aa img {display: none}

Eccovi una breve spiegazione dei fattori per personalizzare il codice:
1) fID - Inserite al posto di ID il numero della sezione.
2) .desc {color: #C27575; - codice che definisce il colore,potete personalizzarlo rimuovendo C277575 e inserendo uno dei codici che trovate qui.
3) font-size: 12px; - serve a definire la grandezza,modificate il 12 secondo le vostre esigenze
4) font-weight: bold - indica il grassetto,potete sostituirlo con text-decoration:
e inserire italic per il corsivo e underline per la sottolineatura.
5) padding-left: 45px - indica la posizione del divisore,modificate 45 per riangolarlo o trasformatelo in padding-right o padding-center per metterlo a sinistra o al centro.
6) https://img.forumfree.net/style_images/37/tile_sub.gif - E' l'immagine di sfondo del separatore.
- #fID .aa img {display: none} - Serve a rimuovere il bottone C_ON/OFF che segnala eventuali disccusioni.
 
Top
0 replies since 3/4/2010, 13:42   433 views
  Share