Icona a destra del Titolo con "Effetto Comparsa/Scomparsa"

Keynine

Posted on 16/6/2009, 22:05

.

Advanced Member

Group: Team

Posts: 3,192

Likes: +36

Status: Anonymous

Icone a destra con apparizione su a:hover / « Esempio

Credits:

CODICE

Si ringrazia <a href="http://btbaw.forumcommunity.net/?act=Profile&MID=3649470"><b>ætas</b></a>

Come noterete dal forum di esempio, passando con il mouse sul nome delle sezioni nel forum di esempio, appaiono delle immagini.
La realizzazione di questo effetto è molto semplice, e la spiegherò in pochi passaggi.

1 Innanzitutto inserite in Gestione Sezioni nel campo Targhetta a sinistra del nome il link dell'icona che volete che appaia, per ogni sezione.

2 Fatto questo andate in Modifica colori e Stili e inserite in fondo al codice della skin questo codice:

CODICE

/*CODICE TARGHETTE BY BTBAW.FORUMCOMMUNITY.NET*/
.board .s {float: right}
.web a:link .s {visibility: hidden}
.web a:visited .s {visibility: hidden}
.web a:hover .s {visibility: visible}

Così facendo otterrete, in modo molto semplice, l'effetto desiderato.

Edited by ætas - 7/10/2009, 10:55

.

Khamel

Posted on 17/6/2009, 10:32

.

User deleted

Scusa ma questo codice,anche se diverso,è stato creato da CioboMario. :sisi:

Edited by Mezmerized - 17/6/2009, 11:40

.

Mezmerized

Posted on 17/6/2009, 10:40

.

User deleted

Questo codice visto che è diverso da quello di Ciobo è stato postato da me in una discussione nella sezione supporto.
E come puoi ben leggere CioboMario non ha detto assolutamente niente riguardante "la sua creazione" in quello stesso identico topic.
Se necessiti di altri chiarimenti scrivilo pure, sono sempre a disposizione.

.

Khamel

Posted on 17/6/2009, 11:10

.

User deleted

No,non servono altri chiarimenti.

.

; Kumi

Posted on 17/6/2009, 20:40

.

Advanced Member

Group: Member

Posts: 9,924

Likes: 0

Status: Offline

ma non c'è un modo per far si che l'icona sia piu vicina al nome della sezione?
(altrimenti, in una skin creata avevo visto che compariva il cuore ♥ )

.

Mezmerized

Posted on 17/6/2009, 21:04

.

User deleted

CITAZIONE (; Kumi @ 17/6/2009, 21:40)

ma non c'è un modo per far si che l'icona sia piu vicina al nome della sezione?
(altrimenti, in una skin creata avevo visto che compariva il cuore ♥ )

Per fare quello che chiedi tu io uso un altro codice. Sostituisco questo al web a:hover della skin

CODICE

web a:hover {color: #COLORE; text-decoration: none; background-image: url(URL IMMAGININA); background-position: right; background-repeat: no-repeat; padding-right: XXpx}

a color inserisci il colore del link, poi metti l'url della tua immaginina e alla fine in padding aggiungi la distanza che vuoi dell'immagine dal testo

.

; Kumi

Posted on 17/6/2009, 21:33

.

Advanced Member

Group: Member

Posts: 9,924

Likes: 0

Status: Offline

ah grazie =)

.

chacha?

Posted on 27/12/2009, 12:26

.

User deleted

Grazie mille per aver postato questo codice,
ho creditato^-^ Grazie ancora!

.

Red_dragon8

Posted on 12/10/2010, 23:27

.

User deleted

Scusa Mezmerized!Ma per avvicinare le targhette messe a destra e con la funzione Accese/Spente con questo codice

CODICE

.board .s {float: right}
.web a:link .s, .web a:visited .s {opacity: 0.6}
.web a:hover .s {opacity: 1}

che si deve fare?

.

M-D

Posted on 13/10/2010, 02:01

.

Senior Member

Group: Member

Posts: 20,011

Likes: 0

Location: Bergamo

Status: Anonymous

CITAZIONE (Khamel @ 17/6/2009, 11:32)

Scusa ma questo codice,anche se diverso,è stato creato da CioboMario. :sisi:

Bravo Fabio, sempre attento! :°D

CITAZIONE (Mezmerized @ 17/6/2009, 11:40)

Questo codice visto che è diverso da quello di Ciobo è stato postato da me in una discussione nella sezione supporto.
E come puoi ben leggere CioboMario non ha detto assolutamente niente riguardante "la sua creazione" in quello stesso identico topic.
Se necessiti di altri chiarimenti scrivilo pure, sono sempre a disposizione.

LOL, ma è uguale! Cambia solo che ho impostato i margini a 0 :razz: