personalizzare forum
Per personalizzare i vostri forum è possibile agire su molti parametri.
Effettuato il login, accedete al vostro Pannello, cliccando su [»Pannello] dalla home page di FFZ.
Per personalizzare la parte visiva basta modificare la configurazione associata al vostro forum (leggete anche la sezione Pannello accessibile qui a fianco per maggiorni informazioni), mentre per scegliere quali elementi far visualizzare all'interno del vostro forum si può modificare il layout associato al vostro forum.
Esiste un modo però per personalizzare in maniera avanzata i vostri forum tramite i fogli di stile.
Le pagine viste nei forum contengono molti classi di stile associate ai vari elementi, che è possibile personalizzare in modo selettivo, scegliendo di fatto lo stile per particolari elementi.
Per fare ciò si può inserire all'interno del codice html di inizio pagina del codice per le personalizzazioni (leggere più sotto per come ottenere il codice), oppure si può mettere questo codice all'interno di un file con estensione .css su un altro server (ad esempio quello che contiente il vostro sito) per poi richiamarlo inserendo questo codice html nello spazio [»Pannello » Modifica Preferenze » HTML di inizio pagina].
L'html da inserire nel caso del file .css esterno è questo:
<link rel="stylesheet" href="http://www.vostrosito.com/stile.css" type="text/css">
Il file stile.css deve essere creato da voi e deve contenere lo stile per il forum secondo i parametri descritti in seguito.
In alternativa è possibile inserire direttamente tutto il codice per lo stile nello stesso spazio, racchiudendolo con i tag: <style></style>
Tag Classe Descrizione
<font> cfont0 Riferimento all'ultima riposta di una discusisone "by ...."
cfont1 Statistiche numeriche (n° Messaggi/Repliche/Visite)
cfont2 Titoli nella barra delle descrizioni (Cartelle/Messaggi/Autore/Ultim agg...)
cfont3 Stile delle Date
cfont4 Testi relativi agli autori ("Aperto da" e "Autore messaggio")
cfont5 Stile delle Ore
small Le scritte in piccolo
xsmall Le scritte molto piccole
txt Il resto del testo
cmenutxt Testo nel menu
cfontmess Testo dei messaggi
cfontintestazione Testo nei box di intestazioni predefinite
<a> ca0 Link generico (all'interno dei messaggi o delle tabelle)
ca1 Link al profilo dei moderatori
ca2 Link al profilo degli autori (Aperto da)
ca3 Link mappa di navigazione
ca4 Link nei Menu
ca5 Link generico (sullo sfondo)
<div> cdivglobale Riquadro che racchiude tutta la pagina del
forum
cdivforum Stile del tag <div> che circonda la tabella con classe ctblforum
cdivforumtrasp Stile del tag <div> che circonda la tabella con classe ctblforumtrasp
cdivintestazione Stile del tag <div> che circonda la tabella con classe ctblintestazione
cdivmenu Stile del tag <div> che circonda la tabella con classe ctblmenu
cdivonline Stile del tag <div> che circonda la tabella con classe ctblonline
cdivgiocoff4 Stile del tag <div> che circonda la tabella con classe ctblgiocoff4
cdivlogo Stile del tag <div> che circonda la tabella con classe ctbllogo
cdivmap Stile del tag <div> che circonda la tabella con classe ctblmap
cfirma Stile del tag <div> che circonda le firme degli utenti
cdivaddsmile Stile del tag <div> che circonda gli smiles nella pagina di inserimento messaggi (utile per creare un box con scrolling in caso di molti smile)
<table> ctblforum Stile delle tabelle dei forum (messaggi ecc....)
ctblforumtrasp Stile delle tabelle che non contengono discussioni o messaggi (solitamente trasparenti, come la riga che contiene i link di amministrazione nelle discussioni, o la selezione delle pagine), ma che devono avere stessa larghezza di quelle del forum.
ctblintestazione Stile della tabella che identifica l'intestazione predefinita del forum.
ctblmenu Stile delle tabelle dei menu
ctblonline Stile delle tabelle degli utenti online
ctblgiocoff4 Stile delle tabelle relative al gioco FF4
ctbllogo Stile della tabella che racchiude il logo (?)
ctblmap Stile della tabella che racchiude la mappa di navigazione
<tr> ctrintestazione1 Riga superiore della tabella di intestazione
ctrintestazione2 Riga centrale della tabella di intestazione
ctrintestazione3 Riga inferiore della tabella di intestazione
ctrtitle Righe di intestazione delle tabelle dei forum
ctrtitle2 Righe di intestazione delle tabelle non riguardanti il fourm (es: inserisci/login/redirect/ecc...)
ctrmess1 Righe del testo dei messaggi (1)
ctrmess2 Righe del testo dei messaggi (2)
ctrmenu Riga dei menu (sia quello in alto che in basso)
ctrcateg Righe della barra categorie
ctrlistacartelle Righe che corrispondono alla lista delle cartelle
ctrlistadisc Righe che corrispondono alla lista delle discussioni
ctrextra Righe che corrispondono all'extra (giochi/sondaggi)
<td> ctdultimoagg Colonne "Ultimo aggiornamento"
ctdultimoaggtitle Titolo colonne "Ultimo aggiornamento"
ctdlistacartelle Colonna "Lista cartelle"
ctdlistacartelletitle Titolo colonna "Lista cartelle"
ctdmoderatori Colonna "Moderatori"
ctdmoderatorititle Titolo colonna "Moderatori"
ctdnummess Colonna # "Messaggi"
ctdnummesstitle Titolo colonna # "Messaggi"
ctdnumdisc Colonna # "Discussioni"
ctdnumdisctitle Titolo colonna # "Discussioni"
ctdlistadisc Colonna "Lista discussioni"
ctdlistadisctitle Titolo colonna "Lista discussioni"
ctdapertoda Colonna "Aperto da"
ctdapertodatitle Titolo colonna "Aperto da"
ctdnumrepliche Colonna # "Repliche"
ctdnumreplichetitle Titolo colonna # "Repliche"
ctdnumvisite Colonna # "Visite"
ctdnumvisitetitle Titolo colonna # "Visite"
ctdvoto Colonne "Voto"
ctdvototitle Titolo colonna "Voto"
ctdlink Colonne "Cartella" e "Comandi Cestino"
ctdlinktitle Titolo colonne "Cartella" e "Comandi Cestino"
ctdextra Colonne restanti del forum
ctdextrapoll Cella dei sondaggi
ctdextrapollgrafico Grafico dei sondaggi
ctdextraff4 Cella esterna del gioco FF4
ctdgiocoff4 Celle del gioco FF4 (relative alle pedine)
ctdutentionline Cella della lista degli utenti online
ctdutentebox Cella che identifica lo spazio nella
pagina "Lista Messaggi" dove vengono visualizzate le informazioni sul profilo degli utenti
ctdmsglink Cella che identifica lo spazio nella pagina "Lista Messaggi" dove compaiono i link discussione precedente | discussione successiva o Lista Messaggi
ctdgenerico Colonne restanti del forum
<input> cbutt Stile dei Bottoni
cbuttadmin Stile dei Bottoni di amministrazione
ctext Stile dei campi di testo
ccheck Stile dei checkbox
cradio Stile dei radiobutton
<select> cselect Stile dei menu a tendina
<img> cavatar Stile delle immagini degli avatar
cimgnewd Immagine: [Menu->Nuova discussione]
cimgnewm Immagine: [Menu->Rispondi]
cimglogin Immagine: [Menu->Login]
cimglogout Immagine: [Menu->Login]
cimgnewu Immagine: [Menu->Nuovo Utente]
cimgprofilo Immagine: [Menu->Profilo]
cimgpannello Immagine: [Menu->Pannello]
cimgdr Immagine: [Menu->Discussioni Recenti]
cimgan Immagine: [Menu->Annunci]
cimgema Immagine: [Menu->Email]
cimgmmm Immagine: [Messaggi->Modifica Messaggio]
cimgmcm Immagine: [Messaggi->Cancella Messaggio]
cimgmqm Immagine: [Messaggi->Quota Messaggio]
cimgmse Immagine: [Messaggi->Spedisci Email]
cimgmpu Immagine: [Messaggi->Profilo Utente]
Codice FFZ cquote Classe dei blockquote per i quote dei messaggi. Tag [QUOTE]
cquotehr Classe degli elementi hr del quote. Tag [QUOTE]
cspoiler Classe del div che racchiude tutto lo spoiler. Tag
[SPOILER]
cquote#cidquotespoiler Classe del div che racchiude la parte nascosta dello spoiler. Tag [SPOILER]
ctagtesto Classe di un div esterno che racchiude un tag ffz. Tag [TESTO]
ctaghtml Classe di un div esterno che racchiude un tag ffz. Tag [HTML]
scrollbox#cidtagtesto Classe di un div interno utile per creare effetti di scorrimento. Tag [TESTO]
scrollbox#cidtaghtml Classe di un div interno utile per creare effetti di scorrimento. Tag [HTML]
menu menuborder Stile del menu dinamico: Classe del tag <div> che circonda il menu.
menuO_on Stile del menu dinamico: Menu a visualizzazione orizzontale, elemento attivato dal passaggio del mouse
menuV_on Stile del menu dinamico: Menu a visualizzazione verticale, elemento attivato dal passaggio del mouse
menuO_off Stile del menu dinamico: Menu a visualizzazione orizzontale, elemento non attivo
menuV_off Stile del menu dinamico: Menu a visualizzazione
verticale, elemento non attivo
Qui di seguito sono riportati degli esempi su come personalizzare le classi:
Personalizzazione del Quote
Ridimensionamento delle colonne del forum
.txt { font-family: verdana; font-size: 10pt }
.ca0:visited { font-family: verdana; font-size: x-small; color: #555555; text-decoration: none}
.ca0:link { font-family: verdana; font-size: 8pt; color: black; text-decoration: none}
.ca0:active { font-family: verdana; font-size: 1; color: #DDFFF3; text-decoration: none}
.ca0:hover { font-family: verdana; font-size: 1; color: #DDFFF3; text-decoration: none}
.cbutt { font-family: Arial; font-variant: small-caps; background-color: #32B1EF; font-size: 10pt }
.cselect { font-family: Arial; font-weight: bold; font-size: 10pt; text-transform: capitalize}
Modificato da totalwar 28/10/2005 15.52