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

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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
    Dernière édition par toffffe à 13/11/2012, 12h51

  • #2
    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.
    Dernière édition par dd17 à 13/11/2012, 11h58
    ERROR 404 - File not found

    Commentaire


    • #3
      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

      Envoyé par dd17 Voir le message
      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é.

      Commentaire


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

        Envoyé par dd17 Voir le message
        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;
        }
        Dernière édition par dd17 à 13/11/2012, 12h12
        ERROR 404 - File not found

        Commentaire


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

          c'est ok ! merci bcp bonne journée

          Commentaire


          • #6
            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
            Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

            Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X