modification bloc top menu

[dln]

Bonjour,

 

j'essaie de personnaliser un peu le menu de mon site sous prestashop 1.6.5

 

lors du survol du menu, la boite avec les sous-catégories apparait.

 

C'est cette boite que je voudrais personnalisé.  

 

J'ai donc mon menu avec les catégories. A chaque catégorie, j'ai mis une bordure sur le bas de différentes couleurs lorsque l'on survol le menu . Pour cela j'ai utilisé du css dans le superfish modified

 

j'ai utilisé cette astuce (si c'en est une!):

.sf-menu > li.sfHover:first-child > a {
	border-bottom: 3px solid black;}

puis 

.sf-menu > li.sfHover:nth-child(2) > a {
	border-bottom: 3px solid blue;}

pour les catégories suivantes.

 

Ce que je voudrais c'est encadré la boite des sous-menus avec la même couleur que le border-bottom.

 

Le problème c'est autant on peut différencier les catégories avec les first-child et compagnies, 

autant la boite qui s'affiche au survol de la catégorie dépend toutes de:

<ul class="submenu-container clearfix" style="display: none;">

Je ne sais pas si je suis bien clair.

 

Comment encadré la boite qui apparait au survol de chaque catégorie avec une couleur différente?

 

merci à ceux qui prendront le temps de m'aider

[julesruru]

Bonjour,

 

Je pense que le plus simple serai de créer une classe différente pour chaque sous catégorie. 
Comme ça tu peut les modifier une à une dans ton css.

A confirmer.

Cordialement.

[dln]

merci de ton aide julesruru

 

tu est sûr que cela dépend des sous catégories?

 

moi je parle d'encadrer la boite qui apparaît, contenant justement les sous-menus.

 

Pour moi c'est la même boite qui s'affiche pour chaque catégorie, qui varie en fonction de ce qu'elle contient, non?

 

Je pense que c'est la balise ul qu'il faille personnalisée et les sous catégories ce sont les li 

 

mais peut-être que je me trompe.

 

De toute façon comment personnaliser des ul ou li? Dans quel fichier?

 

Autant j'arrive à personnaliser quand c'est du html mais je suis 0 en syntaxe de fichier .tpl ou .php

 

quel fichier détermine cette class: submenu-container clearfix

[julesruru]

Je ne suis pas expert j'essaie de t'aider parce que je vois que personne ne le fait mais je ne dit pas que je vais résoudre ton problème en 2 posts  .

 

A ta question "quel fichier détermine cette class: submenu-container clearfix" je répondrai que cela correspond aux catégories de ton block top, ou autres, tout dépend de ce qui est écrit avant. Clearfix désignant les catégories. 

Si tu modifies clearfix dans ton global.css tu modifieras les catégories de ton menu (encore faut-il que tu le trouve, pour cela si tu utilises google chrome appuie sur F12 et clic sur la loupe en haut à gauche, sélectionne ton menu sur ton site et tu verras le css de ton menu(Je ne connais pas ton niveau tu connais peut-etre ceci depuis 10 ans..  )).

 

Est-ce qu'on peut voir ton site ou bien est-il en local ?

 

Et oui tu peut modifier le css de ul, li ou encore <a> 

Exemple :

 

ul {
padding:0;
}
li {
margin-left:2px;
float:left; /*pour IE*/
}
ul li a {
display:block;
float:left;
width:100px;
background-color:#6495ED;
}
ul li a:hover {
background-color:#D3D3D3;
border-color:#696969 #DCDCDC #DCDCDC #696969;
} 

 

Il suffit de les modifier dans le fichier css de ton menu : CSS/blocktopmenu ? 

 

Excuse moi j'avais pas comprit sous-catégorie dans le bon sens, je pensais que tu avais mit des vraies sous-catégories crées au préalable dans le Backoffice. 

 

Cordialement. 

Edited December 4, 2014 by julesruru (see edit history)

[dln]

c'est tout a ton honneur de m'aider

 

Des images valant mieux que des mots voilà ce que je souhaite faire:

 

 

le lien si cela ne marche pas: http://hpics.li/6b5757b

 

On voit un trait de couleur bleu dans la deuxième case de mon menu. Couleur différente pour chaques items du menu.

ce que je souhaite c'est entourer la boite qui apparaît au survol du menu (qui contient les sous-catégories) avec la même couleur comme sur la photo. 

 

je ne vois pas comment y arriver!

 

[Baba deCode]

bonjour, c'a à l' air d'être du CSS, il faut inspecter l'element avec ton navigateur chrome ou firefox, faire les modifs, si tu tombes sur un display:none, tu le changes en display:block; ensuite tu fait les modifs dans le fichiers css correspondant

[julesruru]

Essaie de créer une classe dans ton <ul> de tes sous catégories (<ul class="exemple">) et assigne lui dans le CSS un "border: 2px solid blue". Je pense

[PixGeek]

Salut,

 

moi je cherche a mettre les miniatures comme sous les produits d'une catégorie(menu_1 vers menu_2) et aussi pour chaque boite , pouvoir mettre une image en background au lieu d'avoir ce blanc impersonnel.(image_3)

 

Vous pouvez m'aider? je suis sous PS1.6.0.14

 

MERCI

 

http://sensualitytude.com

[PixGeek]

Personne ?

[julesruru]

Ta question n'est pas très clair, essaie d'ouvrir un nouveau sujet avec plus de précisions sur ce que tu cherches parce que j'ai du mal à voir ce que tu cherches à faire.

 

Je vois également que ton prestataire assure une maintenance à vie gratuite, pourquoi ne pas les appeler directement ?

Edited March 23, 2015 by julesruru (see edit history)