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] Darkfrisq : Ajouter un menu horizontal
  • Bonjour à tous,
    Sur mon blog cinéma http://www.avenuedelhorreur.fr/ j'ai un menu horizontal que j'ai mis en place grâce à un module texte.
    J'aimerai le même genre sur mon blog auteur http://isabellehaury.over-blog.com/ mais avec le thème Darkfrisq je n'y arrive pas puisque pas de module texte. Pourriez vous me dire, où intégrer le code dans le CSS et ce que je dois y mettre exactement ?
    Merci d'avance

  • Bonjour,

    Étrange, de mon côté j'ai deux modules (/widgets) !
  • Comment ça deux modules ? Dans votre thème Darkfrisq ?
  • Je ne comprends pas j'ai beau regardé je n'ai pas ça dans mon thème, voilà une impression écran : http://idata.over-blog.com/3/85/36/69/Isabelle-Haury/Impression-blog.jpg
    Est-ce parce que je ne suis pas encore passée définitivement en Premium ?
  • Bonsoir,
    il est possible que le thème ne soit pas à jour.
  • Bonsoir,
    si tu as effectué des modifications sur ton thème, tu ne bénéficies plus des mises à jour faites par OB.   

  • Si le thème est modifié dans son html, Over-Blog ne peux plus mettre le code à jour. 
  • Bon bin cela "éclairci", alors plutôt de "construire" un module dans le csshtml pour y placer un menu ..., autant construire directement un menu ... ;) 

    Attention, la modification du fichier HTML-CSS est réservé aux utilisateurs avertis.
    Pensez à faire une sauve-garde avant toute intervention dedans.

    Il faudra ajouter dans le html ça :
    (pour mon test j'ai mis juste après  <meta name="string:msn_webmaster_id:label.msnWebmasterId" group="Settings" /> et  avant  <!-- shortcut:[Includes] --> dans le html )

         <meta name="string:ob_menu_1_label:label.Menu1label" group="group.menu" />
        <meta name="string:ob_menu_1_link:label.Menu1link" group="group.menu" />
        <meta name="string:ob_menu_2_label:label.Menu2label" group="group.menu" />
        <meta name="string:ob_menu_2_link:label.Menu2link" group="group.menu" />
        <meta name="string:ob_menu_3_label:label.Menu3label" group="group.menu" />
        <meta name="string:ob_menu_3_link:label.Menu3link" group="group.menu" />
        <meta name="string:ob_menu_4_label:label.Menu4label" group="group.menu" />
        <meta name="string:ob_menu_4_link:label.Menu4link" group="group.menu" />
        <meta name="string:ob_menu_5_label:label.Menu5label" group="group.menu" />
        <meta name="string:ob_menu_5_link:label.Menu5link" group="group.menu" />
        <meta name="string:ob_menu_6_label:label.Menu6label" group="group.menu" />
        <meta name="string:ob_menu_6_link:label.Menu6link" group="group.menu" />

    Ensuite (après le css) dans ça :
    <div id="ln_1" class="ln">
            <div id="cl_1_0" class="cl">
                <div class="column_content">
    ajouter :
                    {% if Custom('ob_menu_1_label') %}
                    <div id="menuob">
                        {% if Custom('ob_menu_1_label') %}<a href="{{ Custom('ob_menu_1_link') }}">{{ Custom('ob_menu_1_label') }}</a>{% endif %}
                        {% if Custom('ob_menu_2_label') %}<a href="{{ Custom('ob_menu_2_link') }}">{{ Custom('ob_menu_2_label') }}</a>{% endif %}
                        {% if Custom('ob_menu_3_label') %}<a href="{{ Custom('ob_menu_3_link') }}">{{ Custom('ob_menu_3_label') }}</a>{% endif %}
                        {% if Custom('ob_menu_4_label') %}<a href="{{ Custom('ob_menu_4_link') }}">{{ Custom('ob_menu_4_label') }}</a>{% endif %}
                        {% if Custom('ob_menu_5_label') %}<a href="{{ Custom('ob_menu_5_link') }}">{{ Custom('ob_menu_5_label') }}</a>{% endif %}
                        {% if Custom('ob_menu_6_label') %}<a href="{{ Custom('ob_menu_6_link') }}">{{ Custom('ob_menu_6_label') }}</a>{% endif %}
                    </div>
                    {% endif %}

    Avec ça tu aura déjà le menu à compléter dans l'administration (dans "CONFIGURER").

    Manque plus que la partie CSS
  • Bon, comme j'arrivais pas à dormir,...


    Maintenant la partie css (pour le design côté visiteurs) (à adapter suivant envie/besoin/choix couleurs [ici c'est pour le design orange du thème]...)

    Tu as cette ligne :
    #menuob a {padding: 5px; color: #f97d16; } 

    tu la remplace par tout ce qui suit :

            /*********************/
            /* ---- Menu OB ---- */
            /*********************/
            
            #menuob {
                line-height: 28px;
                height: 29px;
                margin-bottom: 25px;
                background-color: #2e2e2e;
                border: 0;
                padding: 0;
                margin-top: 0;
            }
            #menuob a {
                font-size: 14px;
                color: #f97d16;
                font-weight: normal;
                text-decoration: none;
                padding: 2px 15px;
                text-align: center;
            }
            #menuob a:hover {
                text-decoration: underline;
                color: #f8b100;
            }


    Voilà : Il faudra plus que certainement remplir au moins un intitulé et un lien dans le menu qui est dans "CONFIGURER" pour que le menu soit visible

    Attention si tu prends des noms trop longs, la barre va passer en/sur "deux lignes" ... et il faudra adapter le css alors

    Pour le voir, j'ai remplis en essais sur un de mes blogs labo : (visible jusqu'à mon prochain test :P) : 
    http://vgerblogtest.over-blog.com/ 
  • Je te remercie pour tout c'est super ! Le menu est en place ! Bonne journée