modifier bouton du menu

[vanessa10430]

Bonjour tout le monde!

Me revoilà pour un nouveau souci!

Je souhaite modifier l'apparence du menu vertical.

Je voudrais que chaque catégories apparaissent comme un bouton.

Alors, j'y arrive grande novice que je suis, mais je ne suis pas du tout sûre que ce soit très catholique comme méthode...

J'ai fait les modif dans blockcatcetegories.css, mais le souci c'est que les modifs se font aussi pour les sous-catégories. J'ai remédié au problème mais me semble pas très "clean".

Est-ce bien comme cà qu'il faut faire, ou y-a-t-il une autre méthode?? par global.css peut-être??

Merci pour votre aide!

 

voila la page de code avec en bleu ce que j'ai ajouté:

 

#categories_block_left li

#categories_block_left li.last { border:none}

#categories_block_left li a {

border-style:outset;

border-radius:10px 10px 10px 10px;

background : none repeat scroll 0 0 #383838;

display:block;

padding:11px 11px;

color:white;

font-size:12px;

font-weight:bold;

text-shadow:0 1px 0 #000000;

text-transform:uppercase;

text-align:center;

margin:10px;

}

 

#categories_block_left li ul {margin-left:40px}

#categories_block_left li ul li {border:none}

#categories_block_left li ul li a {

border-style:none;

background:none;

padding-left:0;

 

}

 

#categories_block_left li .OPEN,

#categories_block_left li .CLOSE {

display:block;

float:right;

margin:10px 10px 0;

height:9px;

width:9px;

background:url(../../../img/icon/open-close.png) no-repeat 0 -9px;

cursor:pointer

}

#categories_block_left li .CLOSE {background-position:0 0}

 

 

/* footer */

.blockcategories_footer {

padding:15px 10px;

}

.blockcategories_footer ul ul {display:none !important}