-
.E' solo una miniguida, i credits sono graditi ma non obbligatori ,ma siete pregati di chiedermi il permesso per postarla,grazie.
Realizzare un link rollover
Per prima cosa dobbiamo inserire questo codice nel nostro css (nei forum di forumfree si trova in modifica colori e stili)CODICE.rollover a:link, .rollover a:visited{color:#colore; background-color:#colore; display:block}
.rollover a:hover{color:#colore;background-color:#colore}
Per cambiare colore ai link semplici modificate il primo color mettendo il codice esadecimale del colore e il suo sfondo modificando background-color.
Per fare in modo che i colori cambino al passaggio del mouse cambiate il secondo color e background-color.
Potete anche modificare semplicemente i colori invertendoli. Se fate lo sfondo nero e la scritta bianca nel primo potete fare la scritta nera su sfondo bianco nel secondo ad esempio. Ma potete mettere tutti i colori che volete.
Per modificarne l'allineamento:CODICE.rollover a:link, .rollover a:visited{color:#colore; background-color:#colore; text-align:left; display:block}
.rollover a:hover{color:#colore;background-color:#colore; text-align:right}
se mettete center viene centrato.
Ora per usare questi link dovete, nell'HTML(in forumfree gestione codice HTML), usare questo codice:CODICE<div class="rollover">
<a href="url" class="rollover">Link</a>
<a href="url" class="rollover">Link</a>
<a href="url" class="rollover">Link</a>
</div>
Ecco qui sotto una pagina con degli esempi,anche diversi per renderli più originali:
https://digilander.libero.it/Juunanagou_17/...sempioroll.html
edit: aggiornato e sistemato per forumfree.
Edited by Juunanagou - 14/4/2011, 12:36
. -
Menynt .
User deleted
Brava Juunanagou, ottima guida, utile per chi non sapeva come fare. 
. -
.
grazie =D . -
D r o w e r .
User deleted
Beautiful *0* . -
.
Ottimo Juun! Utilissimo tra l'altro. 
. -
.
grazie =D . -
StrenghtS .
User deleted
Fantastica . -
.
bellissimO!!! grazie >< (che i link rollover sarebbero quelli come avete voi nella tabella no? che bello >__<)
grazie mille che non sapevo come farli!. -
.
di nulla ^^ . -
.
Juuna *o*
Grazie!. -
.
pardon. prima l'ho vista di sfuggita ma adesso ho provato il codice in una discussione e mi viene come un normale 'collegamento' (quando ci passo sopra viene evidenziato): ho provato a copiare il codice dell'ultimo esempio ma non mi viene come è venuto a te.. questo è dovuto al fatto che nelle discussioni questo codice non si puo' usare? . -
.
a quanto pare °°" questo perchè credo che i link interni siano definiti in maniera diversa dopo e quindi vale di più °° mi dispiace ma al momento non so come risolverlo, appena posso controllo =D . -
.
ok grazie per la risposta ^^ . -
~Crazy'Man .
User deleted
a me quel link ...non me lo apre....! mi dice che la paggina è inesistente!...me lo potresti postare tu grazie.^^ . -
.
parli di 'link'? non vorrei che sia quello il codice.. nel senso. cklicchi di destro su LINK e fai 'copia indirizzo'..
ma forse mi sbaglio è! cioè credo che la pagina non esista apposta....
Link con effetto "Rollover"[ Skinning ] |
Web