Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : tascio 18 Jan 2011, 18:14:25

: modificare css voci di menù
: tascio 18 Jan 2011, 18:14:25

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.

: Re:modificare css voci di menù
: adottauncane 18 Jan 2011, 18:20:38

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...

: Re:modificare css voci di menù
: Leftie 18 Jan 2011, 18:28:56

: adottauncane  18 Jan 2011, 18:20:38

(...) 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  ;)

: Re:modificare css voci di menù
: adottauncane 18 Jan 2011, 18:38:56

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

: Re:modificare css voci di menù
: Leftie 18 Jan 2011, 18:56:32

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

: Re:modificare css voci di menù
: tascio 19 Jan 2011, 08:16:46

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

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

: Re:modificare css voci di menù
: adottauncane 19 Jan 2011, 10:50:15

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

:

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:

:

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;
}

: Re:modificare css voci di menù
: tascio 20 Jan 2011, 09:01:43

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

: Re:modificare css voci di menù
: adottauncane 20 Jan 2011, 10:09:21

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

:

.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;
}