Icona diversa per ogni sezione

*VashTheStampede*

Posted on 29/9/2005, 16:56

.

User deleted

come faccio a mettere l'icona diversa per ogni sezione del forum??

per intenderci correi fare come in questo forum

user posted image

ho letto molte risposte a varie discussioni ma ancora nn ci sono riuscito!

grazie

Edited by *VashTheStampede* - 29/9/2005, 17:58

.

M

Posted on 29/9/2005, 17:56

.

User deleted

Inserisci in Immagini, nel riquadro relativo a C_ON e C_OFF questi codici:

CODICE

CODICE

e così via e poi in Colori e Stili

CODICE

.board .aa div {background-position: center; background-repeat: no-repeat}
.c_on, .c_off {height: 48px; width: 48px}

#fID .c_on {background-image: url(http://indirizzo_immagine.gif)}
#fID .c_off {background-image: url(http://indirizzo_immagine.gif)}

nel codice, al posto di "ID", devi inserire l'ID della sezione a cui vuoi inserire l'icona
height e width sono rispettivamente l'altezza e la larghezza dell'immagine.

Se non desideri che C_OFF abbia un'immagine diversa C_ON, ma che sia solo meno luminoso, puoi mettere:

CODICE

C_ON:<div class="c_on"></div>
C_OFF:<div class="c_on" style="opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50)"></div>
C_ON_RES:<div class="c_on"></div>
C_OFF_RES:<div class="c_on" style="opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50)"></div>
C_LOCKED:<div class="c_on" style="opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80)"></div>

in Immagini e in Colori e Stili:

CODICE

.board .aa div {background-position: center; background-repeat: no-repeat}
.c_on {height: 48px; width: 48px}

#fID .c_on {background-image: url(http://indirizzo_immagine.gif)}

N.B. per ogni sezione si deve usare un "#fID .c_on" diverso

.

Yaguar'

Posted on 26/12/2005, 14:54

.

User deleted

Come determino la largezza dell'immagine?

.

M

Posted on 26/12/2005, 18:11

.

User deleted

CITAZIONE (Yaguar' @ 26/12/2005, 14:54)

Come determino la largezza dell'immagine?

Scrivendo larghezza in inglese, cioè width. L'avevo fatto presente nel post precedente, ma ecco un esempio:

CODICE

.board .aa div {background-position: center; background-repeat: no-repeat}

#f123 .C_ON {width: 100px; height: 30px; background-image: url(http://indirizzo_immagine.gif)}
#f123 .C_OFF {width: 100px; height: 30px; background-image: url(http://indirizzo_immagine.gif)}

.

Mesmeric

Posted on 28/12/2005, 05:42

.

Senior Member

Group: Golden Skinner

Posts: 11,853

Status: Anonymous

Funziona! Io l'ho fatto per il mio forum ed anche per c_on_res, c_off_res, c_locked. Ogni sezione ha un immagine diversa ma ognuna ha la stessa immagine: non cambia, ad esempio, per c_on e c_off. Le cambierò dato che si può fare ^^

E' un pò difficile da spiegare

Grazie

.

M

Posted on 28/12/2005, 17:33

.

User deleted

E' venuto bene http://crazygirlsgang.forumfree.net Ti consiglio di distinguere le immagini delle sezioni con nuovi messaggi con un bordo lampeggiante, dovresti realizzare delle gif animate.

Oppure potresti modificare quelle per le sezioni con messaggi già letti rendendole monocromatiche (sul tuo forum andrebbe bene il rosa).

ecco un esempio: CTRL+U colorize (Hue 350 - Saturation 30 - Lightness 10)
user posted image