Modfifier la barre de navigation principale

[gaspar]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://ddaynormandy.keumforum.com

Description du problème

Bonjours à tous,
J'aimerais bien modifier ma barre de navigation principale, afin de pouvoir y mettre d'autres liens a moi et quelque menus déroulant...

J'ai donc modifié mes template de la façon suivante :

Code:

      <div class="navbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>
<div class="mainderoulant">
    <a href="/" target="_top">Accueil</a>
</div>

<div class="mainderoulant">
    <a href="/forum.htm" target="_top">Forum</a>
</div>

<div class="mainderoulant">  Médias
    <span>
        <a href="/Images1-h8.htm" target="_top">Captures d´écran</a><br>
        <a href="/Videos-h6.htm" target="_top">Vidéos</a>
    </span>
</div>

<div class="mainderoulant">
    <a href="/Telechargements-h10.htm" target="_top">Téléchargements</a>
</div>

<div class="mainderoulant"> plus
    <span>
        <a href="/Manuel-h2.htm" target="_top">Manuel</a>
        <a href="http://www.quakeservers.net/quake2/servers/t=dday/so=8/"  target="popup" title="Vous allez être redirigé vers une autre page...">Serveurs</a>
    </span>
</div>

<div class="mainderoulant">
    <a href="/h3-support-irc"  target="_top" title="Support en ligne">Support IRC</a>
</div>{GENERATED_NAV_BAR}</li>
         </ul>

         <!-- BEGIN switch_search_box -->
         <div id="search-box">
            <form method="get" action="{ACTION_SEARCH}" id="search">
               <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
               {JS_SESSION_ID_INPUT}
               <input class="button2" type="submit" value="{L_SEARCH}" /></p>
            </form>
         </div>
         <!-- END switch_search_box -->

         <span class="corners-bottom"><span></span></span></div>
      </div>

Et le résulta est sur le screenshot ci dessu... Donc voilà, mon problème est que j'aimerais bien que tous cela soit sur la même ligne... :s

Et dans mon css, j'ai ceci :

Code:

#search-box, .headerbar, a.mainmenu[href="/"],
a.mainmenu[href="/forum"],
a.mainmenu[href="/faq"],
a.mainmenu[href="/groups"] {
  display : none; !important
}

Donc les liens en haut à droite ne devraient pas apparaître (Portail Accueill FAQ Rechercher Membres)

[Neptunia]

Bonjour ^^


1/ Vos modifications fonctionnent parfaitement. Il vous faut toutefois publier le template.

La prévisualisation ne fonctionnera pas parce que dans ce mode les liens sont différents.
Vous masquez par exemple a.mainmenu[href="/faq"] qui correspond au lien normal mais pas a.mainmenu[href="/faq?tt=1"] qui est le lien en mode prévisualisation.

2/ Votre template contient une légère erreur.

Code:

<div class="mainderoulant">  Médias
    <span>
        <a href="/Images1-h8.htm" target="_top">Captures d´écran</a><br>
        <a href="/Videos-h6.htm" target="_top">Vidéos</a>
    </span>
</div>

Toute balise ouverte doit être refermée, ce qui n'est pas le cas de la balise <br> (que vous auriez du écrire <br /> pour la refermer automatiquement)

3/ Enfin, bien que cela fonctionne, votre CSS comporte une incohérence.
Le meilleur déchet est celui que l'on ne produit pas.
Dit autrement, la meilleure façon de se débarrasser d'un élément n'est pas de le cacher mais tout bonnement de ne pas le créer.

Dans votre template, le passage suivant est donc inutile :

Code:

            <div id="search-box">
                <form method="get" action="{ACTION_SEARCH}" id="search">
                  <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
                  {JS_SESSION_ID_INPUT}
                  <input class="button2" type="submit" value="{L_SEARCH}" /></p>
                </form>
            </div>

Il vous faut cependant laisser les commentaires :
<!-- BEGIN switch_search_box --> et <!-- END switch_search_box -->

[gaspar]

Merci beaucoup pour ta réponse, elle m'a été très utile !