Modfifier la barre de navigation principale

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modfifier la barre de navigation principale

Message par gaspar le Mer 29 Mar 2017 - 1:26

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)



Dernière édition par gaspar le Mer 29 Mar 2017 - 14:24, édité 1 fois
avatar

gaspar
*****

Masculin
Messages : 852
Inscrit(e) le : 03/01/2006

http://ddaynormandy.keumforum.com
gaspar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modfifier la barre de navigation principale

Message par Neptunia le Mer 29 Mar 2017 - 8:12

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 -->
avatar

Neptunia
Membre actif

Féminin
Messages : 12106
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modfifier la barre de navigation principale

Message par gaspar le Mer 29 Mar 2017 - 13:46

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

gaspar
*****

Masculin
Messages : 852
Inscrit(e) le : 03/01/2006

http://ddaynormandy.keumforum.com
gaspar a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum