[RISOLTO] highlite voce attiva menų verticale

[francus]

Salve vi seguo da un po' per cercare di muovere i primi passi e di solito me la cavo con il search ma stavolta non č sufficiente pare ... il mio quesito č:
supponiamo di pubblicare un menu verticale che si apre ad almeno tre livelli. Semplice testo senza altri fronzoli.
Come ottenere l'effetto che la voce attiva e solo quella abbia una colorazione diversa ?
Ho provato tanti css diversi ed il massimo che ho ottenuto č che la voce si colora si diversamente, ma assieme a tutto il gruppo figlio che si apre.
Invece l'effetto che vorrei č che prenda una colororazione diversa solo la voce di menų attiva anche se appartenente ad sottomenų. 
Qualcuno puō direzionarmi verso un articolo che tratta la questione "ul li active ecc ecc" in modo che uno scarso come me possa capire ? ciao e grazie in anticipo

[conti1]

ciao francus e benvenuto nel forum

allora da quel chiedi e di avere un colore diverso nel menu quando e attivo giusto?
se si non vedo dové il problema  quasi tutti i template quando la voce del menu e attiva cambia colore.
si deve agire nel css x cambiare il colore .

devi cercare il punto giusto del css questo e un css del menu attivo con cambio colore del testo

Codice: [Seleziona]

#leftcolumn div.module_menu li.active a {
background-color:#EBE9EE;
border-color:red;
border-left:4px solid red;
border-width:4px;
color:red;
}

[francus]

Grazie conti ... avevo giā utilizzato questa regola ma non č l'effetto che cerco.
Immagina che io abbia una voce AUTOMOBILI e come sottomenu FIAT e come sotto-sotto menu CINQUECENTO.
se clicco su cinquecento le voci automobili e fiat non devono essere evidenziate. mentre con il comando che mi hai scritto ahimč si evidenzia tutto il gruppo aperto .... continuo la ricerca studiando il menu verticale di qualche template che si comporta come voglio (e ce ne sono)
ciao e grazie ancora!

[francus]

alla fine ho risolto e per eventuali altri frequentatori che avessero lo stesso problema posto la parte di codice che mi ha fatto svoltare. in questo modo viene evidenziata solo ed esclusivamente la voce attiva.


/*style for vertical menu*/

ul.menu li li{
   padding-left:5px;
}
ul.menu li a, ul.menu li#current.active li a, a.mainlevel{
padding:0px 0 0px 11px;
   background-image: url('../images/BlockContentBullets.png');
   background-repeat:no-repeat;
   margin:0.5em 0 0.5em 0;
   line-height:1.2em;
   text-decoration:underline;
}
div.BlockContent-body ul.menu li a,div.BlockContent-body ul.menu li#current.active li a{
   color: #3399CC;
}
ul.menu li.active li{
    color:#33CC00;
   margin:0;
   width:auto;
}
ul.menu li#current.active a, a#active_menu
{
   color: #FF9900;
}

/*end vertical menu*/

ciao e grazie ancora

[shade971]

Ciao, ho il tuo stesso problema che a quanto hai vedo risolto.
Dato che non mastico molto i css, sapresti come posso fare per ottenere lo stesso effetto con questo css?

Grazie infinite.

------------------------------------

#s5_accordion_menu {
   margin-top:10px;
   margin-bottom:0px;
   margin-right:0px;
   
   margin-left:0px;
}

#s5_accordion_menu h3.s5_am_toggler {
   cursor: pointer;
   font-size: 12px;
   background: #ffffff url(../images/s5_accordion_menu_back.png) left no-repeat;
   color: #528CE0;
   height:29px;
   line-height:30px;
   border-left:1px solid #CCCCCC;
   border-right:1px solid #CCCCCC;
   margin:0 0 4px;
   padding-left:24px;   }
   
   * html #s5_accordion_menu h3.s5_am_toggler {
      padding-bottom:0px;}
   
   
#s5_accordion_menu h3.s5_am_open {
   background: #ffffff url(../images/s5_accordion_menu_back_act.png) left no-repeat;}
   
#s5_accordion_menu h3.s5_am_toggler div {
   height:23px;
   margin:0px;
   padding:0px;   }

#s5_accordion_menu h3.s5_am_toggler a.mainlevel {   
   background:none;
   line-height:30px;
   width:auto;
   display:inline;
   border:none;
   padding:0px;
   margin:0px;   }
   

div.s5_accordion_menu_element li {   
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   padding-left:25px;   }
   
div.s5_accordion_menu_element li a {   
   font-size:11px;   }
   
   * html div.s5_accordion_menu_element li a {   
      width:75%;}
   
ul.s5_am_innermenu {
   margin-bottom:5px;
   padding-left:0px;
   margin-left:0px;
   margin-top:0px;   }
   
   ul.s5_am_innermenu ul.s5_am_innermenu {
      padding-left:26px;}

#s5_accordion_menu h3 span img {
   padding-top:7px;
   padding-right:8px;}

------------------------------------