modificare css voci di menù

[tascio]

Salve ragazzi, vorrei fare in modo che ogni volta che un utente si collega al sito e clicca su una voce di menù questa resti poi evidenziata perchè visitata, un pò come si fa con i link, ma non riesco a trovare la voce nel file css del template, ho provato a modificare quasi tutte le voce visited: 33333 con altri numeri per vedere se beccavo quella giusta, il menù che sto utilizzando è quello base di joomla 1.5.

[adottauncane]

Ciao tascio,
per cercare un css utilizza Firebug per Firefox... andare a caso è un po' lungo... 
Poi non è detto che abbia già il css visited, la voce di menù... se posti un link al tuo sito è meglio...

[Leftie]

(...) Poi non è detto che abbia già il css visited, la voce di menù... se posti un link al tuo sito è meglio...

Oppure, come nel mio caso, lo stato è active non visited 

[adottauncane]

Se vuole che rimanga evidenziata la voce che ha cliccato. Se invece vuole che rimangano evidenziate le voci già visitate è visited... 

[Leftie]

Ah ok tutte quelle visitate durante la navigazione... avevo inteso "visitata" nel senso di quella attiva al momento 

[tascio]

http://www.itnetct.com/orsascuolauniversita.eu/

nn badate alla doppia zz in organizaZZione... quell'immagine nn l'ho fatta io.... 

[adottauncane]

Alla riga:
template_css.css (riga 363) trovi questo css:

Codice: [Seleziona]

ul.menu a:link, ul.menu a:visited {
    background: url("../images/menu_bg.png") no-repeat scroll left top transparent;
    color: #777777;
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    margin-left: 4px;
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    width: 145px;
}template_css.css (riga 363)

devi dividerlo in due e sostituire con questo, tutto il css sopra:

Codice: [Seleziona]

ul.menu a:link {
    background: url("../images/menu_bg.png") no-repeat scroll left top transparent;
    color: #777777;
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    margin-left: 4px;
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    width: 145px;
}

ul.menu a:visited {
    background: url("../images/menu_bg.png") no-repeat scroll left top transparent;
    color: #000; <---------- qui metti il colore per i visitati
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    margin-left: 4px;
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    width: 145px;
}

[tascio]

ho fatto come hai detto ma continua a non cambiarmi il colore... che poi sta cosa secondo me è pure inutile  xò la vogliono fatta 

[adottauncane]

Non funziona perché adesso hai un altro tipo di menù da prima... 
Aggiungi questo nel file menu.min.css:

Codice: [Seleziona]

.ux-menu a:visited {
    background: url("images/menu-item-bg.png") repeat scroll 0 0 #F3EFEC;
    border-bottom: 1px solid #E3DAD1;
    border-left: 1px solid #E3DAD1;
    border-top: 1px solid #E3DAD1;
    color: red;     <--- qui metti il colore che vuoi
    display: block;
    font-size: 12px;
    line-height: 12px;
    padding: 10px 14px;
    position: relative;
    text-decoration: none;
}