Bordure de couleur différente pour chaque onglet du menu

[Noxulen]

Bonjour tout le monde !

 

Je modifie les styles CSS du menu horizontal du thème par défaut de Prestashop. J'ai besoin d'avoir une bordure inférieure d'une couleur différente pour chaque onglet.

 

J'ai pensé à ajouter une classe pour chaque onglet. Mais je ne trouve pas le code HTML du menu. J'ai jeté un coup d’œil dans le fichier blocktopmenu.tpl mais je n'ai pas trouvé le menu sauf une variable {$MENU}.

 

Pouvez-vous m'expliquer comment je dois faire ?

Merci d'avance.

[Noxulen]

C'est bien la version 2.1.1. Mais où se trouve le fichier blocktopmenu.php ?

[Noxulen]

$html .= '<li'.(($this->page_name == 'category'
      && (int)Tools::getValue('id_category') == (int)$category['id_category']) ? ' class="sfHoverForce"' : '').'>';
$html .= '<a class="a-borderBottom" href="'.$link.'" title="'.$category['name'].'">'.$category['name'].'</a>';

J'ai ajouté la classe "a-borderBottom" et modifier le code CSS de mon fichier pour ajouter un border-bottom: solid 4px blue mais rien ne change.

[Noxulen]

Malheureusement non car il est en local.

[Ariane Web et Plus]

Il me semble que la ça va rajouter la même class à tous les onglets, hors vous voulez les différencier. Il faudrait mieux rajouter une class avec l'id par exemple.

 

Une autre façon est de cibler directement l'onglet à partir de son lien avec l'id ou le nom :

 

a[href*=contenue dans le lien]{border-bottom: solid 4px blue;}