menù che cambia colore

**jurij7** · 28-04-2011, 19:00

ciao
ho creato un menù per il mio sito.
vorrei fare in modo che cliccando su uno qualsiasi degli elementi del menù (e quindi andando sulla pagina richiesta) l'elemento del menù abbia un colore diverso proprio per evidenziare che sono su quella pagina.

per esempio tipo questo menù :
http://francescogiustiphoto.viewbook.com/

come posso fare?

**0-c00l** · 28-04-2011, 23:38

Bhè cosa c'è di difficile? Hai il tuo bel menu' e nella pagina corrispondente alla voce, metti quella voce tra <span style="color: grey">VOCE</span> .. Sostituendo grey con il colore che vuoi che assuma

**jurij7** · 29-04-2011, 10:11

ok benissimo grazie
un'altra cosa riguardante il menù: ho impostato il colore del font, nero.
ma una volta cliccate queste voci non sono più rimaste nere ma assumono un colore tipo viola perchè appunto li ho cliccati ma io vorrei che il colore rimanesse comunque nero..non so se mi sono spiegato...come posso fare?

**0-c00l** · 29-04-2011, 17:15

Ok, allora scrivi così:

codice:

a:link, a:visited {
color: black;
}

poi se non vuoi che ci sia la sottolineatura scrivi al posto del precedente:

codice:

a:link, a:visited {
color: black;
text-decoration: none;
}

Messi così valgono per tutti i link, se invece vuoi che valgano solo per il tuo menu scrivi:

codice:

.classmenu (od #idmenu) a:link, a:visited {
color: black;
text-decoration: none;
}

**jurij7** · 29-04-2011, 17:26

questo è il mio menù, che è già una classe. questo è della pagina index:

<div align="left" class="menu" id="menu">
<div align="left" class="style5">
<div align="right"><span style="color: grey">Home</span>
B&W
Colors Work
About Contact
</div>
</div>
</div>

che faccio?

**0-c00l** · 29-04-2011, 17:53

mm hai sia class che id, buh buttiamoci sull' ID

codice:

#menu a:link, a:visited {
color: black;
text-decoration: none;
}

**jurij7** · 29-04-2011, 18:03

scusa ma non so bene , dove inserisco questa parte di codice?

**0-c00l** · 29-04-2011, 18:04

Hai un file .css ? Se non lo hai nella pagina che che ha <div class="menu"> ecc. tra <head> e </head> inserisci:

codice:

<style type="text/css">
#menu a:link, a:visited {
color: black;
text-decoration: none;
}
</style>

**jurij7** · 29-04-2011, 18:09

ho il file menu.css che contiene :

@charset "utf-8";
#menu {
background-color: #FFFFFF;
}

**jurij7** · 29-04-2011, 18:53

dato che la classe menù lo utilizzo in tutte le pagine, mi conviene inserire nella classe no?

Discussione: menù che cambia colore

Strumenti discussione

Ricerca discussione

Visualizza

menù che cambia colore

Permessi di invio