Monter/Descendre la barre de menu

2 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

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

Résolu Monter/Descendre la barre de menu

Message par iEagle Dim 3 Avr 2011 - 18:49

Bonsoir à tous!
Je voudrais savoir comment faire pour monter/descendre la barre de menu. J'avais trouver comment faire, mais je ne sais plus ou j'ai trouver le code.
Merci d'avance Wink


Dernière édition par iEagle le Lun 4 Avr 2011 - 19:19, édité 1 fois
avatar

iEagle
Nouveau membre

Messages : 21
Inscrit(e) le : 03/04/2011

http://wolftm.forumgratuit.org/
iEagle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Monter/Descendre la barre de menu

Message par Anzu Dim 3 Avr 2011 - 21:48


Bonsoir,

Quand vous dites "barre de menu", vous parlez de la barre de navigation ? (Accueil, membres, faq, etc)

Il faut passer par le template overall header en mettant des <br /> ou en déplaçant la variable concernée. La version de votre forum gère t-elle les templates ? Si oui, votre template overall header est-il déjà modifié ? (si oui, il me faudrait le code, sinon je modifierai un template par défaut)

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Monter/Descendre la barre de menu

Message par iEagle Lun 4 Avr 2011 - 19:06

Voici le code :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml" id="min-width" xml:lang="{L_LANG_HTML}" lang="{L_LANG_HTML}" dir="{S_CONTENT_DIRECTION}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="Content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->
   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">
   //<![CDATA[

   /* Definir le sens de direction en fonction du panneau admin */
   var tickerDirParam = "{switch_ticker.DIRECTION}";
   var slid_vert = false;
   var auto_dir  = 'next';
   var h_perso = parseInt({switch_ticker.HEIGHT});

   switch( tickerDirParam )
   {
      case 'top' :
         slid_vert = true;
         break;

      case 'left':
         break;

      case 'bottom':
         slid_vert = true;
         auto_dir  = 'prev';
         break;

      case 'right':
         auto_dir  = 'prev';
         break;

      default:
         slid_vert = true;
   }

   $(document).ready(function() {

      var width_max  = $('ul#fa_ticker_content').width();
      var width_item = Math.floor(width_max / {switch_ticker.SIZE});

      if (width_max > 0)
      {
         $('#fa_ticker_content').css('display','block');

         $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
            if ($(this).width() > width_item)
            {
            var ratio      = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
            }
         });

         if (slid_vert)
          {
            var height_max = h_perso;

             $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

             $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
             $('ul#fa_ticker_content li').height(height_max);
          }

         $('#fa_ticker_content').jcarousel({
              vertical: slid_vert,
            wrap: 'circular',
             auto: {switch_ticker.STOP_TIME},
             auto_direction: auto_dir,
              scroll: 1,
              size: {switch_ticker.SIZE},
              height_max: height_max,
              animation: {switch_ticker.SPEED}
          });
      }
      else
      {
         $('ul#fa_ticker_content li:not(:first)').css('display','none');
          $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
      }
   });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
          var popupWidth = $("#login_popup").width();
          var mypopup = $("#login_popup");

          $("#login_popup").css({
              "left": windowWidth/2 - popupWidth/2
           });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
       text-align:center;
       width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
       margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
       margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->

   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
     var _gaq = _gaq || [];
     _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
     _gaq.push(["_trackPageview"]);

     (function() {
       var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
       ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
       var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
     })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>

<body>
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
         <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
         {LOGIN_POPUP_MSG}
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="button2" value="{L_LOGIN}" />
               <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
               <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
         </div>
      </div>
   </div>
   <!-- END switch_login_popup -->

   <a id="top" name="top" accesskey="t"></a>
   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
            <div class="pun">
               <div id="pun-intro" class="clearfix">
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                  <!-- BEGIN switch_h1 -->
                  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                  <!-- END switch_h1 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
               </div>
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>

               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker_new -->

               <!-- BEGIN switch_ticker -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker -->

               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <div id="outer-wrapper">
                        <div id="wrapper">
                           <div id="container">
                              <div id="content">
                                 <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                 </div>
                                 <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</body>
