-
Chuck.
User deleted
Guida creata da bored Separatore di sezioni 2.0
Preview nuovo layout | Preview vecchio layout
I famosi separatori di sezioni sono utili per dividere diversi blocchi del forum (es Work in progress - Galleria) risparmiando spazio nella home!
Questa è una versione migliorata del codice del nostro ex staffer e utente Chuck
Il codice è compatibile con entrambi i layout, ma presenta piccole differenze
Installazione
L'installazione è molto facile, basta recarsi in questa pagina:
Clicca qui per accedere al generatore
Inserire il link del proprio forum e selezionare le sezioni che volete far diventare "Separatore di sezione", una volta selezionate tutte le sezioni cliccare su "Genera Codice", e il generatore vi genererà 2 codici CSS, uno da inserire in: Amministrazione -> Grafica -> Colori e Stili e l'altro da inserire in : Amministrazione -> Grafica -> Mobile & App
Ricordate il separatore perenderà il nome della sezione!
Personalizzazione
Quello che vi troverete di fronte per il Nuovo Layout come codice modificabile è:CODICEbackground: aliceblue; box-shadow: inset 0 2px rgba(255, 255, 255, .9), inset 0 2px 3px rgba(0, 0, 0, .2), inset 0 -2px rgba(255, 255, 255, .9), inset 0 -2px 3px rgba(0, 0, 0, .2); border: 0
che è una versione base del codice.
Modificando background modificherete il colore del separatore, ma potete aggiungere anche un''immagine come sfondo, box-shadow serve a creare un effetto piacevole alla vista aggiungendo delle ombre e border serve a togliere il bordo dalle sezione, se presente.
Invece per il Vecchio Layout:CODICEbackground: aliceblue
Modificando background modificherete il colore del separatore.
Le altre parti del codice, sia per il Nuovo Layout che per il Vecchio Layout, non vanno modificate.
Fine, il gioco è fatto
SPOILER (clicca per visualizzare)Vecchia guida (GENERATORE NON PIU' FUNZIONANTE)
Installazione
L'installazione è molto facile, basta creare un paio di nuove sezioni con il nome Separatore (obbligatorio per il buon funzionamento dello script) e spostarle dove più credete che stiano bene, nella descrizione andrà messo il seguente codiceHTML<div style="color: royalblue; height: 30px; line-height: 30px; [altro css]">Titolo Separatore</div>
Modifichiamo il codice: color è il colore del testo; height è l'altezza del separatore e consigliamo di mettere line-height uguale a height perché serve a centrare il testo verticalmente.
Ovviamente il codice si può modificare aggiungendo class="separatore" al posto di style="..." e richiamando la classe nel CSS, ma per quello che ci serve va bene anche così.
Fatto?
Bene, andiamo a questo indirizzo e incolliamo l'URL del nostro forum (compreso http://), scegliamo Nuovo Layout oppure Vecchio Layout, clicchiamo su Genera e arriveremo ad una pagina con i codici da incollare in Colori e Stili.
Quello che vi troverete di fronte per il Nuovo Layout è:CODICEbackground: aliceblue; box-shadow: inset 0 2px rgba(255, 255, 255, .9), inset 0 2px 3px rgba(0, 0, 0, .2), inset 0 -2px rgba(255, 255, 255, .9), inset 0 -2px 3px rgba(0, 0, 0, .2); border: 0
che è una versione base del codice.
Modificando background modificherete il colore del separatore, ma potete aggiungere anche un''immagine come sfondo, box-shadow serve a creare un effetto piacevole alla vista aggiungendo delle ombre e border serve a togliere il bordo dalle sezione, se presente.
Invece per il Vecchio Layout:CODICEbackground: aliceblue
Modificando background modificherete il colore del separatore, ma potete aggiungere anche un''immagine come sfondo.
Le altre parti del codice, sia per il Nuovo Layout che per il Vecchio Layout, non vanno modificate.
Fine, il gioco è fatto
Credits
Se volete sostenerci e aiutarci inserite in fondo al forum il seguente codice:HTMLSeparatore di sezioni creato da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=6199181">bored</a> per il <a href="http://ffmagazine.forumfree.it">FFMagazine</a>
Anteprima:SPOILER (clicca per visualizzare)Separatore di sezioni creato da bored per il FFMagazine
Quest' opera è distribuita con licenza Creative Commons Attribuzione - Non commerciale - Non opere derivate 3.0 Unported.
Edited by Paralizer - 5/11/2017, 22:43
. -
Meghe1.
User deleted
NN ho capito niente, dove vanno i codici, e l'id è sempre quello della sezzione in tutti 4 i punti??? . -
.
Ho inserito questo codice nel forum che gestisco, e si vedono ancora (sebbene in piccolo)
"--
in: ----
di: ----"
c'è un modo per toglierlo?
Edited by Abry - 26/6/2010, 21:54. -
.CITAZIONE (Meghe1 @ 26/6/2010, 19:10)NN ho capito niente, dove vanno i codici, e l'id è sempre quello della sezzione in tutti 4 i punti???
- Il codice <code>NOME SEZIONE va in Gestione Sezioni
- Il resto dei codici va in Modifica Colori e Stili
- Sì, l'ID rimane sempre quello.
. -
Meghe1.
User deleted
Grazie . -
iamfabri.
User deleted
ma bisogna sostituire TUTTi gli fID con l'iD della sezione? . -
Delta.
User deleted
CITAZIONE (iamfabri @ 5/7/2010, 12:59)ma bisogna sostituire TUTTi gli fID con l'iD della sezione?
. -
iamfabri.
User deleted
E funziona con tutte le skin? Cioè il separatore e ben visibile e distaccato? . -
.
Vi consiglio il nuovo sistema per i separatori-sezione elaborato da kiros 
. -
.CITAZIONE (|CioboMario| @ 5/7/2010, 13:38)Vi consiglio il nuovo sistema per i separatori-sezione elaborato da kiros
Grazie Ciobo, proprio non l'avevo notato allo Skinlab.
. -
.::[FD]Dark_LyOn97::..
User deleted
Raga ho imparato da poco a creare forum dove li devo copiare e incollare sti codici che a dato questo=cioè non ho capito niente . -
.CITAZIONE (Chuck @ 11/2/2010, 23:54)Guida esclusiva del Forumfree Magazine , vietato copiare senza permesso o spacciare per vostra.
Se utilizzate la guida sarebbe gradito inserire questo codice, opzionale, nel box Gestione Codici HTML - In fondo al forum (all'inizio del codice):CODICE<div style="margin-top: -10px; font-size: 10px">Separatore Sezioni © <a href="http://ffmagazine.forumfree.it/?t=46134388" target="_blank">FF Magazine</a> </div> <br></div>
cambiando l'ordine degli addendi il risultato non cambia.
#entry293376681
davvero, no comment.
SPOILER (click to view)ps: c'è un div di chiusura in più nel codice dei credits.
@.::[FD]Dark_LyOn97::. il codice fornito in questa guida va inserito in Amministrazione → Colori e Stili, non così com'è ma con le opportune personalizzazioni.
Ti consiglio di utilizzare l'altro codice se sei alle prime armi, quello fornito nella guida dello Skinlab.. -
Chuck.
User deleted
Beh se permetti la guida l'ho creata io, se l'utente che arriva legge il topic e si aiuta con la guida è chiesto un ringraziamento con il codiceSPOILER (click to view)Correggo il div, grazie della segnalazione. -
Mayheim.
User deleted
Lady Himiko intendeva che te hai fatto un copia incolla della sua guida linkata in quel topic solo che hai invertito l'ordine delle azioni. . -
Chuck.
User deleted
Onestamente non sapevo nemmeno di quella guida ma comunque dome andrebbe spiegato un codice del genere (corto) se non così? 
.
Come creare un separatore di sezioni |
