Forum 

Forum AspNuke.it - Il tuo Portale OpenSource in ASP

Menù con effetto...

Autore Messaggio
criterio

Eliminato
Eliminato
0 Discussione



Profilo - criterio
29 novembre 2002 alle 11:28:20 Profilo - criterioInvia un messaggio privato ilario.71@libero.it 47032229 Rispondi quotando
Modificato il 20 maggio 2003 alle 22:33:16

mi spiegate per cortesia come si inserisci sul menù l'effetto onmouseover?
Magari con un bel esempio di cosice...
grazie [big]
---------------
www.newmaxwebportal.it www.soopitalia.it
Malmsteen

Amatore
Amatore
23 Discussioni



Profilo - Malmsteen
29 novembre 2002 alle 11:32:37 Profilo - MalmsteenInvia un messaggio privato Rispondi quotando
se non mi sbaglio dovresti trovare tutto nel .css nella cartella del tema.
Basta che modifichi lo stile e cambi il mouse over sui link :)
---------------
Che FriZZo!
criterio

Eliminato
Eliminato
0 Discussione



Profilo - criterio
29 novembre 2002 alle 11:42:00 Profilo - criterioInvia un messaggio privato ilario.71@libero.it 47032229 Rispondi quotando
per quanto riguardo i link testuali ok, ma se io volessi inserire un menù tipo qello aspnuke.it, con effetto sulle immagini?
Giro la domanda in altro modo, se volessi inserire come menù un applet java, come faccio?
---------------
www.newmaxwebportal.it www.soopitalia.it
saxon

Principiante
Principiante
17 Discussioni



Profilo - saxon
29 novembre 2002 alle 11:47:21 Profilo - saxonInvia un messaggio privato 129847128 Rispondi quotando

Ciao criterio,[lo]

Allora devi agire sul file .css che il tuo tema utilizza , e ovviamente su ogni file .css di ogni tema che vuoi utilizzi la funzionalità di rollhover.

qui sotto trovi un sempio di codice css


/* definisce l'aspetto dei link */
a {
color: #0033CC;
font-weight: bold;
text-decoration: none;
}
/* definisce l'effetto di rollhover */
a:hover {
color: #DC143C;
text-decoration: none;
}


questo codice definisce l'aspetto di tutti i link sul sito (tranne quelli che possiedono una loro "class") assumendo per i tag <A href="..... le impostazioni che inserisci tra le parentesi.

Per l'effetto di "hover" prendi esmpio dal blocco di codice successivo, come vedi dopo la specicia del tag "a" viene aggiunto ":hover" questo spiega al browser che tutti i link avranno come effetto del rollhover ciò che in questo blocco di codice css è stato specificato.

ATTENZIONE!
una cosa molto utile e che non viene mai utilizzata nella definizine dei temi per ASPNUKE (purtroppo) è l'inserimento di commenti descrittivi nel file css, le strinche che iniziano con "/*" e finiscono con "*/" sono interpretati come commenti all'interno dei file css, USALI [feu]

tutto chiaro? spero di si 8)
saxon

Principiante
Principiante
17 Discussioni



Profilo - saxon
29 novembre 2002 alle 11:58:56 Profilo - saxonInvia un messaggio privato 129847128 Rispondi quotando
Modificato il 29 novembre 2002 alle 12:01:06


8)Il giochino è sempre lo stesso

aggiungi semplicemente

background-image: url(linea.gif);


questo caricherà una immagine sui link, e se vuoi un'altra per il rollhover.

Attenzione però, devi definire un class specifica solo per il link del menu interessato altrimenti TUTTI i link prenderanno quelle impostazioni.


/* qui si definisce l'immagine da richiamare per i link
a.mnutop {
(qui le istruzioni css)
}
/* qui si definisce l'immagine da richiamare per rollhover
a.mnutop:hover {
(qui le istruzioni css)
}


Come si vede dal codice sopra, è possibile definire un class per uno o più specifici link in modo selettivo, ovviamente nel codice HTML al tag <A href=.... devi inserire class="mnutop" ed applicarlo solo ai link che vuoi utilizzino l'immagine.

per quanto riguarda menu Java_Script non so che dirti, mai utilizzati.

Ciao [lo] 8)

Log in

Login
Password
Memorizza i tuoi dati:

Cerca

 

Sostieni AspNuke

Un piccolo gesto per aiutarci a mantenere AspNuke.it online

Promo

MusicWebItalia.it
Video Testi Traduzioni Spot Colonne sonore Accordi e Spartiti gratis.

Visitatori

Visitatori Correnti : 164
Membri : 0 offline Anna

Iscritti

 Utenti: 18940
Ultimo iscritto : glauco
Lista iscritti
Messaggi privati: 3373 Commenti: 2210 Immagini: 39 Downloads: 144 Articoli: 49 Pagine: 101 Siti web: 558 Notizie: 180 Sondaggi: 11 Preferiti: 5684722 Post sui forum: 51195 Libro degli ospiti: 4 Eventi: 7

Versioni

Temi