• Résolu Création d'un onglet sur le menu


    Samedi 15 Juillet 2017 à 18:54
    Alheck69

    Bonjours, 

    J'aurais souhaité créer un onglet de couleur sur chaque bloque du menu comme sur l'exemple que j'ai réalisé vite fait, pour me faire comprendre lol he Merci de l'aide que vous m'apporterez... ou pas mdr

    exemple

    Dimanche 16 Juillet 2017 à 10:30
    Colette95

    Bonjour globulusse,

    Essaie ces codes :

    #menu a[href*="accueil"{
        backgroundred;
       }
    #menu a[href*="recent"{
        backgroundyellow;
        }
    #menu a[href*="newsletter"{
        backgroundblue;
        }
    #menu a[href*="actualites"{
        backgroundgreen;
        }
    #menu a[href*="arts-et-videos"{
        backgroundwhite;
    }

    ...

    Maintenant, tu as le fil conducteur, à toi de voir pour la suite (pas de majuscule ni d'accent et un trait d'union pour les titres composés).

    PS Ca ne fonctionne pas avec un onglet déroulant car il n'y a pas de lien. Pas trouvé de solution pour ceux-ci, peut-être que quelqu'un d'autre en aura une, sinon ce sera la couleur basique du paramètrage.

     

     

    Dimanche 16 Juillet 2017 à 22:07
    Alheck69

    Merci Beaucoup Colette c'est sympa d'avoir pris le temps de chercher une solution pour moi. Je vais tester tes codes; t'es la meilleur hecool

    Amicalement

    Lundi 17 Juillet 2017 à 13:43
    stormalo

    @Colette95 : Mon interprétation première de la demande était "un onglet au dessus des modules dans les menus latéraux

    intello J'ai bien fait de ne pas chercher à répondre dans l'instant.

     

    Lundi 17 Juillet 2017 à 19:17
    Colette95

    @stormalo : J'ai simplement supposé happy et je vois que l'idée a fait son chemin chez globulusse car il a procédé inversement en laissant les onglets apparents tels quels et en colorant le menu déroulant. 

    @globulusse : Bravo ! cool

    Lundi 17 Juillet 2017 à 21:24
    Alheck69

    Je vois que je suis bien suivi he Oui colette , notre bon Stomalo a raison c'était pas vraiment ça mais ça sert bien tu en as eut la preuve... T'as vu c'est haut en couleur !he Si Stomalo le grand voulait bien m'en dire plus sur les fameux onglets dont je parlais au début cela serait très sympa de sa part ! plus j'en sais mieux sera mon blogusse n'imbusse heclownglasses Merci à vous deux de m'apporter votre grand savoir que je mets en pratique et que j'enregistre aussi dans ma petite tête de piaf he

    Merci à vous deux coolles champions de la programmation 

    Lundi 17 Juillet 2017 à 23:11
    stormalo

    Colette95 à cette intuition commerciale qui permet de fourguer à un client autre chose que ce qu'il avait demandé. Et le client est content. he

    Perso j'ai constaté que dans le blog Daily Men's l'espace prévu pour le titre de chaque module n'est pas utilisé. Il suffit donc de mettre dans la zone titre de chaque module, l'image d'un onglet.

    Code css type pour chaque module:
    #module_menu_titrexxxxxxxxx.module_menu_titre {background-image: url(adresse de l'image) ;}

    xxxxxxxxx étant le numéro identifiant le module
    Pour ajuster les espacements c'est dans "Modifier le thème"

    c.q.f.d.

    Mardi 18 Juillet 2017 à 07:11
    Colette95

    @stormalo : MDR... mais le principal c'est qu'au final globulusse y ait trouvé son compte. he

    Bonne journée ensoleillée à vous 2. glasses

    Mardi 18 Juillet 2017 à 07:38
    stormalo

    Bonne journée aussi à tous..

     

    Mercredi 19 Juillet 2017 à 09:25
    Alheck69

    Merci mes sauveurs ! he Je vais mettre en  pratique ce que stormalo me propose... Je voulais juste savoir ou ce trouve ce fameux numéro du module qu'il faut mettre ?Je vous souhaites à tout deux aussi une très belle journée rempli de soleil et d'amour  !heglasseswink2 Amicalement

     




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.