css menu

[leo-mido]

Bonjour je voulais créer un nouveau menu en bas des deux que j'ai a droit et que ce nouveau menu aura son css spécial comment je peux faire ça?

en gro je veux pas changé tous le css mais juste pour une rubrique de mon menu par exemple

[lefabdu51]

Re : css menu

utilise un suffixe de classe de menu.
Ou sur tes liens un suffixe de lien de menu si ca ne concerne qu un ou pluieurs liens

[leo-mido]

Re : css menu

j'ai pas compris ? comment je peux le faire?

[SimonG]

Re : css menu

Bonjour,
tu peux jeter un oeil à ce tuto.

[leo-mido]

Re : css menu

c'est joomla 1.5 ça je pense non ?
moi j'ai pas les meme champs et je vois pas ou je vais ajouter la ligne div.moduletable gris dans quel fichier hmtl ?
ainsi que le code css dans quel fichier css :/

[Grand Schtroumpf]

Re : css menu

Bonjour,

c'est Joomla 1.5 ça je pense non ?

oui mais ça marche pareil en 1.7, tu as idem un paramètre "Suffixe de classe CSS dans les paramètres avancés du module de menu.

je vois pas ou je vais ajouter la ligne div.moduletable gris dans quel fichier hmtl ?

il n'y a pas de fichiers html dans Joomla.
Joomla va modifier le div du module tout seul ; par exemple si c'était un <div class="moduletable"> (dépend du style de module dans le template) ça deviendra <div class="moduletable gris">
Là ou tu dois ajouter, c'est dans le (un des) fichier CSS du template ; si tu hésites, prends le plus gros et place ton code à la fin.
Et à toi suivant ce que tu veux modifier dans ton menu de voi les styles que tu dois ajouter autour de div.moduletable gris {} et ce que dois mette dedans. Si tu as besoin d'aide là dessus, ça serais bien qu'on puisse voir le site, et bien sûr que tu expliques là où tu veux aller.

[leo-mido]

Re : css menu

j'arrive pas malheureusement
avec firebug voici le code html de mon menu

<ul class="menu">
<li class="item-500">
<a href="/index.php/2011-11-29-14-49-20">Para contactarnos</a>
</li>
<li class="item-501">
<a class=" promo" href="prices-drop.php">Promociones</a>
</li>

</ul>

Ici le 501 et 500 c'est es id des menu ce que je voudrai c'est modifier le background de item-501

j'ai essaye ton tuto dans dans les paramètre avancé de menu prmociones (id 501) j'ai met dans la case style css ' promo'



après j'ai ajouté

div.promo {
background: red;
}

dans tous les fichiers css de mon template beez_20/css

et ça marche toujours pas :/

[Grand Schtroumpf]

Re : css menu

Re,

<ul class="menu">

montre le code un peu plus haut à partir du <div clas="module...

J'ai essaye ton tuto dans dans les paramètre avancé de menu prmociones (id 501) j'ai met dans la case style css ' promo'

Vu l'image-écran tu n'es pas du tout au bon endroit. Ça ressemble à un lien de menu alors que le tuto parle bien paramètres du module de menu (gestion des modules...)

Un doute m'étreint : quand tu parles d'ajouter un menu en dessous des 2 existants, tu parle bien d'un menu (un objet joomla menu avec son module et ses éléments d emenu)ou tu parles d'ajouter un lien de menu en bas d'un menu existant ?

Parce dans ce cas cible directement le lien : .item-501{}

[leo-mido]

Re : css menu

voila le code que tu demande

<div class="moduletable_menu">
<h3>
<span class="backh">
<span class="backh2">
<span class="backh3">Este Sitio</span>
</span>
</span>
</h3>
<ul class="menu">
<li class="item-501">
<a class=" promo" href="prices-drop.php">Promociones</a>
</li>
<li class="item-500">
<a href="/index.php/2011-11-29-14-49-20">Para contactarnos</a>
</li>
</ul>
</div>
</div>

voici une image pour voir ou j'ajoute ' promo'



et voici une image de mon menu pour comprendre mieux ce que je veux faire

[Grand Schtroumpf]

Re : css menu

Re,
donc c'est bien :

dans ce cas cible directement le lien : .item-501{}

[leo-mido]

Re : css menu

j'ai déja essayé et ça marche pas :/

faut le mettre dans quel fichier css exactement?

[jisse03]

Re : css menu

Bonjour,

j'arrive pas malheureusement
avec firebug voici le code html de mon menu

<ul class="menu">
<li class="item-500">
<a href="/index.php/2011-11-29-14-49-20">Para contactarnos</a>
</li>
<li class="item-501">
<a class=" promo" href="prices-drop.php">Promociones</a>
</li>

</ul>

après j'ai ajouté

div.promo {
background: red;
}

dans tous les fichiers css de mon template beez_20/css

et ça marche toujours pas :/

L'anomalie est que <a class=" promo" href="prices-drop.php"> n'est pas une div

promo {
    background: red;
}

serait plus adapté ou

a.promo {
    background: red;
]

[leo-mido]

Re : css menu

Moi je veux pas changer que le lien mais la class item-501 :s pour changé background

[jisse03]

Re : css menu

dans ce cas, pareil, avec la classe item-501.

[leo-mido]

Re : css menu

mais la class item-501 il existe pas dans les fichiers css et j'ai tester de créer une a la fin des fichiers css de templates/beez_20/css

mais ça change rien :/