Selettore menų della pagina in cui ci si trova

[dagh]

Salve a tutti,
sto creando un menų con l'ottimo modulo djmenų ma ho commesso qualche errore e adesso sia lo stato active (per intenderci quando si passa sopra con la freccetta) sia la pagina in cui mi trovo hanno lo stesso colore..qual'č il selettore che indica la pagina selezionata?? Ho provato a modifocare active ma modifica tutto.

[webdesigneritalia]

Ciao,
probabilmente ha modificato i dati nel css relativo alla navigazione.
Guarda nel foglio css relativo al  layout del tepmlate in uso ed esegui li le modifiche.
Certamente dovrai fare diverse prove....ma ci riuscirai.
Sappimi dire...
ciao
Marco

[dagh]

Si infatti ho stavo modificando proprio il css...cambiando questa parte:

Codice: [Seleziona]

.dj-main li:hover ul.dj-submenu li a:hover, .dj-main li ul.dj-submenu li a.active, .dj-main li ul.dj-submenu li li a.active, .dj-main li ul.dj-submenu li li li a.active {
    background: #3f96a9;
    color: #fff;
    border-color: #fff;
    border-radius: 5px;
  -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */
}
Cambia la visualizzazione di tutto il colore mentre io vorrei cambiare solo il colore del background della voce di menų in cui in quel momento mi trovo...sono quasi sicuro che sia qualcosa come :visited ma non ne sono certo..qualche consiglio?

Questo č tutto il css:

Codice: [Seleziona]

.dj-main {
    padding: 0;
    margin-right: 7px;
    list-style: none;
    height: 35px;
   
    position: relative;
    z-index: 500;
   
    width: auto;
}

.dj-main li.dj-up {
    position: relative;
    display: block;
    float: left;
}

.dj-main li a.dj-up_a {
    display: block;
    float: left;
    height: 35px;
    line-height: 33px;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 0 15px;
    cursor: pointer;
   
}

.dj-main li a.dj-up_a span {
    float: left;
    display: block;
    padding: 0 15px 0 0;
    height: 35px;
   
}

.dj-main li a.dj-up_a span.dj-drop {
    padding: 0 25px 0 0;
   
}

.dj-main li:hover a.dj-up_a, .dj-main li.active a.dj-up_a {
    color: white;
 
}

.dj-main li:hover a.dj-up_a span, .dj-main li.active a.dj-up_a span {
 
}

.dj-main li:hover a.dj-up_a span.dj-drop, .dj-main li.active a.dj-up_a span.dj-drop {
   
    padding-bottom: 3px;
}

.dj-main li.separator > a {
    cursor: default;
}

.dj-main li a.dj-up_a span span.image-title {
    background: none;
    padding: 0 0 0 5px;
    display: inline;
    float: none;
    height: auto;
}
.dj-main img {
    border: 0;
    margin: 0;
}

/* Default list styling */
.dj-main li:hover {
    position: relative;
    z-index: 200;
}

.dj-main li:hover ul.dj-submenu {
    left: 1px;
    top: 35px;
    background: #50b5d0;
    padding: 3px;
 color: #fff;
    width: 190px;
    height: auto;
    z-index: 300;
    border-radius: 5px;
  -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */
}

.dj-main li:hover ul.dj-submenu li {
    display: block;
    height: auto;
    position: relative;
    float: left;
    width: 190px;
    font-weight: normal;
    color: #fff;
}

.dj-main li:hover ul.dj-submenu li a {
    display: block;
    font-size: 15px;
    height: auto;
    width: 183px;
    line-height: 18px;
    text-decoration: none;
 color: #fff;
    padding-left: 5px;
}

.dj-main li ul.dj-submenu li a.dj-more {
    background: #50b5d0 url(../images/arrow.gif) 180px 6px no-repeat;
}

.dj-main li:hover ul.dj-submenu li a:hover, .dj-main li ul.dj-submenu li a.active, .dj-main li ul.dj-submenu li li a.active, .dj-main li ul.dj-submenu li li li a.active {
    background: #3f96a9;
    color: #fff;
    border-color: #fff;
    border-radius: 5px;
  -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */
}

.dj-main li:hover ul.dj-submenu li a.dj-more:hover {
    background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
    color: #fff;
}

.dj-main li:hover ul.dj-submenu li a.dj-more-active {
    background: #3f96a9  url(../images/arrow_over.gif) 180px 6px no-repeat;
    color: #fff;
}

.dj-main li:hover ul.dj-submenu li a.dj-more-active:hover {
    border-color: #fff;
    background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
}

.dj-main li:hover li:hover ul, .dj-main li:hover li:hover li:hover ul, .dj-main li:hover li:hover li:hover li:hover ul, .dj-main li:hover li:hover li:hover li:hover li:hover ul {
    left: 190px;
    top: -4px;
    background: #50b5d0;
    padding: -30px;
    border-radius: 5px;
  -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */
    white-space: nowrap;
    width: 190px;
    z-index: 400;
    height: auto;
}

.dj-main ul, .dj-main li:hover ul ul, .dj-main li:hover li:hover ul ul, .dj-main li:hover li:hover li:hover ul ul, .dj-main li:hover li:hover li:hover li:hover ul ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dj-main li:hover li:hover a.dj-more, .dj-main li:hover li:hover li:hover a.dj-more, .dj-main li:hover li:hover li:hover li:hover a.dj-more, .dj-main li:hover li:hover li:hover li:hover li:hover a.dj-more {
    background: #3f96a9 url(../images/arrow_over.gif) 180px 6px no-repeat;
    color: #fff;
    border-color: #fff;
}

.dj-main li:hover li:hover li a.dj-more, .dj-main li:hover li:hover li:hover li a.dj-more, .dj-main li:hover li:hover li:hover li:hover li a.dj-more {
    background: #50b5d0 url(../images/arrow.gif) 180px 6px no-repeat;
    color: #000;
    border-color: #50b5d0;
}


[webdesigneritalia]

Preparati con una forte dose di pazienza...
ci sono una marea di opzioni nella navigazione....si tratta di beccare quella giusta..!!
Io ci ho sudato un giorno intero....
ad ogni modo guarda anche non solo visited ma tutte le opzioni a:link,  a:hover, ecc
č una combinazione....si tratta solo di trovarla
 

[adottauncane]

Ciao dagh,
un link al sito sarebbe pių utile...