Jump to content

comment changer la couleur de mes categories avec le module Horizontal Navigation Bar Module v0.5


GAELLE

Recommended Posts

Bonjour

Je souhaiterai changer la couleur de mes categories avec le module Horizontal Navigation Bar Module v0.5
En ce moment ca donne ca :
www.gueule-damour.com

Je voudrai que les cadres blancs soient des couleurs bleus et au survol deviennent blanc (l'inverse !)
j'ai essayé de modifier mon fichier chromestyle.css mais jarrive seulement a changer la coueur de la police et non les cadres...voila si quelqu'un pouvait m'aider ! ?
Merci beaucoup.

Link to comment
Share on other sites

Bonjour

Dans categoriebar le fichier chromestyle.css
Il y a deux images qui donnent la couleur grise métallique chromebg.gif et chromebg-over.gif
Quand on passe dessus apparait chromebg-over.gif à la place de chromebg.gif

Pour mettre en bleu et que après ça deviens blanc il suffit de mettre chromebg.gif en bleu ou alors de créer une même image en bleu de l'appeler chrombgblue.gif, de modifier le nom dans chromestyle.css
ligne 17 (dans topsstyle lite) pour chromebg.gif
ligne 35 pour chromebg-over.gif ou alors au lieu de mettre background: url/chromebg-over.gif voir avec background-color et de mettre une couleur à la place d'image,
ces images sont légères 4 ko et 50 pixels de haut et 2 de large et la deuxième background-over 50 pixels de haut et 3 de large même poids.

Et le tour est joué, soit on mets de couleurs soit des images en couleur, suffit de le afficher dans gimp par exemples 400 ou 800% pour bien les distinguer. Pour la flèche idem ou mettre une flèche differente.

Garder le nom des images ou si nom différent dans le css les modifier avec le nouveau nom.

Aller au boulot :-)

Link to comment
Share on other sites

  • 1 month later...

Bonjour

C'est plus compliqué que de changer le fond de la barre, les onglets se construise au fur et à mesure qu'on ajoute une catégorie ou une branche, pour changer la couleur sans le fonds et onglet par onglet, il faudrait mettre la couleur au li.

background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;


background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/


Comme écris ici le theme se change à ces deux lignes mais c'est pour toute la barre.
donc ce qu'il faudrait c'est autant de li que d'onglet et là il y a que une fois ul et li.
Je sais pas si la categoriebar est prévu pour personnaliser chaque couleur, mais si ce que je pense est juste vaut mieux faire un menu en css sur le style de cette barre.

Dans le cas ou la couleur peut rester la même avec ou sans la souris passe dessus, ce sera plus simple de faire une image de fond avec une couleur de la largeur des onglets et là si les onglets garde la même largeur.

Si d'autres spécialistes de plus haut niveau que moi, pourront peut-être donné une solution. des barres on peut en faire de multiple manière, sauf que celui là il chargent tout seul les catégories quand elles sont créer dans prestashop.

A voir, absolument cette barre ?
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...