Newsgroup: it.comp.www.html
Titolo: link (ma non tutti) che cambiano colore "on mouse on"

Ciao
 ho una pagina in cui vorrei che alcuni link cambiassero colore al passaggio
del mouse. Con golive non trovo questa funzione: c'è la possibilità di
creare link a sfiorameneo, ma con le immagini, quelli che invece mi
interessano sono testi.
Ho trovato questa funzione, che mi andrebbe benissimo ed è esattamente
l'effetto che voglio:
<style type="text/css">
A:hover { color: white; background:blue }
</style>
Però ha un piccolo difetto: non mi consente di selezionare i link che
cambiano colore. Mettendola in head lo fa cambiare a tutti i link della
pagina, cosa che non voglio. C'è un sistema?
grazie
foster

pagina, cosa che non voglio. C'è un sistema?
Fai una classe e la assegni ai link che desideri abbiano quella
proprietà.
Ciao
Matteo


Lo metti nell'head ma come classe, cioč
a:hover.nomeclasse  { color: white; background:blue }
e al link metti <a class="nomeclasse" href="... >
Nenélla

 pagina, cosa che non voglio. C'è un sistema?
Nell'header:
<style type="text/css">
..hoverstyle a:hover {
    color:white;
    background:blue;
}
</style>
Nel body:
<span class="hoverstyle"><a href="http//
www.ciao.it
">Link con effetto
hover</a></span>
<a href="http//
www.ciao.it
">Link senza effetto hover</a>
Se poi i link da usare con l'effetto hover sono molti e tutti "vicini" puoi
usare il tag div:
<div class="hoverstyle">
    [...]
    <a href="http//
www.ciao.it
">Link1 con effetto hover</a><br />
    <a href="http//
www.ciao.it
">Link2 con effetto hover</a><br />
    [...]
</div>
<div>
    [...]
    <a href="http//
www.ciao.it
">Link1 senza effetto hover</a><br />
    <a href="http//
www.ciao.it
">Link2 senza effetto hover</a><br />
    [...]
</div>
Ovviamente puoi creare tutte le classi che vuoi con tanti effetti hover
diversi. Oppure se la maggior parte dei link sono da usare con effetto hover
puoi fare indicare solo quelli che non usano l'effetto, ovvero:
<style type="text/css">
a:hover {
    color:white;
    background:blue;
}
..nohover a:hover{
    color: blue;
    background: trasparent;
}
</style>
<span class="nohover"><a href="http//
www.ciao.it
">Link senza effetto
hover</a></span>
<a href="http//
www.ciao.it
">Link con effetto hover</a>
Spero d'esserti stato utile
--
Un saluto,
    Fabio

 pagina, cosa che non voglio. C'è un sistema?
Nell'header:
<style type="text/css">
..hoverstyle a:hover {
    color:white;
    background:blue;
}
</style>
Nel body
<span class="hoverstyle"><a href="http//
www.ciao.it
">Link con effetto
hover</a></span>
<a href="http//
www.ciao.it
">Link senza effetto hover</a>
Se poi i link da usare con l'effetto hover sono molti e tutti "vicini" puoi
usare il tag div:
<div class="hoverstyle">
    [...]
    <a href="http//
www.ciao.it
">Link1 con effetto hover</a>
    <a href="http//
www.ciao.it
">Link2 con effetto hover</a>
    [...]
</div>
<div>
    [...]
    <a href="http//
www.ciao.it
">Link1 senza effetto hover</a>
    <a href="http//
www.ciao.it
">Link2 senza effetto hover</a>
    [...]
</div>
Ovviamente puoi creare tutte le classi che vuoi con tanti effetti hover
diversi
Spero d'esserti stato utile

hover</a></span>
Perché non attribuire la classe direttamente all'anchor e inserire
invece uno span?:
<a class="hoverstyle" href="http//
www.ciao.it
">Link con effetto
hover</a>
Matteo

 invece uno span?:
Anche tu hai ragione ;) sorry... son rincoglionito in sto periodo ;)
--
Un saluto,
    Fabio

 puoi fare indicare solo quelli che non usano l'effetto, ...
Quest'ultima soluzione mi sembra la più comoda. Questo perchè i link che non
devono avere l'effetto sono fissi, mentre quelli che lo devono avere (la
maggior parte) si andranno via via ad aggiungere nella pagina. Spero di
riuscire ad applicare perchè con l'html non sono pratico, avendo usato
golive per tutto o quasi.
Grazie a tutti. foster