In questa guida scopriremo alcuni hacks CSS che ci permetteranno di modificare (e gestire) le targhette delle sezioni.
TARGHETTE SPENTE-ACCESE
Per far si che le targhette siano spente e che, al passaggio del mouse, si illuminino, inserite in
"Colori e Stili" questo:
CODICE
.web a:link img, .web a:visited img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5}
.web a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0}
Per gestire l'opacitą che appare normalmente dovremo modificare le prime 2 classi, esattamente il "5".
TARGHETTE A DESTRA
Per inserire le targhette delle sezioni a destra del nome delle sezioni andremo ad inserire in Colori e Stili, dove preferite, questo:
CODICE
.board img.s {float: right}
TARGHETTE CHE COMPAIONO AL PASSAGGIO DEL MOUSE
Per ottenere questo effetto andremo ad inserire in Colori e Stili (dove preferite) questo codice:
CODICE
.web a:link img, .web a:visited img {visibility: hidden}
.web a:hover img {visibility: visible}
BORDO PER TARGHETTE
Volete inserire un bordo alle vostre targhette senza dover utilizzare un apposito programma di grafica?
Con questi codici potete riuscirci tranquillamente.
* PRIMO CASO:Se avete inserito le vostre targhette in
Amministrazione >
Gestione Sezioni >
Targhetta a sinistra del nome vi basterą inserire in
Amministrazione >
Colori e Stili questo codice:
CODICE
.web a:link img, .web a:visited img {border: 1px solid #COLORE ESADECIMALE}
.web a:hover img {border: 1px solid #COLORE}
Se, invece, avete inserito le targhette tramite il codice:
CODICE
<img src="link immagine">
nella descrizione della sezione vi basterą inserire questo codice in
Amministrazione >
Colori e Stili:
CODICE
.desc img {border: 1px solid #COLORE}
