Guida Creazione bottone illuminato

[Pan!c]

Salve,
oggi vi mostro come creare un bottone che si illumina al passaggio del mouse. Be il procedimento è semplicissimo.

Copiate questo codice:

Perfavore, Entra oppure Registrati per vedere i codici!

Successivamente modificate la prima stringa (<img src="http://") e al posto di http:// mettete l'url dell'immagine normale, ovvero di default. Alla seconda stringa (onMouseOver="this.src='http://';" ) al posto di http:// mettete l'url dell'immagine illuminata, ovvero della seconda immagine che si visualizzerà al passaggio del mouse. Infine alla terza stringa (onMouseOut="this.src='http://;" >) mettete, come alla prima, l'url dell'immagine normale, ovvero di default.

Una volta terminato questo procedimento uscirà una cosa del genere (Il sito che vedete è in costruzione, ma dovete SEMPLICEMENTE PASSARE CON IL MOUSE SU UNA DELLE SCRITTE, PER ESEMPIO HOME, CHI SONO, FORUM ECC...):



Se vi sono stato d'aiuto, cliccate sulla bilancia a sinistra, più semplicemente aggiungetemi reputazioni

 

[Alexander]

grazie
molto utile

 

[Pan!c]

prego

 

[Pazienza]

Metti almeno la fonte.
Questa sintassi in javascript l'ho suggerita io ad un utente, precisamente in QUESTA discussione.

E penso che hai copiato anche la descrizione:

Per il mio fansite ho usato un javascript in questo modo:

Perfavore, Entra oppure Registrati per vedere i codici!

Ora ti spiego il funzionamento:
il tag <a> è opzionale.
l'importante è che ci siano onmouseout onmouseover.
onmouseout: immagine che uscirà quando non c'è il mouse sopra.
onmouseover: immagine che uscirà quando il mouse sta sopra.
in src='' metti lo stesso link messo in "onmouseout"
i tag width ed height possono essere eliminati, servono per gestire larghezza ed altezza.

EDIT: Elimina il link, è SPAM.

 

[Delta]

è Spam.. Solo Un template semplice c'è era solo x dimostrazione...

 

[Ketto93]

Censuro lo spam.

 

[Slakers]

ma è un semplice rollover?

 

[Pazienza]

Slakers, è un semplice codice che ti permette di far apparire un'altra immagine quando ci passi sopra col mouse ^^

 

[AnnA]

stupendo

 

[Pan!c]

Scusa sono nuovo su Sciax Forum. Non potevo sapere, comunque spero che sono stato lo stesso d'aiuto. Prossimamente cercherò casomai ci sono stati altri argomenti. Comunque ci tengo a sottolineare che questa Guida è stata creata da me

 

[VanCracken]

mi seriviva per il mio fansite mi sn fatto un banner che appena passi kambia imm xD

 

[angio14]

Bella guida bravo xD ;)

 

[bigboss1]

bravo.. utile..!