[RÉGLÉ] modifier le css d'un seul onglet dans le menu principal

[jacky36]

Bjr

Je débute sur J2.5 , et je ne vois pas comment modifier le css d'un seul onglet du menu principal ?

Je vois bien Paramètres du type de liens dans la Gestion des menus : Modifier un lien de menu , mais que mettre dans le champ "style css du lien" et ensuite comment appeler cela dans mon css et / ou y'a t-il autre chose à faire ?

Merci


voici le css de ce menu affiché horizontalement


.moduletable_menu ul { padding:0;margin:0;list-style:none; }
.moduletable_menu li { float:left;}
.moduletable_menu li a { float:left; display:block;margin-left:5px; width:98px!important; padding-left:11px; padding-right:11px; text-align:center;text-decoration:none; font-size:13px; color:#ffffff; height:30px; background : url(../images/btmenu1.jpg);line-height:14px; }
.moduletable_menu a:hover {color:#496650;background : url(../images/btmenu2.jpg); }
.moduletable_menu li.active a {color:#ffffff; background : url(../images/btmenu2.jpg); }


Voici le lien du site en développement

[dd17]

Re : modifier le css d'un seul onglet dans le menu principal

Salut,

Pour modifier un de tes onglets, en regardant dans Firebug, on peut voir que chaque onglet a une classe différente.

Il te suffit d'insérer une nouvelle règle CSS qui fait appelle à un li et sa classe. Elle peut être ajoutée dans le même fichier que le menu.

Dans l'ordre voici les classes de tes liens principaux :

Accueil : item-435 current active

Présentation de l'entreprise : item-468

Formulaire de contact : item-469

Plan de localisation : item-470

Vente de pièces détachées : item-471

En espérant t'avoir aidé.

EDIT : Moins compliqué et plus reconnaissable, tu mets le nom que tu veux donner à la classe CSS dans le champs style de lien comme tu as dit, puis tu y fais appel dans le fichier css du menu.

[jacky36]

Re : modifier le css d'un seul onglet dans le menu principal

Merci de ta réponse

Mais je peux faire ça dans le CSS ? Dans le html , je vois , mais pour le css comment appelé la classe ? Merci

Salut,

Pour modifier un de tes onglets, en regardant dans Firebug, on peut voir que chaque onglet a une classe différente.

Il te suffit d'insérer une nouvelle règle CSS qui fait appelle à un li et sa classe. Elle peut être ajoutée dans le même fichier que le menu.

Dans l'ordre voici les classes de tes liens principaux :

Accueil : item-435 current active

Présentation de l'entreprise : item-468

Formulaire de contact : item-469

Plan de localisation : item-470

Vente de pièces détachées : item-471

En espérant t'avoir aidé.

[dd17]

Re : modifier le css d'un seul onglet dans le menu principal

Salut,

EDIT : Moins compliqué et plus reconnaissable, tu mets le nom que tu veux donner à la classe CSS dans le champs style de lien comme tu as dit, puis tu y fais appel dans le fichier css du menu.

Et bien pour l'appeler, il te suffit de prendre le nom que tu aurais entré dans le champs style css.

Exemple :

li.item-468 a {
color: red;
}

[jacky36]

Re : modifier le css d'un seul onglet dans le menu principal

c'est ok ! merci bcp bonne journée

[toffffe]

Re : modifier le css d'un seul onglet dans le menu principal

Bonjour, merci à l'avenir de passer votre message en "réglé" http://forum.joomla.fr/announcement.php?f=176