Affichage des résultats 1 à 7 sur 7

Discussion: Soucis Skin et NavBar

  1. #1
    Date d'inscription
    March 2007
    Localisation
    Jura me voilà !
    Âge
    47
    Messages
    334
    Version de vBulletin
    3.8
    Hébergeur
    Sivit.fr
    Pouvoir de réputation
    64

    Soucis Skin et NavBar

    Bonsoir, j'ai un soucis avec la navbar... en effet les espaces entres les textes ne sont pas identiques... des gros, des petits...
    Ca se situe au niveau de ce code avec plein de if :
    Code:
    <!-- nav buttons bar -->
    <div class="tborder" style="padding:$stylevar[cellspacing]px; border-top-width:0px">
        <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
        <tr align="center">
            <if condition="$show['member']">
                <td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
            </if>
            <if condition="$show['registerbutton']">
                <td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
            </if>
            $template_hook[navbar_buttons_left]
            <td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
            <if condition="$vboptions['enablememberlist']">
                <td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
            </if>
            <td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
            <if condition="$show['popups']">
                <if condition="$show['searchbuttons']">
                    <if condition="$show['member']">
                    <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                    <else />
                    <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                    </if>
                    <td id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
                </if>
                <if condition="$show['member']">
                    <td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
                </if>
            <else />
                <if condition="$show['searchbuttons']">
                    <td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
                    <if condition="$show['member']">
                    <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                    <else />
                    <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                    </if>
                </if>
                <td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
                <if condition="$show['member']">
                    <td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td>
                </if>
            </if>
            $template_hook[navbar_buttons_right]
            <if condition="$show['member']">
                <td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
            </if>
            </tr>
        </table>
    </div>
    <!-- / nav buttons bar -->
    Comment on peut faire pour que les <td> aient les mêmes "tailles". J'ai pensé a mettre des % à chaque <td>, ou une largeur fixe... mais c'est encore plus moche...

    Une petite idée peut-être ? Merci pour votre aide.
    Dernière modification par ericdesmontagnes ; 19/12/2008 à 00h12.
    Découvrez nos forums sur les RPG optimisés avec vBSEO (URL Rewriting pour vBulletin) et notre Wiki consacrés à Dragon Age : Origins et aux RPG
    Merci à toute l'équipe vBulletin-fr pour leurs conseils et leur aide.

  2. #2
    Date d'inscription
    September 2002
    Localisation
    France
    Âge
    39
    Messages
    11 293
    Version de vBulletin
    5.0
    Hébergeur
    Serveur dédié OVH
    Billets dans le blog
    13
    Pouvoir de réputation
    140
    Mets le 1er border="0" à 1 et regarde ce que ça fait (et qu'on peut pas faire grand chose au final :/ ).
    vBulletin Quality Assurance
    Développeur en chef de Project Tools 2.1+ pour vB 4 et 2.0 pour vB 3
    Restera très discret sur toutes les futures fonctionnalités de vBulletin ainsi que de vBulletin 5 Connect jusqu'à leur sortie publique ^^

    Tout MP d'aide -> Supprimé

  3. #3
    Date d'inscription
    March 2007
    Localisation
    Jura me voilà !
    Âge
    47
    Messages
    334
    Version de vBulletin
    3.8
    Hébergeur
    Sivit.fr
    Pouvoir de réputation
    64
    J'ai trouvé une solution qui fonctionne en partie.
    Il faut transformer le tableau de nav en liste... et avec un CSS le tour est joué.
    Dans les CSS supplémentaires de la skin on met ceci.
    Code HTML:
    <style>
    /* ######### CSS pour la Barre de Navigation. A retirer si on ne s'en sert pas ######### */
    
    .navbartabs {
        padding: 3px 0;
        margin-left: 0;
        margin-top: 1px;
        margin-bottom: 0;
        list-style-type: none;
        text-align: left; /*set to left, center, or right to align the menu as desired*/
        font-family: "Segoe UI", Verdana, Arial;
        font-size: 12px;
        font-weight: normal;
    }
    .navbartabs li {
        display: inline;
        margin: 0;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #6b5549;
    }
    .navbartabs li a {
        text-decoration: none;
        position: relative;
        z-index: 1;
        padding: 3px 7px;
        margin-right: 3px;
        color: #FFF;
        font-family: "Segoe UI", Verdana, Arial;
        font-size: 12px;
        font-weight: normal;
    }
    .navbartabs li a:visited {
        color: #FFF;
    }
    .navbartabs li a:hover {
        color: #FFF;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #F00;
    }
    .navbartabs li a.selected { /* pour le menu sélectionné */
        position: relative;
        top: 1px;
    }
    .navbartabs li a.selected { /* pour le menu sélectionné */
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #F00;
    }
    .navbartabs li a.selected:hover { /* pour le menu sélectionné */
        text-decoration: none;
    }
    </style>
    Avec ce style seule une barre au dessus des menus s'éclaire en rouge quand la souris passe dessus. On peut faire comme on veut... mettre une image au fond pour faire une effet bouton, bref c'est du CSS rien de bien compliqué (ou presque)



    Ici on remplace toute la partie tableau entre
    Code:
    <!-- nav buttons bar -->
    <div class="tborder" style="padding:$stylevar[cellspacing]px; border-top-width:0px">
    et
    Code:
    </div>
    <!-- / nav buttons bar -->
    par ce nouveau tableau (en fait c'est un tableau à 1 case, et toutes les balises <td> ont été remplacées par des <li> qui s'alignent horizontalement grâce à la CSS
    Code HTML:
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
      <tr align="center">
        <td><ul id="tabcontent" class="navbartabs">
            <if condition="$show['member']">
              <li><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></li>
            </if>
            <if condition="$show['registerbutton']">
              <li><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></li>
            </if>
            $template_hook[navbar_buttons_left]
            <li><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></li>
            <if condition="$vboptions['enablememberlist']">
              <li><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></li>
            </if>
            <li><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></li>
            <if condition="$show['popups']">
              <if condition="$show['searchbuttons']">
                <if condition="$show['member']">
                  <li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></li>
                  <else />
                  <li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></li>
                </if>
                <li id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a>
                  <if condition="$show['quicksearch']">
                    <script type="text/javascript"> vbmenu_register("navbar_search"); </script>
                  </if>
                </li>
              </if>
              <if condition="$show['member']">
                <li id="usercptools"><a href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a>
                  <script type="text/javascript"> vbmenu_register("usercptools"); </script>
                </li>
              </if>
              <else />
              <if condition="$show['searchbuttons']">
                <li><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></li>
                <if condition="$show['member']">
                  <li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></li>
                  <else />
                  <li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></li>
                </if>
              </if>
              <li><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></li>
              <if condition="$show['member']">
                <li><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></li>
              </if>
            </if>
            $template_hook[navbar_buttons_right]
            <if condition="$show['member']">
              <li><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></li>
            </if>
        </ul></td>
      </tr>
    </table>
    Par contre attention, je n'arrive pas à faire fonctionner ceci comme je veux à cause des $template_hook...
    Je suis obligé de les mettre en commentaires... Avez-vous une idée pour que ça fonctionne également avec les template_hook ?
    Dernière modification par ericdesmontagnes ; 19/12/2008 à 10h06.
    Découvrez nos forums sur les RPG optimisés avec vBSEO (URL Rewriting pour vBulletin) et notre Wiki consacrés à Dragon Age : Origins et aux RPG
    Merci à toute l'équipe vBulletin-fr pour leurs conseils et leur aide.

  4. #4
    Date d'inscription
    March 2007
    Localisation
    Jura me voilà !
    Âge
    47
    Messages
    334
    Version de vBulletin
    3.8
    Hébergeur
    Sivit.fr
    Pouvoir de réputation
    64
    J'ai oublié 2 éléments de compatibilité :
    Code:
    .tabcontent {
        display:none;
    }
     @media print {
    .tabcontent {
        display:block !important;
    }
    }
    A rajouter dans votre CSS

    et

    Code:
    id="tabcontent"
    à rajouter dans votre balise <ul>

    Je suis assez content... (mise à part le soucis de template_hook) ça donne l'image en pièce jointe...
    Images attachées Images attachées
    Découvrez nos forums sur les RPG optimisés avec vBSEO (URL Rewriting pour vBulletin) et notre Wiki consacrés à Dragon Age : Origins et aux RPG
    Merci à toute l'équipe vBulletin-fr pour leurs conseils et leur aide.

  5. #5
    Date d'inscription
    September 2002
    Localisation
    France
    Âge
    39
    Messages
    11 293
    Version de vBulletin
    5.0
    Hébergeur
    Serveur dédié OVH
    Billets dans le blog
    13
    Pouvoir de réputation
    140
    Je ne vois pas sur ta capture ce que provoque les $template_hook :/

    Sinon bien joué
    vBulletin Quality Assurance
    Développeur en chef de Project Tools 2.1+ pour vB 4 et 2.0 pour vB 3
    Restera très discret sur toutes les futures fonctionnalités de vBulletin ainsi que de vBulletin 5 Connect jusqu'à leur sortie publique ^^

    Tout MP d'aide -> Supprimé

  6. #6
    Date d'inscription
    March 2007
    Localisation
    Jura me voilà !
    Âge
    47
    Messages
    334
    Version de vBulletin
    3.8
    Hébergeur
    Sivit.fr
    Pouvoir de réputation
    64
    C'est normal j'y ai désactivé... Sinon ça provoque des <td> </td> au milieu de la balise <ul> ce qui fatalement fait tout sauter...

    Mais avec les 2 lignes concernant les templates et mises en commentaires ça fonctionne bien...
    Dernière modification par ericdesmontagnes ; 19/12/2008 à 12h00.
    Découvrez nos forums sur les RPG optimisés avec vBSEO (URL Rewriting pour vBulletin) et notre Wiki consacrés à Dragon Age : Origins et aux RPG
    Merci à toute l'équipe vBulletin-fr pour leurs conseils et leur aide.

  7. #7
    Date d'inscription
    September 2002
    Localisation
    France
    Âge
    39
    Messages
    11 293
    Version de vBulletin
    5.0
    Hébergeur
    Serveur dédié OVH
    Billets dans le blog
    13
    Pouvoir de réputation
    140
    C'est sûr.

    Pour cela, il faut modifier les templates adéquats qui utilisent ce crochet (et là, je peux pas te dire lesquels, cela dépend des produits installés).

    Tu peux savoir quels templates utilisent ces crochets en recherchant soit $template_hook['xxx'] ou $template_hook[xxx] (les ' dépendent de leur position dans le code) qui t'indiqueront quels crochets qui utilisent quels templates
    vBulletin Quality Assurance
    Développeur en chef de Project Tools 2.1+ pour vB 4 et 2.0 pour vB 3
    Restera très discret sur toutes les futures fonctionnalités de vBulletin ainsi que de vBulletin 5 Connect jusqu'à leur sortie publique ^^

    Tout MP d'aide -> Supprimé

Informations de la discussion

Utilisateur(s) sur cette discussion

Il y a actuellement 1 utilisateur(s) naviguant sur cette discussion. (0 utilisateur(s) et 1 invité(s))

Discussions similaires

  1. [Comment puis-je ?] - Comment supprimé des éléments de ma navbar et agrandir mon skin
    Par abdelghani68 dans le forum Archives vBulletin 3.6.x
    Réponses: 7
    Dernier message: 12/12/2007, 15h01
  2. [Dépannage & problèmes] - Navbar :s
    Par mirage.59 dans le forum Archives vBulletin 3.5.x
    Réponses: 7
    Dernier message: 13/09/2006, 21h30
  3. [Dépannage & problèmes] - navbar
    Par boualem dans le forum Archives vBulletin 3.0.x
    Réponses: 1
    Dernier message: 21/11/2005, 11h09
  4. [Graphisme] - Recherche de Skin 'Catalyst Skin'
    Par FuNxY dans le forum Archives vBulletin 3.0.x
    Réponses: 0
    Dernier message: 21/03/2004, 11h57

Les tags pour cette discussion

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •