Come si crea quest'effetto?

Salve,

vi chiedo se gentilmente qualcuno più esperto mi me potrebbe dirmi come si crea questo effetto.
Precisamente intendo quello che si attiva passando il puntatore sui link principali(Solutions,Products,ecc...)

Possibilmente entro oggi,è urgente. :lol:

Ciao

si chiama rollover e si ottiene con lo javascript in pratica come passi il mouse sopra quella immagine lui ne carica un altra

Così a occhio mi sembra fatto coi css attribuendo sfondo e bordo diverso agli elementi a e a:hover.

Un esempio potrebbe essere:

Codice:

---


a {
background-color: #000000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

a:hover {
background-color: #FFFFFF;
border: 1px solid #000000;
color: #000000;
}

---

Zau!

Questo codice va messo tra Head e /Head ?

Sì, tra i tag head ma anche tra i tag style.

Codice HTML:

---

<style type="text/css">
a {
background-color: #000000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

a:hover {
background-color: #FFFFFF;
border: 1px solid #000000;
color: #000000;
}
</style>

---

Ho inserito il tag style,però c'è il problema che quell'effetto appare in tutti i link della pagina.
Non c'è un modo per far funzionare questo effetto solo in Link precisi?
Cioè io vorrei che solo i Link in alto(disposti in orizzontale),abbiano quetso effetto,mentre tutti gli altri sono normali Link.

Ciao

Citazione:

---

Originalmente inviato da nfsmostwanted

Ho inserito il tag style,però c'è il problema che quell'effetto appare in tutti i link della pagina.
Non c'è un modo per far funzionare questo effetto solo in Link precisi?
Cioè io vorrei che solo i Link in alto(disposti in orizzontale),abbiano quetso effetto,mentre tutti gli altri sono normali Link.

Ciao

---

Si devi mettere ai links che vuoi quell'effetto l'attributo class (o id) e modificare il codice css così:

Codice HTML:

---

<style type="text/css">
a.menu {
background-color: #000000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

a.menu:hover {
background-color: #FFFFFF;
border: 1px solid #000000;
color: #000000;
}
</style>

---

E i links interessati:

Codice HTML:

---

<a class="menu" href="pagina.html">Scritta</a>

---

Citazione:

---

Originalmente inviato da Leo91

Si devi mettere ai links che vuoi quell'effetto l'attributo class (o id)

---

Piccola correzione: se i link sono più di uno devi usare per forza class.

Citazione:

---

Originalmente inviato da funcool

Piccola correzione: se i link sono più di uno devi usare per forza class.

---

Verissimo!

E se vuoi addirittura che quando ci passi sopra compaia il testo della pagina, come nella pagina che hai linkato, basta che pasticci con l'attributo visibility:hidden; sempre nel CSS ma relativo all contenuto della pagina

E se si vuole riprodurre un suono quando si ci passa il mouse??? :lol: :lol: :lol:

Citazione:

---

Originalmente inviato da tuttoxpc

E se si vuole riprodurre un suono quando si ci passa il mouse??? :lol: :lol: :lol:

---

Guarda che il CSS gestisce anche i suoni...

ok
grz

Pietrovischia,
non ho capito bene cosa intendi con "Compaia il testo della pagina..."