-
<?F.
User deleted
PREMESSA
Ad eccezione dell'area Statistiche, dove è possibile modificare gli stili applicati ai nickname degli utenti in base ai gruppi di appartenenza, per agire su i nickname nel resto del forum bisogna inserire manualmente per ogni utente il codice CSS corrispondente, in maniera del tutto indipendente sia da quanto stabilito dall'amministrazione dei gruppi sia dagli stili ad essi collegati.
L'idea di base è utilizzare i selettori di attributo (attribute selectors) del tag a, per raggiungere la forma:CITAZIONE.classe a[href='ProfiloUtente'] { /* stili */ }
È bene quindi avere presente come si definiscono gli stili associati ai link (collegamento a una pagina web o file) e le pseudo-classi relative:CITAZIONEa:link, a:visited { /* stili delle parole calde */ }
a:hover { /* stili assunti al passaggio del mouse */ }
Esempio di collegamento, passa sopra con il mouse a questa scritta per vederne cambiare stile e/o colore
Nota: Tutti i seguenti codici andranno inseriti in un punto qualsiasi (per una pura questione di ordine, meglio sotto il blocco /* COLORI LISTA UTENTI ATTIVI */) in Amministrazione > Grafica > Colori e stili
LEGENDAIDUTENTE andrà sostituito con l'ID dell'utente interessato (es: 4214569).
#COLORE* andrà sostituito con il colore scelto (es: #FF0000, per avere il rosso).
* le forme #COLORE1 e #COLORE2 indicano ripettivamente il colore standard del link e il colore assunto al passaggio del mouse.
TAGBOARD
- Nickname colorato:CITAZIONE.tag a[href="/?act=Profile&MID=IDUTENTE"] {color: #COLORE}
- Tutti i nickname colorati:CITAZIONE.tag a:link, .tag a:visited {color: #COLORE1}
.tag a:hover {color: #COLORE2}
- Nickname con colori alternati:CITAZIONE.tag .ww a:link, .tag .ww a:visited {color: #COLORE1a}
.tag .ww a:hover {color: #COLORE2a}
.tag .aa a:link, .tag .aa a:visited {color: #COLORE1b}
.tag .aa a:hover {color: #COLORE2b}
Se si utilizza il Nuovo Layout, va inseritoCITAZIONE.tag .list li a {color: #COLORE1a}
.tag .list li a:hover {color: #COLORE2a}
.tag .list li:nth-child(even) a {color: #COLORE1b}
.tag .list li:nth-child(even) a:hover {color: #COLORE2b}
#COLORE1a e #COLORE2a risulteranno in alternanza nei messaggi in tag a #COLORE2a e #COLORE2b.
FORUM
- Nickname colorato in TUTTO il forum:CITAZIONEa[href$="/?act=Profile&MID=IDUTENTE"] {color: #COLORE}
- Nickname colorato nelle Discussioni:CITAZIONE.nick a[href$="/?act=Profile&MID=IDUTENTE"] {color: #COLORE}
- Tutti i nickname colorati nelle Discussioni:CITAZIONE.nick a:link, .nick a:visited {color: #COLORE1}
.nick a:hover {color: #COLORE2}
- Nickname colorato nelle Sezioni (Autore e Ultimo messaggio/Ultima azione)CITAZIONE.xx a[href$="/?act=Profile&MID=IDUTENTE"], .zz a[href$="/?act=Profile&MID=IDUTENTE"] {color: #COLORE}
- Tutti i nickname colorati nelle Sezioni (Autore e Ultimo messaggio/Ultima azione)CITAZIONE.xx a:link, .xx a:visited, .zz b a:link, .zz b a:visited, .board .zz a:last-child {color: #COLORE1}
.xx a:hover, .zz b a:hover, .board .zz a:last-child:hover {color: #COLORE2}
---------------------------
ATTENZIONE! I selettori di attributo NON funzionano su Internet Explorer.
Se avete difficoltà ad applicare più stili diversi, aggiungete !important alla dichiarazione che volete far prevalere.
Esempio:CITAZIONE.nick a:hover {color: #FF0000 !important}
Potete utilizzare questi codici non solo per modificare il colore dei nickname, ma anche per attribuire tutti gli altri stili (Guida alla modifica degli stili). Inoltre essi sono utilizzabili in ogni forum in cui siete staffer semplicemente aggiungendo al css il codice che avrete elaborato.
Edited by A c e - 2/7/2012, 13:33. -
darkhool.
User deleted
Ma questo è il sistema dei CSS vecchio .. ora con i nuovi CSS non funziona , come potrei risolvere ? . -
<?F.
User deleted
Non vi è differenza tra il vecchio e il nuovo layout: per colorare i singoli nickname occorre sempre ricorrere a questo sistema.
La maggior parte dei problemi può essere risolta semplicemente modificando la parte:CODICEa:link, a:visited {eccetera...}
con:CODICEa {eccetera...}
o comunque utilizzando il metodo spiegato nella nota finale di questa guida.. -
darkhool.
User deleted
Risolto .. era il codice html che era sbagliato perche non mi funzionava ... nel passo "Nickname con colori alternati:
CITAZIONE
.tag .aa a:link, .tag .aa a:visited {color: #COLORE1a}
.tag .aa a:hover {color: #COLORE2a}
.tag .ww a:link, .tag .ww a:visited {color: #COLORE1b}
.tag .ww a:hover {color: #COLORE2b}"
doveva essere
.tag .ww a:link, .tag .aa a:visited {color: #COLORE1a}
.tag .ww a:hover {color: #COLORE2a}
.tag .aa a:link, .tag .ww a:visited {color: #COLORE1b}
.tag .aa a:hover {color: #COLORE2b}"
invertendo i 2 ".aa" con i 2 ".ww". -
<?F.
User deleted
Hai ragione, non avevo considerato il fatto che i messaggi nella tagboard sono tutti inseriti all'interno di un ww.
Non si tratta di niente di non superabile in questo modo, ma è più corretta la forma:CODICE.tag .ww a:link, .tag .ww a:visited {color: #COLORE1a}
.tag .ww a:hover {color: #COLORE2a}
.tag .aa a:link, .tag .aa a:visited {color: #COLORE1b}
.tag .aa a:hover {color: #COLORE2b}
P.S. Ho chiesto gentilmente ad Ace di modificare la guida.. -
[Forum Admin Staff] elecktriizee.
User deleted
Scusa io ho un problema qui:
a[href$="/?act=Profile&MID=IDUTENTE"] {color: #COLORE}
metto l'ID utente e il colore sotto a FORUM alla fine di tutti i tag ma il colore non cambia :S. -
~FøUNÐè®~.
User deleted
Non ho ben capito :|. -
<?F.
User deleted
[Forum Admin Staff] elecktriizee e ~FøUNÐè®~, aprite una nuova discussione nella sezione Problemi spiegando meglio il problema o che cosa esattamente non avete capito. . -
Rambø.
User deleted
Grazie, molto molto bravo, grz mille mi sei stato utilissimo! . -
[~Æ~]II__HATI__II.
User deleted
porco canneee io nn ci capisco nientee mi ho rovinato pure il forum http://ae-clan.forumfree.it .. qualcuno mi puo aiutare voglio avere i nomi colorati in tag board pero fatemi 1 esempio ke io nn ci capisco Grazie . -
.CODICE.nick a[href$="/?act=Profile&MID=IDUTENTE"] {color: #COLORE}CODICE.xx a[href$="/?act=Profile&MID=IDUTENTE"], .zz a[href$="/?act=Profile&MID=IDUTENTE"] {color: #COLORE}
Se in questi due codici voglio aggiungerci il grassetto per i nickname, cosa bisogna aggiungere?
Grazie (:. -
T.Silva33-.
User deleted
Ciao ragazzi io sono sempre stato Moderatore di altri siti, ma ora ho deciso di crearne uno mio quindi non sono molto pratico..
Volevo far visualizzare il mio nick colorato ma non funziona...
Io ho scritto questo: .tag a[href="/?act=Profile&MID=T.Silva33-"] {color: #FBFB00}
Ma non succede nulla nella tag Mi rimane il nick azzurro quando invece dovrebbe essere giallo
Cosa sbaglio?
Io vorrei avere il mio nick colorato in tutto il forum (quindi in tag nelle discussioni ecc) ma non ci riesco....
Scusate il disturbo e grazie in anticipo. -
<?F.
User deleted
@[~Æ~]II__HATI__II: Problemi
@cãtch_: per il grassetto bisogna aggiungere font-weight: bold; dentro le parentesi graffe.
@T.Silva33-: leggete con attenzione, non c'è scritto di inserire il proprio nickname, ma l'ID:LEGENDA
. -
T.Silva33-.
User deleted
@[~Æ~]II__HATI__II: Problemi
@cãtch_: per il grassetto bisogna aggiungere font-weight: bold; dentro le parentesi graffe.
@T.Silva33-: leggete con attenzione, non c'è scritto di inserire il proprio nickname, ma l'ID:LEGENDA
Grazie mille!
E per farlo comparire in tutto il forum? (discussioni, tendina del nick, messanger ecc?). -
.
A me non funziona! .