Module categoriesbar et couleur du texte des sous catégories
Started by Bliss, Jul 04 2009 03:39 PM
Boujour,
Je me sers du module categoriesbar pour afficher mes catégories sous forme de barre horizontale sur la page d’accueil.
Je souhaiterais modifier la couleur du texte du titre des sous catégories qui apparaissent dans cette barre(afin que ce soit plus compréhensible) .
Pouvez vous me dire ou je dois aller pour changer le code .J’ai essayé de trouver par moi même avec firebug mais je n’y arrive pas.
Merci d’avance
Je me sers du module categoriesbar pour afficher mes catégories sous forme de barre horizontale sur la page d’accueil.
Je souhaiterais modifier la couleur du texte du titre des sous catégories qui apparaissent dans cette barre(afin que ce soit plus compréhensible) .
Pouvez vous me dire ou je dois aller pour changer le code .J’ai essayé de trouver par moi même avec firebug mais je n’y arrive pas.
Merci d’avance
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com
www.2alpes-location-de-ski.com
Ou alors comment faire disparaitre l'affichage des sous categories ? je ne trouve pas quel fichier modifier.
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com
www.2alpes-location-de-ski.com
Si c'est le module Horizontal bar dont vous parler, une piste est de travailler sur le fichier categoriesbar/chromestyle.css
cdlt
Mat
cdlt
Mat
Merci de votre réponse.Ci dessous mon fichier chromestyle.css, quelle ligne je dois toucher pour que les sous catégories n'apparraissent plus ou alors qu'elles soit marquées de couleur différénte ?
.chromestyle{
font-weight: bold;
font-size: 10px;
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.chromestyle ul{
border: 1px solid #BBB;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
background-color: white;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
.chromestyle{
font-weight: bold;
font-size: 10px;
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.chromestyle ul{
border: 1px solid #BBB;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
background-color: white;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com
www.2alpes-location-de-ski.com
Salut,
Essayez ici :
Et changez la valeur de color.
Sinon pour supprimer les sous menu, essayé directement via l'admin de votre boutique:
admin/modules/catégories et mettre les niveaux à 0
v++
Atch
Essayez ici :
.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}Et changez la valeur de color.
Sinon pour supprimer les sous menu, essayé directement via l'admin de votre boutique:
admin/modules/catégories et mettre les niveaux à 0
v++
Atch
Je viens d'essayer mais ça modifie la couleur de toutes les categories et sous catégories.Je me sers du module Horizontal Navigation Bar Module v0.5 (categories bar).
JE ne peux pas choisir le nombre de niveau d'affichage des sous categories (pour que les sous categories ne s'affichent pas) dans le module categorie car je ne me sers pas de ce module.
As tu une autre idée ? Merci
JE ne peux pas choisir le nombre de niveau d'affichage des sous categories (pour que les sous categories ne s'affichent pas) dans le module categorie car je ne me sers pas de ce module.
As tu une autre idée ? Merci
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com
www.2alpes-location-de-ski.com
From 1247207184:
Je viens d'essayer mais ça modifie la couleur de toutes les categories et sous catégories.Je me sers du module Horizontal Navigation Bar Module v0.5 (categories bar).
JE ne peux pas choisir le nombre de niveau d'affichage des sous categories (pour que les sous categories ne s'affichent pas) dans le module categorie car je ne me sers pas de ce module.
As tu une autre idée ? Merci
JE ne peux pas choisir le nombre de niveau d'affichage des sous categories (pour que les sous categories ne s'affichent pas) dans le module categorie car je ne me sers pas de ce module.
As tu une autre idée ? Merci
J'utilise pas ce module, je ne connais pas, de ce que j'ai pu voir, il utilise de base le module catégorie "Presta" pour l'affichage, donc, regarde s'il n'y a pas l'option niveau dans le module categories bar.
As tu un lien sinon pour visualiser en direct.
V++
Atch
Ok, je vois pour la couleur, je vais au plus simple.
Supprimes color: #494949; dans
Tu hérites ainsi de la couleur la la balise génerale du site
ensuite pour changer la couleur des sous catégories, il te faut aller dans le Div des sous catégories.
et tu changes la valeur black.
maintenant on peut allez plus loin, mais si déjà ça, ça te convient...
V++
Atch
Supprimes color: #494949; dans
.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
} Tu hérites ainsi de la couleur la la balise génerale du site
ensuite pour changer la couleur des sous catégories, il te faut aller dans le Div des sous catégories.
dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}et tu changes la valeur black.
maintenant on peut allez plus loin, mais si déjà ça, ça te convient...
V++
Atch
Merci beaucoup.L'idéal pour moi serait que les sous catégories n'apparaissent pas ,est ce que tu sais faire ?
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com
www.2alpes-location-de-ski.com
J'vais encore au plus rapide :
Supprimes l'appel du javascript qui permet de drop down qui doit se trouver dans le TPL de ton bloc catégorie.
V++
Atch
Supprimes l'appel du javascript qui permet de drop down qui doit se trouver dans le TPL de ton bloc catégorie.
V++
Atch
Désolée d'abuser de ta patience mais là j'ai pas tout compris .
Comment est ce que je dois faire pour supprimer l’appel du javascript ?
Comment est ce que je dois faire pour supprimer l’appel du javascript ?
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com
www.2alpes-location-de-ski.com
dans le fichiers catégoriesmachintyruc.tpl tu vires les portions de codes avec [removed][removed].
Atch
Atch
ca c'est mon fichier categoriesbar.tpl
<link href="./modules/categoriesbar/chromestyle.css" rel="stylesheet" type="text/css" media="all" />
[removed][removed]
<!-- Categories Bar module -->
<!-- /Categories Bar module -->
[removed]cssdropdown.startchrome("chromemenu")[removed]
et ca c'est mon fichier category-bar-level.tpl
{$node.name|escape:htmlall:'UTF-8'}
je ne vois pas de [removed] ????
<link href="./modules/categoriesbar/chromestyle.css" rel="stylesheet" type="text/css" media="all" />
[removed][removed]
<!-- Categories Bar module -->
<!-- /Categories Bar module -->
[removed]cssdropdown.startchrome("chromemenu")[removed]
et ca c'est mon fichier category-bar-level.tpl
{$node.name|escape:htmlall:'UTF-8'}
je ne vois pas de [removed] ????
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com
www.2alpes-location-de-ski.com
Comment tu as fait ??? dans le fichier que je t'ai copié il n'y a pas de [removed ] ??
Je dois enlever:
<link href=”./modules/categoriesbar/chromestyle.css” rel=“stylesheet” type=“text/css” media=“all” />
[removed][removed]
et
[removed]cssdropdown.startchrome(“chromemenu”)[removed]
Je dois enlever:
<link href=”./modules/categoriesbar/chromestyle.css” rel=“stylesheet” type=“text/css” media=“all” />
[removed][removed]
et
[removed]cssdropdown.startchrome(“chromemenu”)[removed]
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com
www.2alpes-location-de-ski.com
En fait je voudrais que seul les sous catégories apparraissent .Celles que je ne veux pas voir ce sont les sous catégories des sous catégories . Est que tu crois que c'est toujours possible ?
quand j'ai essayé de changer les couleurs c'est toutes les sous categories et les sous categories des sous categories qui changent de couleur.
quand j'ai essayé de changer les couleurs c'est toutes les sous categories et les sous categories des sous categories qui changent de couleur.
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com
www.2alpes-location-de-ski.com
From 1247211728:
Comment tu as fait ??? dans le fichier que je t'ai copié il n'y a pas de [removed ] ??
Je dois enlever:
<link href=”./modules/categoriesbar/chromestyle.css” rel=“stylesheet” type=“text/css” media=“all” />
[removed][removed]
et
[removed]cssdropdown.startchrome(“chromemenu”)[removed]
Je dois enlever:
<link href=”./modules/categoriesbar/chromestyle.css” rel=“stylesheet” type=“text/css” media=“all” />
[removed][removed]
et
[removed]cssdropdown.startchrome(“chromemenu”)[removed]
J'ai rien fait lol.
C'est le forum qui supprime tous les codes de scripts et remplace par removed.
Oui supprimes sauf
<link href=”./modules/categoriesbar/chromestyle.css” rel=“stylesheet” type=“text/css” media=“all” />
c'est ta feuille de style du menu, gardes la.
V++
Atch
From 1247212354:
En fait je voudrais que seul les sous catégories apparraissent .Celles que je ne veux pas voir ce sont les sous catégories des sous catégories . Est que tu crois que c'est toujours possible ?
quand j'ai essayé de changer les couleurs c'est toutes les sous categories et les sous categories des sous categories qui changent de couleur.
quand j'ai essayé de changer les couleurs c'est toutes les sous categories et les sous categories des sous categories qui changent de couleur.
T'es sure qu'il n'y a pas une configuration de sous niveau dans ton module categoriesbar ??? car cette option sert à ça.
Edit : ok je ne voyais pas de sous catégories de niveau2 , mais elles s'affichent sous les sous catégorie de niveau 1.
T'aurais pas un bug quelque part, car elles ne devraient pas s'afficher avant le survol de la souris et elles devraient se positionner à droite de la colonne.
regarde mon menu : http://accrogolf.fr/
V++
Atch
C'est exactement comme ca que je voudrais que mes sous catégories de niveau 2 s'affiche .Tu utilises le même module que moi pour "accrogolf.fr ?
Dans mon module il n'y a aucune configuration pour les sous menus.
Dans mon module il n'y a aucune configuration pour les sous menus.
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com
www.2alpes-location-de-ski.com




Back to top