</html>
<!-- END html_validation -->

Je ne trouve pas la variable à modifier Rolling Eyes ?

Ps: Je veux monter la barre de menu (ou navigation).
avatar

iEagle
Nouveau membre

Messages : 21
Inscrit(e) le : 03/04/2011

http://wolftm.forumgratuit.org/
iEagle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Monter/Descendre la barre de menu

Message par Anzu Lun 4 Avr 2011 - 19:09

Bonsoir,

C'est celle ci:
Code:
{GENERATED_NAV_BAR}

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Monter/Descendre la barre de menu

Message par iEagle Lun 4 Avr 2011 - 19:18

Merci pour ta réponse si rapide Very Happy
J'ai réussi à résoudre mon problème (je voulais le descendre et non le monter ^^)
Comme je suis curieux, comment j'aurai du faire pour le monter?

Edit: J'vien de remarquer un autre problème, le fond de mon menu est noir, comment enlever ce noir, svp ?
avatar

iEagle
Nouveau membre

Messages : 21
Inscrit(e) le : 03/04/2011

http://wolftm.forumgratuit.org/
iEagle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Monter/Descendre la barre de menu

Message par Anzu Lun 4 Avr 2011 - 20:16


Quel est le lien de votre forum ?

Pour monter cette barre, il faut la mettre dans une div avec une position et la déplacer dans le template.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Monter/Descendre la barre de menu

Message par iEagle Lun 4 Avr 2011 - 20:32

Voici le lien de mon forum, comme tu peux le voir, le fond de mon menu est noir Rolling Eyes.
avatar

iEagle
Nouveau membre

Messages : 21
Inscrit(e) le : 03/04/2011

http://wolftm.forumgratuit.org/
iEagle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Monter/Descendre la barre de menu

Message par Anzu Lun 4 Avr 2011 - 20:34

Vous avez surement mis les <br /> à l'intérieur du cadre ^^
Je ne pouvais pas deviner que vous étiez en punbb > <

Redonnez moi votre template modifié, je vais vous le faire.

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Monter/Descendre la barre de menu

Message par iEagle Lun 4 Avr 2011 - 21:05

