[Guida] Separare sezioni

Woz

Posted on 15/7/2009, 20:30

.

User deleted

Salve,
state cercando il codice per poter dividere le sezioni senza creare una nuova categoria?
eccovi qui un piccola guida che vi spiega come fare!!

Allora, alla fine di questa guida dovreste ottenere un separatore così:

-Crea una sezione, con nome a piacimento.
-Accedete a tale sezione e prelevate l'ID (wiki=ID), e salvatevelo da qualche parte.
-Andate ancora in gestione sezioni e nel nome della sezione mettete il seguente codice:

HTML

<div style="display: none"> </div>

-E nella descrizione, della sezione, mettete il testo che volete che appaia.
-Ora andate in Modifica colori e stili e infondo al codice CSS (Preferibilmente), inserite questo:

CODICE

#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: 0px}
#fID .yy {background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-position: top; border: 0; font-size: 0px}
#fID .zz {background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-position: top; border: 0; font-size: 0px}
#fID .c_on .c_off .c_on_res .c_off_res {border: 0}
#fID br {display: none}
#fID .aa img {display: none}

-All'inizio, dove c'è #fID, al posto di ID mettete il codice dell' ID della sezione precedentemente salvato (si spera)
-Se avete seguito queste guida, alla lettera, avete ottenuto il vostro separatore sezioni !!

Personalizzazioni

- .desc {color: #C27575; font-size: 12px; font-weight: bold; padding-left: 45px}, stabilisce i vari effetti del testo: colore, dimensione, quanto spazio lasciare a sinistra..
- https://img.forumfree.net/style_images/37/tile_sub.gif, e l' immagine usata come sfondo, potete modificarla a vostro piacimento.

Grazie, Woz.

Edited by Kobra³ - 4/8/2009, 18:36