Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] Menu horizontal
  • Bonjour,

    Je suis sur le thème Magasine, et je voudrais mettre toutes mes catégories dans le menu horizontal, sauf qu'il n'y a pas assez de sous menu, juste 3. je voudrais mettre "recette" en menu 1 par exemple a coté de accueil et contact, et dans le menu 1 il n'y a que 3 sous menu ...
    Pouvez vous me dire comment augmenter le nombre de sous menu ?

    merci
  • Bonjour

    tu dois supprimer le menu overblog et insérer un menu dynamique

    c'est pas évident a faire car il faut plonger dans le code du blog

    il y a plusieurs post a se sujet sur la Faq de ce forum







  • Bonjour,

    Merci de compléter l'adresse de ton blog sur ton profil du forum **  

    En étant connecté, cliquer directement sur ce lien
    et complète l'adresse de ton blog dans le rectangle blanc, voir capture ci-dessous :

    image

    Actuellement, on ne voit pas ton blog



    Edit du 20/08/2017

    Pas de nouvelle, bonne nouvelle, je tag donc ce post en "résolu"


  • Bonjour,

    J'avais le même souci et je l'ai résolu en éditant le code du thème Magazine.

    Exemple sur mon blog j'ai à présent des menus avec 4 sous-menus au lieu des 3 standards.

    Voici comment procéder :

    1) Dans l'interface d'admin, cliquez sur "Gérer", puis "Thème"
    2) Personnaliser le thème
    3) Tout en bas des options de personnalisation, ouvrez "Avancé"
    4) Cliquez sur le bouton "Editer le HTML" puis "Poursuivre l'édition"

    5) Recherchez la ligne de code qui correspond au début du menu du thème Magazine :

    {% if Custom('menu1_label') is not empty and Custom('menu1_link') is not empty %}



    6) Mettez le menu original en commentaire en ajoutant le code "<!--" juste avant la première ligne du menu.
    Cela permettra de revenir en arrière plus tard si nécessaire.

    A l'ajout de la balise de commentaire, le code qui suit va virer en couleur orange pour indiquer qu'il passe en commentaire.
    Pour retrouver plus facilement le menu, j'ajoute également le commentaire suivant :
    <!-- OverBlog Magazine MENU -->

    <!------------------------ OverBlog Magazine MENU ------------------------>
    <!--    
                    
                            {% if Custom('menu1_label') is not empty and Custom('menu1_link') is not empty %}



    7) Identifiez la dernière ligne de code du menu Magazine et refermez le commentaire.
    Vous pouvez pour cela rechercher le code {% if Custom('display_contact_menu') == true %} qui concerne l'affichage de l'option Contact dans le menu et marque donc la fin du code du menu horizontal.

    Refermez le commentaire juste avant la ligne de code recherchée en ajoutant ceci : "-->"

    <a class="NavElement-link" href="{{ Custom('menu6_submenu3_link') }}" role="menuitem">{{ Custom('menu6_submenu3_label') }}</a>
                                    {% endif %}
                                </span>
                                {% endif %}
                            </li>
                            {% endif %}
    -->
    <!------------------------ END of OverBlog Magazine MENU ------------------------>

                        
                            {% if Custom('display_contact_menu') == true %}



    8) Ajoutez pour finir le code du menu personnalisé juste avant ou juste après le bloc de code que vous venez de mettre en commentaire.

    Voici un exemple de menu avec ses sous-menus.
    If vous suffit de copier ce bloc de code en modifiant les éléments que j'ai mis en gras.
    • L'adresse de votre blog
    • Le tag et l'intitulé du menu
    • Le nombre de sous-menu, leur tag et leur intitulé (ici il y en a 5 mais vous pouvez réduire ou augmenter leur nombre)

    <!---------------------- CUSTOM MENU 1 ---------------------->
    <li class="Nav-elementList NavElement" role="menuitem" aria-haspopup="true">
    <a class="NavElement-link" href="http://votre-blog.over-blog.com/tag/votre-tag-menu/">Intitulé Menu 1</a>
      
    <!---------------------- Début des Sous-Menus ---------------------->
    <span class="NavElement-sub NavElementSub" role="menu" aria-hidden="true">
    <!-- Sous-Menu 1 -->
    <a
    class="NavElement-link" href="http://votre-blog.over-blog.com/tag/votre-tag-1/" role="menuitem">Intitulé Sous-Menu 1</a>
    <!-- Sous-Menu 2 -->
    <a
    class="NavElement-link" href="http://votre-blog.over-blog.com/tag/votre-tag-2/" role="menuitem">Intitulé Sous-Menu 2</a>
    <!-- Sous-Menu 3 -->
    <a
    class="NavElement-link" href="http://votre-blog.over-blog.com/tag/votre-tag-3/" role="menuitem">Intitulé Sous-Menu 3</a>
    <!-- Sous-Menu 4 -->
    <a
    class="NavElement-link" href="http://votre-blog.over-blog.com/tag/votre-tag-4/" role="menuitem">Intitulé Sous-Menu 4</a>

    <!-- Sous-Menu 5 -->
    <a
    class="NavElement-link" href="http://votre-blog.over-blog.com/tag/votre-tag-5/" role="menuitem">Intitulé Sous-Menu 5</a>
    </span>
    <!---------------------- Fin des Sous-Menus ---------------------->
    </li>
    <!------------------ Fin du CUSTOM MENU 1 ------------------>


    Cordialement,

    Jérémie.