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] Ajouter des onglets dans la barre menu
  • Bonjour,
    J'utilise le thème Twenty Eleven. Par défaut, il comporte deux onglets dans la barre des menus : Accueil et Contact.
    Je souhaite en ajouter. Ma question est :
    - où est-ce dans mon CSS ? (j'ai vu un post sur ce sujet mais avec un autre thème et du coup je ne m'y retrouve pas dans mon CSS)
    - comment l'ajouter (à quel endroit, sous quelle forme ?)
    - comment ensuite lui associer les pages ? (exemple : je souhaite ajouter un onglet "qui sommes nous ?". Une fois qu'il est créé dans le CSS (si j'ai bien compris il faut d'abord le mettre dans le CSS), comment faire pour que ma page correspondante apparaissent quand on clique sur ce menu ?
    Merci par avance pour votre aide. Je n'ai pas trouvé la réponse dans le manuel et je ne suis pas une spécialiste (sur l'ancienne version c'était simple mais là ça devient compliqué pour moi).
    Mon blog : capsentendreautravail.over-blog.com
  • Bonjour,
    regarde sur ce fil
    le numéro des lignes sera différent.  
  • Merci pour ta réponse. J'ai bien regardé mon css et impossible de trouver quelque chose qui ressemble à :

    <meta name="string:ob_menu_1_label:label.Menu7label" group="group.menu" />
     <meta name="string:ob_menu_1_link:label.Menu7link" group="group.menu" />

    Je suis perdue !

    As tu le moyen de me dire le numéro des lignes dans le thème Twenty eleven ?

    Merci

  • C'est le cirque que tous les thèmes soient différents  :-S

    Avant toute modification, copie ton html/css sur le bloc-notes du PC, tu sauvegardes, en cas de problème tu n'auras plus qu'à le recoller.  

    Vers la ligne 742 tu trouves ceci

    <ul>
                        <li {% if isIndex %} class="current_page_item" {% endif %}>
                            <a href="{{ Blog.Url }}">{{ Lang.Get('Home') }}</a>
                        </li>
                        {% list Blog.PostsTags(Custom('tag_number')) %}
                            <li {% if isTag and Tag is not empty and Tag.Title == PostsTag.Title %} class="current_page_item" {% endif %}><a href="{{ PostsTag.Url }}">{{ PostsTag.Title }}</a></li>
                        {% endlist %}
                        <li><a href="/contact">{{ Lang.Get('Contact') }}</a></li>
                 
                    
    avant  le  </ul>

    tu ajoutes ces lignes autant de fois que tu veux d'onglets supplémentaires
     <li><a href="adresse du lien">{{ Lang.Get('Nom') }}</a></li> 

    tu remplaces ce que j'ai mis en gras par
    - l'adresse où tu veux que le lien pointe
    - le nom du titre de l'onglet 


    Edit : il me semble que j'avais oublié de valider le changement de thème (j'étais sur Nullified)
    regarde du côté de la ligne 970   

  • Merci pour cette réponse rapide !
    J'ai trouvé ça dans les lignes 978 et +. Mais malheureusement ça ne fonctionne pas, j'ai le message d'erreur suivant : Bl fonction does not exist and is no defined in the context.
    Je ne sais pas quelle est la fonction qui le bloque.

    Je ne sais pas si j'ai bien fait : tu me dis "tu ajoutes ces lignes autant de fois que tu veux d'onglets supplémentaires" : j'ai ajouté la ligne que tu m'as mis sous cette phrase mais peut être que tu voulais dire toutes les lignes que tu as recopiées au dessus ?

    Et pour l'adresse où je veux que le lien pointe je ne sais pas trop quoi mettre...

    Ps : je n'arrive pas à faire des copier coller dans le CSS, est-ce normal ?

    Merci encore


  • Je t'ai indiqué les lignes après lesquelles il faut coller 

    <li><a href="adresse du lien">{{ Lang.Get('Nom') }}</a></li> 

    mais avant le </ul> de fin, sinon, ça ne marche pas.

    Ceci
    <li><a href="adresse du lien">{{ Lang.Get('Nom') }}</a></li> 
    représente un onglet supplémentaire.
    Si tu en veux plus, tu remets
    <li><a href="adresse du lien">{{ Lang.Get('Nom') }}</a></li> 

    en changeant l'adresse du lien et le nom à chaque fois. 

    Pour le lien, sais pas où tu veux conduire tes visiteurs, sur une page, un article etc...

  • Merci Kinou, ça fonctionne. En fait, comme tu m'avais dit de mettre la ligne "avant  le  </ul>" je l'avais mis avant le ul mais tu pensais à celui de fin (ce qui est logique) et moi je l'avais miis comme une idiote avant le ul du début. Evidement après réflexion ça ne pouvait pas marcher ! C'est ça quand on ne s'y connait pas trop !

    Pour le lien entre ce bouton de menu et l'article qu'il doit permettre d'ouvrir, je n'ai pas bien saisi le trucde l'adresse du lien car dans mon css, il n'y a pas d'adresse de lien sur les deux boutons de menu par défaut. Mais en fait j'ai fait pleins de tests et je vois que si je créé un article dont le titre est identique à ce que j'ai mis comme mot dans la ligne ajoutée, et bien c'est celui qui s'ouvre. Je ne sais pas si c'est très "css" comme raisonnement mais ça fonctionne dont je ne vais pas me prendre la tête plus pour ça.

    Merci encore pour ta patience avec moi depuis deux jours !
  • Les balises de début se présente sous cette forme
    <ul>
    celles de fin, comme ceci
    </ul>

    Oui, c'est bon aussi.

    Bonne continuation  ;)
  • Coucou à tous et à toutes ,

    Pour une de mes catégorie "entracte" sur twenty-eleven , j'ai fait la méthode de Kinou, c'est-à-dire que j'ai modifié mon code en ajoutant au dessus de </ul> cette ligne :


    <li><a href="l-entracte">{{ Lang.Get('Entracte') }}</a></li> , en effet , je me retrouve avec une catégorie Entracte dans mon menu, c'est niquel !


    Je fais un premier article, en dessous du titre de l' article dans l'interface kiwi on peut changer l' adresse du lien, donc je la modifie  en insérant "l-entracte" (après mon adresse de blog) donc niquel pour le premier article mais le problème  vient alors  maintenant je décide de faire un deuxième article qui devraient aller dans la catégorie "entracte", en dessous du titre je modifie le lien , en ajoutant de nouveau  "l-entracte"  et là pas moyen que l' article se retrouve dans la catégorie entracte, de plus mon adresse de lien se modifie automatiquement en ajoutant un numéro après l-entracte : ex: l-entracte-7 donc mon adresse de lien donne ça:


    http://cafaitmouche.over-blog.com/l-entracte-7


    Je suis bloquée, je ne comprends pas , quelqu'un pourrait m'aider ?


    Merci d'avance 


    :((

  • Ton lien "entracte" pointe sur un tag, pour que tous les articles concernant "entracte" soit sur ce tag, lors de la publication de l'article, il faut leur attribuer le même tag "entracte" dans la colonne de droite.
  • Alors là waouhhhhhhh je suis contente un grand Merci  Kinou !!!  C'est bien ça ! =D>
    Je m en vais de ce pas me claquer la tête dans le mur , car j' avais bloqué cette aprem là dessus  !