Illuminzione OnMouse Over Sezioni

« Older   Newer »
  Share  
H i r u³
view post Posted on 2/8/2009, 21:02




Salve a tutti, tempo fa ho visto un forum che era riuscito a mettere un illuminazione della barra delle sezioni ( .aa .bb .xx .yy .zz ) quando si passava sopra il mouse, sapete percaso che tipo di codice hanno utilizzato ? ** Grz dell'attenzione.
 
Top
~ Sy
view post Posted on 2/8/2009, 21:36




E' un codice usato dal web resources, non posso prendermi la resposabilità di dartelo, pertanto ti posso solo consigliare di chiedere a questo utente:

http://forumfree.net/?act=Profile&MID=3408796
 
Top
~ DarkStyle
view post Posted on 3/8/2009, 10:26




Intanto posso fornirti questo:
CODICE
.board .aa, .board .bb, .board .xx, .board .yy, .board .zz {ATTRIBUTI_NORMALI}
.board tr:hover > .aa, .board tr:hover > .bb, .board tr:hover > .xx, .board tr:hover > .yy, .board tr:hover > .zz {ATTRIBUTI_ALL'HOVER}


Se desideri puoi inserire degli attributi aggiuntivi (ATTRIBUTI_NORMALI) che si vedranno solo nella .board
Invece ATTRIBUTI_ALL'HOVER, sono gli attributi che si attiveranno al passaggio del mouse.

Eliminando i vari .board attiverai l'effetto in tutto il forum e non solo in homepage.

Presto cercherò di fare una soluzione compatibile con IE che non usi CSS3.

CITAZIONE (~ Sy @ 2/8/2009, 22:36)
[...]non posso prendermi la resposabilità di dartelo[...]

No problema, potevi benissimo fornirlo tu :fifi:
 
Top
H i r u³
view post Posted on 3/8/2009, 10:56




Grazie mille :peoflo:

Edit. Che intendi con Attributi All Hover ? o.o

Edited by H i r u³ - 3/8/2009, 12:50
 
Top
~ DarkStyle
view post Posted on 4/8/2009, 17:27




Intendo scrivere quello che succeda all'hover, ad esempio per cambiare colore di sfondo:
CODICE
.board tr:hover > .aa, .board tr:hover > .bb, .board tr:hover > .xx, .board tr:hover > .yy, .board tr:hover > .zz {background-color: #COLORE}

e per opacizzare (illuminare)
CODICE
.board .aa, .board .bb, .board .xx, .board .yy, .board .zz {opacity: 0.6}
.board tr:hover > .aa, .board tr:hover > .bb, .board tr:hover > .xx, .board tr:hover > .yy, .board tr:hover > .zz {opacity: 1.0}
 
Top
4 replies since 2/8/2009, 21:02   152 views
  Share