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] Créer un sous-menu
  • Bonjour tout le monde , j'ai créé mon blog il y a pas très longtemps , donc tout est nouveau pour moi. J'ai lu beaucoup de sujet sur le forum pour essayer de trouver des réponses aux questions que je me pose mais sans réel succès, faut dire que le langage HTML me cause autant que des hiéroglyphes (on se moque pas merci :D).
    Pour commencer je sais pas si je peux mettre l'adresse de mon blog , j'ai cru comprendre qu'il ne fallait pas.

    Ma première question est : est ce qu'on peut créer des sous menus ? et comment

    merci
  • Bonjour à tous , je viens de voir le blogtest de Mehdi , c'est exactement ce genre de sous menu sur le menu horizontal que je souhaiterais sur mon blog. Si Mehdi pas dans le coin , merci d'avance !!
  • Bonjour,
     moi j'ai résolu le problème de manière radical...j'ai supprimé tout le menu ob...viré les tags qui se mettent tout seul dans leur menu....

    ce que tu vois est un bon vieux menu dynamique classique avec des sous menus....

    sur google tu cherche genrateur de menu....ou menu generator

    tu fera donc ton menu...le générateur te donne 2 série de code: il y aura une partie a mettre dans le css (tout ce qui est mise en forme, couleur, largeur etc...)

    et l'autre partie qui sera en fait les liens en html a l'endroit désiré sur le blog
  • ce qui donne ...vers la ligne 400..... pour le css:

                /***************************************
                ***************** MENU *****************
                ****************************************/
             #cssmenu{
        border:none;
        border:0px;
        margin:-62px;
        padding:63px;
       
    font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet,
    Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
        font-size:15px;
        font-weight:bold;
      
       width:968px;
     
        }
    #cssmenu ul{
        background:#314D74;
        height:35px;
        list-style:none;
        margin:0;
        padding:0;
        }
    #cssmenu li{
        float:left;
        padding:0px;
        }
    #cssmenu li a{
        background:#314D74; url('http://idata.over-blog.com/2/25/98/74/01-juin-2012/seperator.gif') bottom right no-repeat;
        color:#FFFFFF;
        display:block;
        font-weight:normal;
        line-height:35px;
        margin:0px;
        padding:0px 15px;
        text-align:center;
        text-decoration:none;
        }
    #cssmenu li a:hover, #cssmenu ul li:hover a{
        background: #2580a2 url('http://idata.over-blog.com/2/25/98/74/01-juin-2012/hover.gif') bottom center no-repeat;
        color:#FFFFFF;
        text-decoration:none;
        }
    #cssmenu li ul{
        background:#292B56;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:300px;
        z-index:200;
        /*top:1em;
        /*left:0;*/
        }
    #cssmenu li:hover ul{
        display:block;
       
        }
    #cssmenu li li {
        background:url('http://idata.over-blog.com/2/25/98/74/01-juin-2012/sub_sep.gif') bottom left no-repeat;
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:225px;
       
        }
    #cssmenu li:hover li a{
        background:none;
       
        }
    #cssmenu li ul a{
        display:block;
        height:35px;
        font-size:13px;
        font-style:normal;
         font-weight:normal;
      
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
        }
    #cssmenu li ul a:hover, #cssmenu li ul li:hover a{
        background:#2580a2 url('http://idata.over-blog.com/2/25/98/74/01-juin-2012/hover_sub.gif') center left no-repeat;
        border:0px;
        color:#ffffff;
        text-decoration:none;
        }
    #cssmenu p{
        clear:left;
        }

                /********************************************
                ***************** SLIDESHOW *****************   (je t'ai laissé slideshow pour que tu repère ou le css du menu se trouve


    _________________

  • ligne 1880 environ..la partie html (il faut trouver la class subnav- ici tous les liens et sous menu qui renvois a mon blog ancienne plateforme actuellement)

       <!-- menu -->
                <nav class="menu" >
                    <ul class="nav">
                     <!--accueil-->
                    <!--menu  déroulant CCM-->               
                    <div id='cssmenu'>
                    <ul>
                      
    <li><a
    href='http://mehditest.overblog.com/'><span>Accueil</span></a></li&gt;
                       <li class='has-sub '><a href='#'><span>CCM</span></a>
                          <ul>
                             <li><a href='http://www.mariage-franco-marocain.net/article-
                   
                    29906268.html'><span>Consulat de France au Maroc</span></a></li>
                             <li><a href='http://www.mariage-franco-marocain.net/article-questions-
                   
                    reponses-sur-le-ccm-certificat-de-capacite-a-mariage-56792918.html'><span>Infos
                   
                    utiles</span></a></li>
                             <li><a href='http://www.mariage-franco-marocain.net/article-
                   
                    31083673.html'><span>Documents Ccm</span></a></li>
                             <li><a href='http://www.mariage-franco-marocain.net/article-
                   
                    23760292.html'><span>Questions de l'Audition ccm</span></a></li>
                             <li><a href='http://www.mariage-franco-marocain.net/article-le-
                   
                    certificat-de-nationalite-francaise-procedure-et-documents-
                   
                    51637172.html'><span>Le Certificat de Nationalité</span></a></li>
                          </ul>
                       </li>
                       <li class='has-sub '><a href='#'><span>Mariage </span></a>
                          <ul>
                             <li><a href='http://www.mariage-franco-marocain.net/article-questions-
                   
                    reponses-sur-le-mariage-adoulaire-57102940.html'><span>Infos
                   
                    Utiles</span></a></li>
                             <li><a href='http://www.mariage-franco-marocain.net/article-
                   
                    36215445.html'><span>Conversion à l'islam</span></a></li>
                              <li><a href='http://www.mariage-franco-marocain.net/article-mariage-
                   
                    adoulaire-marocain-2010-42901777.html'><span>Documents mariage
                   
                    adoulaire</span></a></li>
                               <li><a href='http://www.mariage-franco-marocain.net/article-mariage-
                   
                    bi-national-au-maroc-procedure-101776373.html'><span>Mariage
                   
                    Binational</span></a></li>
                               <li><a href='http://www.mariage-franco-marocain.net/article-
                   
                    30954167.html'><span>Casier judiciaire français</span></a></li>
                               <li><a href='http://www.http//www.mariage-franco-
                   
                    marocain.net/article-procuration-casier-judiciaire-marocain-
              
         _______ autres liens.._____________-je peux pas tous les mettre sur le forum, il passe pas
                 
                       </li>
                       <li><a href='#'><span>Prénoms</span></a></li>
                       <li><a href='#'><span>Cuisine</span></a></li>
                       <li><a href='#'><span>Contact</span></a></li>
                      
    <li><a href='http://about.me/mehdiblog'
    target="_blank"><span>A
    propos?</span></a></li>
                    </ul>
                    </div>
                </nav>
  • bref..un travail de fou quand même...... et surtout ne pas oublier ou se tromper dansla ponctuation pour que le menu fonctionne
  • avec ce type de menu, tu peux faire aussi des sous sous menu...c'est a dire a 3 niveaux.... (il y en a que 2 sur mon blog test)
  • Bonjour et bienvenue sur ce forum communautaire d'entraide entre Obiens bénévoles. :)

    Il semblerait que tu aies raté quelques topics :D

    En tout premier lieu je t'invite à complèter ton profil forum (c'est plus sympa et indispensable pour l'entraide), afin de t'aider dans cette première démarche il existe un topic en haut du forum : 
    http://fr.forum.over-blog-kiwi.com/discussion/105/-important-lire-avant-de-poster-un-message-lien-blog-avatar-pseudo-forum/p1 ... Petit problème qui va aussi se poser ; Le "/" dans ton pseudo va bloquer la page [Not Found] ou il sera possible de voir le lien vers ton blog... donc mettre par exemple un trait d'union ;)

    Ensuite je t'invite à regarder du côté des petites règles du forum (par exemple mettre un titre qui résume la demande [j'ai donc édité ton titre]) là :
    fr.forum.over-blog-kiwi.com/discussion/135/-regles-du-forum-reponses-aux-questions-souvent-posees-faq-/p1
    Ce topic est aussi en permanence en haut du forum. Dans sa deuxième partie tu y trouvera aussi une petite FAQ.
    Comme elle ne liste pas tout les topics (c'est pas une table des matières) je t'invite aussi à faire une recherche avec le bouton en haut à droite.
    Comme cette dernière n'est pas efficace à tous les coups, il faut des fois essayer avec différents mots clefs.
    En dernier lieu, parcourir les différents titres du forum (chose que je fait très souvent) permet aussi de trouver dans certains cas son bonheur ;)

    Par exemple pour les sous-menus regarde ce que je poste là :
    http://fr.forum.over-blog-kiwi.com/discussion/comment/10816#Comment_10816 
    (ça devrait te donner une idée pour un début de solution [mais pas toute])

    J'hésite entre [DOUBLON] et [EN COURS] ... comme je vais renommer ton titre, je vais laisser [EN COURS], pour avoir un topic rien qu'à ce propos ;)

    Belle journée
  • utiliser la faq de ce forum sera en effet plus aisé pour toi pour le moment que de tout refaire de zéro comme moi.
    http://fr.forum.over-blog-kiwi.com/discussion/comment/10816#Comment_10816 

    tu y verra comment créer des sous menu avec le menu d'origine proposé par ob  ;)
  • Merci de vos réponses , mais c'est vraiment trop compliqué pour moi , c'est comme si on essaie d'apprendre le chinois à un chameau en deux jours  , j'ai cru un instant que j'y arriverais. Donnez moi une canne et un hameçon je vous attrape un poisson mais avec un clavier c'est une autre histoire , merci d'avoir essayé.
  • Lol...objectivement, c'est pas simple en effet si on ne pige "qu'dalle" au code html/css/twig....

    ob a pas sortie une version qui facilite la vie...ça c'est certain;.... ;)
  • Quand on voit ça pour la première fois , c'est carrément effrayant !!!!  Pour pas abandonner comme ça je vais essayer de faire un blog test et je m'y amuserais dessus et si ça marche pas et bien pas grave. Autre solution trouver quelqu'un qui sait faire ce genre de truc !!
  • Le blog test est une bonne idée surtout qu'en t'y mettant tranquillement, tu verra que tu arrivera à tripatouiller les codes sans problèmes.

    Sur la faq de ce forum, il y a déjà beaucoup d'astuces.(merci aux expert es css/html qui animent ce forum de bénévoles)

    http://fr.forum.over-blog-kiwi.com/discussion/135/-regles-du-forum-reponses-aux-questions-souvent-posees-faq-#Item_16

  • Bonjour à tous , salut Mehdi
    j'ai donc créer un blog test pour m'essayer dessus mais avant d'effacer tout le texte HTML et d'y mettre celui que j'ai créé avec un générateur de menu , je voulais vous le soumettre.
    Il est vrai que je me pose certaines question :
    1/ dois je tout effacer
    2/ si non quelle parti faut il effacer et ou je colle le html généré

    ps: je me suis aperçu que sur la parti html , le copier coller ne fonctionne pas , est ce normal ?
    merci
  • Bonjour,

    pour le copier/coller il faut passer par le clavier...ctrl C...ctrl V  (0 la souris , cela marche pas)

    et ctrl F pour faire une recherche dans le code
  •  
    bon ce que j'ai généré ne fonctionne pas , il se passe rien