Voici le code:
Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html  xmlns="http://www.w3.org/1999/xhtml" id="min-width" xml:lang="{L_LANG_HTML}" lang="{L_LANG_HTML}" dir="{S_CONTENT_DIRECTION}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
    <head>
      <!-- BEGIN meta_emulate_ie7 -->
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
      <!-- END meta_emulate_ie7 -->
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
      <meta http-equiv="Content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->
      <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">
      //<![CDATA[

      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir  = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
          case 'top' :
            slid_vert = true;
            break;

          case 'left':
            break;

          case 'bottom':
            slid_vert = true;
            auto_dir  = 'prev';
            break;

          case 'right':
            auto_dir  = 'prev';
            break;

          default:
            slid_vert = true;
      }

      $(document).ready(function() {

          var width_max  = $('ul#fa_ticker_content').width();
          var width_item = Math.floor(width_max / {switch_ticker.SIZE});

          if (width_max > 0)
          {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                if ($(this).width() > width_item)
                {
                var ratio      = $(this).width() / width_item;
                var new_height = Math.round($(this).height() / ratio);
                $(this).height(new_height).width(width_item);
                }
            });

            if (slid_vert)
              {
                var height_max = h_perso;

                $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                      height_max = $(this).height();
                  }
                } );

                $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                $('ul#fa_ticker_content li').height(height_max);
              }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
                wrap: 'circular',
                auto: {switch_ticker.STOP_TIME},
                auto_direction: auto_dir,
                  scroll: 1,
                  size: {switch_ticker.SIZE},
                  height_max: height_max,
                  animation: {switch_ticker.SPEED}
              });
          }
          else
          {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
              $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
          }
      });
      //]]>
      </script>
      <!-- END switch_ticker_new -->

      <script type="text/javascript">
      //<![CDATA[
      $(document).ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            pm.focus();
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            report.focus();
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
            ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
          <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
          $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
              var popupWidth = $("#login_popup").width();
              var mypopup = $("#login_popup");

              $("#login_popup").css({
                  "left": windowWidth/2 - popupWidth/2
              });
          });
      });
      <!-- END switch_login_popup -->
      //]]>
      </script>
      {GREETING_POPUP}
      <!-- BEGIN switch_ticker_new -->
      <style>
      .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
      }
      </style>
      <!-- END switch_ticker_new -->

      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
        _gaq.push(["_trackPageview"]);

        (function() {
          var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
          ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
          var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
        })();
      //]]>
      </script>
      <!-- END google_analytics_code -->
    </head>

    <body>
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup" class="module main">
          <div id="login_popup_title" class="main-head">
            <div class="h3">{SITENAME}</div>
          </div>
          <div class="main-content">
            {LOGIN_POPUP_MSG}
            <div id="login_popup_buttons">
                <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="button2" value="{L_LOGIN}" />
                  <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
                </form>
            </div>
          </div>
      </div>
      <!-- END switch_login_popup -->

      <a id="top" name="top" accesskey="t"></a>
      <div class="minwidth_IE">
          <div class="layout_IE">
            <div class="container_IE">
                <div class="pun">
                  <div id="pun-intro" class="clearfix">
                      <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                      <!-- BEGIN switch_h1 -->
                      <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                      <!-- END switch_h1 -->

                      <!-- BEGIN switch_desc -->
                      <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                      <!-- END switch_desc -->
                  </div>
                  <div id="pun-head">
                      <div id="pun-navlinks">
                        <ul class="clearfix">
    </br></br></br></br></br></br></br></br></br></br></br></br><li>{GENERATED_NAV_BAR}</li>
                        </ul>
                      </div>
                  </div>

                  <!-- BEGIN switch_ticker_new -->
                  <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                        <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                              <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </div>
                      </div>
                  </div>
                  <!-- END switch_ticker_new -->

                  <!-- BEGIN switch_ticker -->
                  <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                        <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                  <!-- END switch_ticker -->

                  <div id="page-body">
                      <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <div id="outer-wrapper">
                            <div id="wrapper">
                              <div id="container">
                                  <div id="content">
                                    <div id="{ID_LEFT}">
                                        <!-- BEGIN giefmod_index1 -->
                                        {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                        <!-- END giefmod_index1 -->
                                    </div>
                                    <div id="main">
                                        <div id="main-content">

    <!-- BEGIN html_validation -->
                                        </div>
                                    </div>
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                </div>
            </div>
          </div>
      </div>
    </body>
    </html>
    <!-- END html_validation -->
avatar

iEagle
Nouveau membre

Messages : 21
Inscrit(e) le : 03/04/2011

http://wolftm.forumgratuit.org/
iEagle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Monter/Descendre la barre de menu

Message par Anzu Lun 4 Avr 2011 - 21:07

Code:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html  xmlns="http://www.w3.org/1999/xhtml" id="min-width" xml:lang="{L_LANG_HTML}" lang="{L_LANG_HTML}" dir="{S_CONTENT_DIRECTION}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
        <head>
          <!-- BEGIN meta_emulate_ie7 -->
          <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
          <!-- END meta_emulate_ie7 -->
          <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
          <meta http-equiv="Content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
          <meta http-equiv="content-script-type" content="text/javascript" />
          <meta http-equiv="content-style-type" content="text/css" />
          <!-- BEGIN switch_canonical_url -->
          <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
          <!-- END switch_canonical_url -->
          {META_FAVICO}
          {META}
          {META_FB_LIKE}
          <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
          {T_HEAD_STYLESHEET}
          {CSS}
          <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
          <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
          <script src="{JQUERY_PATH}" type="text/javascript"></script>
          <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
          <!-- BEGIN switch_fb_login -->
          <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
          <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
          <!-- END switch_fb_login -->
          <!-- BEGIN switch_ticker -->
          <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
          <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
          <!-- END switch_ticker -->

          <!-- BEGIN switch_ticker_new -->
          <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
          <script type="text/javascript">
          //<![CDATA[

          /* Definir le sens de direction en fonction du panneau admin */
          var tickerDirParam = "{switch_ticker.DIRECTION}";
          var slid_vert = false;
          var auto_dir  = 'next';
          var h_perso = parseInt({switch_ticker.HEIGHT});

          switch( tickerDirParam )
          {
              case 'top' :
                slid_vert = true;
                break;

              case 'left':
                break;

              case 'bottom':
                slid_vert = true;
                auto_dir  = 'prev';
                break;

              case 'right':
                auto_dir  = 'prev';
                break;

              default:
                slid_vert = true;
          }

          $(document).ready(function() {

              var width_max  = $('ul#fa_ticker_content').width();
              var width_item = Math.floor(width_max / {switch_ticker.SIZE});

              if (width_max > 0)
              {
                $('#fa_ticker_content').css('display','block');

                $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                    if ($(this).width() > width_item)
                    {
                    var ratio      = $(this).width() / width_item;
                    var new_height = Math.round($(this).height() / ratio);
                    $(this).height(new_height).width(width_item);
                    }
                });

                if (slid_vert)
                  {
                    var height_max = h_perso;

                    $('ul#fa_ticker_content li').each( function () {
                      if ($(this).height() > height_max)
                      {
                          height_max = $(this).height();
                      }
                    } );

                    $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                    $('ul#fa_ticker_content li').height(height_max);
                  }

                $('#fa_ticker_content').jcarousel({
                      vertical: slid_vert,
                    wrap: 'circular',
                    auto: {switch_ticker.STOP_TIME},
                    auto_direction: auto_dir,
                      scroll: 1,
                      size: {switch_ticker.SIZE},
                      height_max: height_max,
                      animation: {switch_ticker.SPEED}
                  });
              }
              else
              {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                  $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
              }
          });
          //]]>
          </script>
          <!-- END switch_ticker_new -->

          <script type="text/javascript">
          //<![CDATA[
          $(document).ready(function(){
              <!-- BEGIN switch_enable_pm_popup -->
                pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
                pm.focus();
              <!-- END switch_enable_pm_popup -->
              <!-- BEGIN switch_report_popup -->
                report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
                report.focus();
              <!-- END switch_report_popup -->
              <!-- BEGIN switch_ticker -->
                ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
              <!-- END switch_ticker -->
          });

          <!-- BEGIN switch_login_popup -->
              var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
          <!-- END switch_login_popup -->

          <!-- BEGIN switch_login_popup -->
          $(document).ready( function() {
              $(window).resize(function() {
                var windowWidth = document.documentElement.clientWidth;
                  var popupWidth = $("#login_popup").width();
                  var mypopup = $("#login_popup");

                  $("#login_popup").css({
                      "left": windowWidth/2 - popupWidth/2
                  });
              });
          });
          <!-- END switch_login_popup -->
          //]]>
          </script>
          {GREETING_POPUP}
          <!-- BEGIN switch_ticker_new -->
          <style>
          .jcarousel-skin-tango .jcarousel-item {
              text-align:center;
              width: 10px;
          }

          .jcarousel-skin-tango .jcarousel-item-horizontal {
              margin-right: {switch_ticker.SPACING}px;
          }

          .jcarousel-skin-tango .jcarousel-item-vertical {
              margin-bottom: {switch_ticker.SPACING}px;
          }
          </style>
          <!-- END switch_ticker_new -->

          <!-- BEGIN google_analytics_code -->
          <script type="text/javascript">
          //<![CDATA[
            var _gaq = _gaq || [];
            _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
            _gaq.push(["_trackPageview"]);

            (function() {
              var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
              ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
              var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
            })();
          //]]>
          </script>
          <!-- END google_analytics_code -->
        </head>

        <body>
          <!-- BEGIN hitskin_preview -->
          <div id="hitskin_preview" style="display: block;">
              <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
              <div class="content">
                <p>
                    {hitskin_preview.L_THEME_SITE_PREVIEW}
                    <br />
                    <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
                </p>
              </div>
          </div>
          <!-- END hitskin_preview -->

          <!-- BEGIN switch_login_popup -->
          <div id="login_popup" class="module main">
              <div id="login_popup_title" class="main-head">
                <div class="h3">{SITENAME}</div>
              </div>
              <div class="main-content">
                {LOGIN_POPUP_MSG}
                <div id="login_popup_buttons">
                    <form action="{S_LOGIN_ACTION}" method="get">
                      <input type="submit" class="button2" value="{L_LOGIN}" />
                      <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                      <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
                    </form>
                </div>
              </div>
          </div>
          <!-- END switch_login_popup -->

          <a id="top" name="top" accesskey="t"></a>
          <div class="minwidth_IE">
              <div class="layout_IE">
                <div class="container_IE">
                    <div class="pun">
                      <div id="pun-intro" class="clearfix">
                          <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                          <!-- BEGIN switch_h1 -->
                          <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                          <!-- END switch_h1 -->

                          <!-- BEGIN switch_desc -->
                          <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                          <!-- END switch_desc -->
                      </div> </br></br></br></br></br></br></br></br></br></br></br></br>
                      <div id="pun-head">
                          <div id="pun-navlinks">
                            <ul class="clearfix">
      <li>{GENERATED_NAV_BAR}</li>
                            </ul>
                          </div>
                      </div>

                      <!-- BEGIN switch_ticker_new -->
                      <div id="fa_ticker_block" style="padding-top:4px;">
                          <div class="module main">
                            <div class="main-content clearfix">
                                <div id="fa_ticker_container">
                                  <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                      <!-- BEGIN ticker_row -->
                                      <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                      <!-- END ticker_row -->
                                  </ul>
                                </div>
                            </div>
                          </div>
                      </div>
                      <!-- END switch_ticker_new -->

                      <!-- BEGIN switch_ticker -->
                      <div id="fa_ticker_block" style="padding-top:4px;">
                          <div class="module main">
                            <div class="main-content clearfix">
                                <div id="fa_ticker_container">
                                  <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                      <div class="fa_ticker_content">
                                        <!-- BEGIN ticker_row -->
                                        <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                        <!-- END ticker_row -->
                                      </div>
                                  </div>
                                </div>
                            </div>
                          </div>
                      </div>
                      <!-- END switch_ticker -->

                      <div id="page-body">
                          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                            <div id="outer-wrapper">
                                <div id="wrapper">
                                  <div id="container">
                                      <div id="content">
                                        <div id="{ID_LEFT}">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                            <!-- BEGIN saut -->
                                            <div style="height:{SPACE_ROW}px"></div>
                                            <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                        </div>
                                        <div id="main">
                                            <div id="main-content">

        <!-- BEGIN html_validation -->
                                            </div>
                                        </div>
                                      </div>
                                  </div>
                                </div>
                            </div>
                          </div>
                      </div>
                    </div>
                </div>
              </div>
          </div>
        </body>
        </html>
        <!-- END html_validation -->

Mieux ? ^^
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Monter/Descendre la barre de menu

Message par iEagle Lun 4 Avr 2011 - 21:09

C'est mieux Wink mais j'ai toujours cette maudite ligne noire :'(

Edit: J'ai réussi. Juste modifier les noms des div est le tour est jouer Wink.Merci beaucoup de m'avoir aider! Super staff!! thumright
avatar

iEagle
Nouveau membre

Messages : 21
Inscrit(e) le : 03/04/2011

http://wolftm.forumgratuit.org/
iEagle a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

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