Barra di Divisione tra sezioni senza dividerle in blocchi

« Older   Newer »
 
  Share  
.
  1. ;Alaska
     
    .

    User deleted


    Ecco che cosa intendo:


    Per dividere le sezioni con una specie di "sottotitolo" senza dividerle in blocchi; è molto semplice.

    1. Create una nuova sezione, che sarà quella che dovrete trasformare in quella specie di "divisoria" per sezioni (quindi è ovvio che se dopo della divisoria vorrete altre sezioni sotto di essa, dovrete crearne altre e metterle dopo di questa).

    2. Dopo di chè dovrete prelevare l'ID di questa sezione (l'ID sono "quei numeri" dopo i link. Per es. in questo link l'ID è la parte in grassetto ->http://egrfx.blogfree.net/?f=66898); tenetevi l'ID in mente, perchè importante.

    3. Fatto questo dovrete nascondere il titolo di questa sezione, e quindi disattivare il suo collegamento. Perciò incollate al posto del nome di essa questo codice:
    CODICE
    <div style="display: none"></div>

    e scrivete il titolo della divisoria nella Descrizione Opzionale.

    4. Quando avrete fatto anche questo incollate questo codice in "Modifica Colori e Stili", in fondo (sarebbe più consigliato):
    CODICE
    #fID .zz:first-line {color: #FFF}
    #fID .desc {color: #COLORE CHE VOLETE; font-size: GRANDEZZA DELLA SCRITTApx; font-weight: bold; padding-left: 0}
    #fID .aa {background-image: url(http://www.morning-star.org/skin/xmas/title.gif); background-position: top; border: 0}
    #fID .bb {background-image: url(http://www.morning-star.org/skin/xmas/title.gif); background-position: top; border: 0}
    #fID .xx {background-image: url(http://www.morning-star.org/skin/xmas/title.gif); background-position: top; border: 0; font-size: 0}
    #fID .yy {background-image: url(http://www.morning-star.org/skin/xmas/title.gif); background-position: top; border: 0; font-size: 0}
    #fID .zz {background-image: url(http://www.morning-star.org/skin/xmas/title.gif); background-position: top; border: 0; font-size: 0}
    #fID br {display: none}
    #fID .aa img {display: none}


    Io ho già segnato le parti più importanti che dovrete cambiare, ma c'è ne sono altre lo stesso molto importanti:

    - all'inizio, dove c'è scritto padding-left: 0: è la distanza delvostro titolo della divisoria dal centro. Cambiate lo 0 con un altro numero e la scritta si sposterà più o meno verso il centro.

    - a sinistra dove troverete sempre la scritta #fID: al posto di ID dovrete mettere l'ID della vostra sezione. In questo caso sarà #f66898; tutte le scritte ID qui dovrete sempre sostituirle con il vostro vero ID.

    - i link che trovate sono i link del pattern che fa da "sfondo" alla divisoria. QUESTO:
    HTML
    #fID .yy {background-image: url(http://www.morning-star.org/skin/xmas/title.gif<b>); background-position: top; border: 0; font-size: 0}.


    Percio' sostituitelo col link del pattern che volete: io, per esempio, metto lo stesso link dei pattern che l'autore della skin ha usato per fare i sottotitoli, come fanno molti altri.
    CREDITS: X and X
     
    .
0 replies since 17/5/2009, 18:05   67 views
  Share  
.