Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

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

Résolu Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par P-Summers le Ven 5 Fév 2016 - 12:09

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : Depuis l'installation de la boussole
Lien du forum : http://chocowaffles.forumactif.com/

Description du problème

Bonjour,

J'ai suivi un tutoriel sur Never Utopia pour changer la forme de la navigation, mais j'ai eu un résultat légèrement contraignant.

Je ne sais absolument pas d'où peut venir le problème, je vous envoie donc l'intégralité du template overall_header édité:
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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <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_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- 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>
 
 
  <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two|Kameron|Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
   

   <!-- 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 w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).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);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#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');
         if(pm != null) { 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}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {            
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, 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 -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (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 background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.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 -->
 
  <div id="img_topleft"></div>
  <div id="img_bottomright"></div>
 
  <div id="ligne_left1"></div>
  <div id="ligne_left2"></div>
  <div id="ligne_left3"></div>
  <div id="ligne_left4"></div>
  <div id="ligne_left5"></div>
  <div id="ligne_left6"></div>
 
  <div id="ligne_right1"></div>
  <div id="ligne_right2"></div>
  <div id="ligne_right3"></div>
  <div id="ligne_right4"></div>
  <div id="ligne_right5"></div>
  <div id="ligne_right6"></div>
 
   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" style="z-index: 10000 !important;">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->
   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                                                  <table cellspacing="0" cellpadding="0" border="0" align="left">
 <tr>
                                          <td align="left">
  <div class="nav_bloc" align="center">
    <div class="navv" id="accueil"><a href="/forum"><img src="http://img11.hostingpics.net/pics/578802accueil.png" alt="Accueil" /></a></div>
    <div class="navv" id="rechercher"><a href="/search"><img src="http://img11.hostingpics.net/pics/896295rechercher.png" alt="Rechercher" /></a></div>
    <div class="navv" id="membres"><a href="/memberlist"><img src="http://img11.hostingpics.net/pics/618481membres.png" alt="Membres" /></a></div>
    <div class="navv" id="groupes"><a href="/groups"><img src="http://img11.hostingpics.net/pics/826427groupes.png" alt="Groupes" /></a></div>
                                                    <div class="navv" id="profil"><a href="/profile?mode=editprofile"><img src="http://img11.hostingpics.net/pics/446898profil.png" alt="Profil" /></a></div>
      <!-- BEGIN switch_user_logged_in -->
    <div class="navv" id="mp"><a href="/privmsg?folder=inbox"><img src="http://img11.hostingpics.net/pics/860693messagerie1.png" alt="MP" id="mpO" /></a></div>
                                                    <div class="navv" id="off"><a href="/login?logout"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Déconnexion" /></a></div>
      <!-- END switch_user_logged_in -->
      <!-- BEGIN switch_user_logged_out -->
                                                    <div class="navv" id="s_inscrire"><a href="/register"><img src="http://img11.hostingpics.net/pics/693663sinscrire.png" alt="S'inscrire" /></a></div>
                                                    <div class="navv" id="on"><a href="/login"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Connexion" /></a></div>
      <!-- END switch_user_logged_out -->
                                                    <div class="navv" id="nav_aiguille"></div>
                                                    <div style="visibility: hidden;">{GENERATED_NAV_BAR}</div>
      </div></td>
 </tr>
 </table>
                     <br />
                     <!-- END switch_logo_center -->
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <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>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <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>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

Et l'intégralité de la feuille de style CSS:
Code:
/* GENERAL ET CORPS DE PAGE */
body
{
  background: url(http://img11.hostingpics.net/pics/362902Pattern1.png) url(http://i68.servimg.com/u/f68/19/41/18/70/53437_10.jpg);
  background-attachment: fixed;
  /* le motif est en transparence il suffit de changer la couleur de fond */
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
}
a:link, a:hover
{
  text-decoration: none !important;
}
.bodylinewidth
{
  position: relative;
  z-index: 10;
  width: 900px;
  margin: 0 auto;
  background: #fcf1dd !important; /* couleur de fond du corps */
  box-shadow: 0px 0px 10px #39322c;
}
.bodyline
{
  padding: 0;
  margin: 0;
}
#page-body
{
  width: 98%;
  margin: auto;
}
#navigation
{
  text-align: right;
  margin: 0 10px -10px 0;
}
#navigation img
{
  opacity: 0.3;
  transition: 500ms;
}
#navigation img:hover
{
  opacity: 0.7;
  transition: 500ms;
}
#search_menu
{
  left: 50% !important;
  text-align: center;
}
#i_logo
{
  margin-top: 0px !important;
}
table
{
  width: 100%;
}
.forumline
{
  width: 100%;
  background: #ffffff;
}
table.three-col
{
  max-width: 880px !important;
}
/* DECO DES COTES */
#img_topleft
{
  position: fixed;
  z-index: 2;
  top: 5%;
  left: 50%;
  margin-left: -700px;
  width: 350px;
  height: 350px;
  background: url(http://img15.hostingpics.net/pics/230043imgbottomrigh2t.png);
  border-radius: 300px;
  border: 10px solid #ffffff;
  box-shadow: 0px 0px 10px #39322c;
}
#img_bottomright
{
  position: fixed;
  z-index: 2;
  bottom: 5%;
  left: 50%;
  margin-left: 330px;
  width: 350px;
  height: 350px;
  background: url(http://img15.hostingpics.net/pics/715443imgbottomright.png);
  border-radius: 300px;
  border: 10px solid #ffffff;
  box-shadow: 0px 0px 10px #39322c;
}
#ligne_left1, #ligne_left2, #ligne_left3, #ligne_left4, #ligne_left5, #ligne_left6
{
  position: fixed;
  height: 100%;
  top: 10%;
  width: 10px;
  left: 50%;
}
#ligne_right1, #ligne_right2, #ligne_right3, #ligne_right4, #ligne_right5, #ligne_right6
{
  position: fixed;
  height: 100%;
  bottom: 10%;
  width: 10px;
  left: 50%;
}
#ligne_left1
{
  margin-left: -560px;
  background: #ffffff;
}
#ligne_left2
{
  margin-left: -550px;
  background: #aed851;
}
#ligne_left3
{
  margin-left: -540px;
  background: #aedbee;
}
#ligne_left4
{
  margin-left: -530px;
  background: #f77491;
}
#ligne_left5
{
  margin-left: -520px;
  background: #eb2c4d;
}
#ligne_left6
{
  margin-left: -510px;
  background: #ffffff;
}
#ligne_right1
{
  margin-left: 500px;
  background: #ffffff;
}
#ligne_right2
{
  margin-left: 510px;
  background: #eb2c4d;
}
#ligne_right3
{
  margin-left: 520px;
  background: #f77491;
}
#ligne_right4
{
  margin-left: 530px;
  background: #aedbee;
}
#ligne_right5
{
  margin-left: 540px;
  background: #aed851;
}
#ligne_right6
{
  margin-left: 550px;
  background: #ffffff;
}
/* CATEGORIES */
.cate_titre h2
{
  width: 100%;
  background: #aed851 url(http://img15.hostingpics.net/pics/313533fondcats.png);
  color: #eb2c4d ;
  background-position: right;
  font-family: 'Pacifico','Shadows Into Light Two', cursive;
  font-size: 50px;
  letter-spacing: none;
  text-align: center;
  padding: 3px 0;
}
.cate_bloc
{
  height: 180px;
  margin: 5px 0;
}
.cate_description
{
  position: relative;
  z-index: 5;
  width: 300px;
  height: 150px;
  overflow: hidden;
  border: 2px solid #eb2c4d;
  padding: 2px;
  font-size: 13.5px;
  background: #e4d0b5;
  text-align: justify;
}
.description_texte
{
  position: absolute;
  width: 280px;
  height: 130px;
  overflow: auto;
  color: #4a392e;
  font-size: 13px;
  padding: 10px;
  line-height: 11px;
  background: #e4d0b5;
  text-align: justify;
  margin-top: 150px;
  opacity: 0;
  transition: 1s;
}
.cate_description:hover .description_texte
{
  margin-top: 0;
  opacity: 1;
  transition: 1s;
}
a.forumlink
{
  position: absolute;
  z-index: 10;
  display: block;
  width: 485px;
  margin: 10px 0 0 295px;
  padding: 2px 0 2px 100px;
  background: #aedbee;
  font-family: 'Alegreya Sans SC', sans-serif;
  color: white !important;
  text-transform: uppercase;
  font-size: 16px;
  transition: 500ms;
}
a.forumlink:hover
{
  background: #f77491;
}
.sous_forum
{
  position: absolute;
  width: 350px;
  height: 113px;
  margin-left: 310px;
  margin-top: 40px;
  color: #ffffff;
  line-height: 1.5;
}
.sous_forum img
{
  vertical-align: center;
}
.sous_forum a.gensmall
{
  padding: 2px;
  background: #e4d0b5;
  color: #aed851 !important;
  font-size: 11px;
  text-shadow: 1px 1px 0px #ffffff;
  transition: 500ms;
  line-height: 1.5;
}
.sous_forum a.gensmall:hover
{
  background: #fcf1dd;
}
.last_post
{
  position: absolute;
  z-index: 11;
  width: 150px;
  height: 100px;
  padding-top: 50px;
  right: 0;
  margin-right: 50px;
  background: url(http://img15.hostingpics.net/pics/374897fondfonce.png);
  border: 5px solid #ffffff;
  box-shadow: 0px 0px 5px #39322c;
  border-radius: 150px;
  overflow: hidden;
  text-align: center;
  font-size: 11px;
}
.stats1, .stats2
{
  position: absolute;
  z-index: 12;
  width: 60px;
  text-align: center;
  right: 0;
  font-size: 26px;
  line-height: 11px;
  font-family: 'Shadows Into Light Two', cursive;
  color: #4a392e;
}
.stats1
{
  margin-right: 100px;
  margin-top: 12px;
}
.stats2
{
  margin-right: 100px;
  margin-top: 120px;
}
.stats1 .gensmall, .stats2 .gensmall
{
  display: block;
  font-family: 'Calibri', serif;
  color: white;
  font-size: 11px;
}
.forum_avatar
{
  position: absolute;
  z-index: 13;
  width: 60px;
  height: 60px;
  right: 0;
  margin-right: 30px;
  margin-top: -10px;
  overflow: hidden;
  border-radius: 60px;
  border: 3px solid #ffffff;
  box-shadow: 0px 0px 5px #39322c;
  background: url(http://img15.hostingpics.net/pics/154591icoforum.png);
}
.forum_avatar img
{
  width: 65px;
  margin-top: -20px;
}
.forum_icone
{
  position: absolute;
  z-index: 12;
  right: 0;
  margin-right: 10px;
  margin-top: 30px;
}
/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 870px;
  margin: auto;
  background: #fcf1dd;
  border: 1px solid #eb2c4d;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 0px 0px 3px #868686;
  padding: 5px;
}
.sujets
{
  background: #e4d0b5;
  border: 1px dotted #ffffff;
  padding: 3px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
  margin-left: 1px dotted #eb2c4d;
  margin-right: 1px dotted #eb2c4d;
}
.sujet_last
{
  border-left: 3px solid #aedbee;
  border-right: 3px solid #aedbee;
  display: block;
  width: 180px;
  height: 40px;
  background: #fcf1dd;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 900px;
  text-align: right;
  margin-bottom: 5px;
  margin-left: -5%;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #4a392e;
}
/* PRESENTATION DU SUJET */
/* APPARENCE MESSAGES */
div.postbody {
background: #FCF1DD; border:1px dotted #AEDBEE; /* MODIFIABLE */
padding:10px; min-height:260px;
text-align:justify; color:#4a392e;
font-size: 13px; !important
}
/* AVATAR */
.avaP {
height:320px; width:200px;
border:5px solid;
border-color: #eb2c4d; /* MODIFIABLE */
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaP img {
height:320px; width:200px;
}
/* INFORMATIONS RP */
.avaP div{
position:absolute; z-index:2; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* FOND INFORMATIONS RP */
.avaP div div{
width:190px; height:310px; padding:5px; overflow:auto; 
font-size:11px; background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
transform:translateY(-640px); -webkit-transform:translateY(-640px);
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaP:hover div div {
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* IMAGE RANG */
.imgrankP {
position:absolute; z-index:3;
margin-top:-53px;
}
/* ICONE EN LIGNE */
.onS {
position:absolute; z-index:4;
margin-left:99px; margin-top:-30px;
}
/* TRIANGLES HAUT INFORMATIONS JOUEUR */
.triNLP {
display:inline-block;
width:0; height:0;
border-style:solid; border-width:50px 0 0 105px; border-color:transparent;
border-left-color:#eb2c4d; /* MODIFIABLE */
}
.triNRP {
display:inline-block;
width:0; height:0;
border-style:solid; border-width:0 0 50px 105px; border-color:transparent;
border-bottom-color:#eb2c4d; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.rimgdP {
background:#eb2c4d; /* MODIFIABLE */
padding-bottom:5px;
}
/* PSEUDONYME */
.nameP {
width:200px; padding:5px;
text-align:center;
 font-family: 'Pacifico', 'Shadows Into Light Two', cursive, Calibri;
  font-size: 26px;
  text-shadow: 1px 1px 1px white;
}
/* TEXTE RANG */
.rankP {
padding:5px; width:200px;
text-transform:uppercase; text-align:center;
background: white; color:#AED851;  /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactP {
width:210px; padding:5px 0; text-align:center;
opacity:0.5;
}
/* INFOS JOUEUR */
.dtailS {
padding:5px; width:180px; margin:auto;
font-size:11px; color:black; background:rgba(250,250,250,0.4); /* MODIFIABLE */
}
/* TRIANGLE BAS PROFIL */
.triP {
width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent;
border-top-color: #eb2c4d; /* MODIFIABLE */
}
/* QEEL */
.qeel_groupes
{
  position: relative;
  z-index: 11;
  width: 250px;
  height: 250px;
  margin: auto;
  text-align: center;
  background: #eb2c4d;
  border: 5px solid #ffffff;
  border-radius: 250px;
  font-size: 0;
  box-shadow: 0px 0px 5px #39322c;
  overflow: hidden;
}
.qeel_groupes a.gensmall
{
  display: block;
  text-align: center;
  font-size: 12px;
  background: #eb2c4d;
  font-family: 'Alegreya Sans SC', sans-serif;
  transition: 500ms;
}
.qeel_groupes a.gensmall:hover
{
  background: #ffffff;
}
.qeel_gen
{
  text-align: center;
  font-family: 'Shadows Into Light Two', cursive;
}
.qeel_gen .gensmall
{
  font-size: 18px;
  color: #e4d0b5 !important;
}
.qeel_co
{
  position: absolute;
  z-index: 10;
  width: 450px;
  height: 200px;
  margin-top: 25px;
  overflow: hidden;
}
.qeel_co img
{
  position: absolute;
  transition: 1s;
}
.qeel_co:hover img
{
  margin-left: 450px;
}
.qeel_last
{
  position: absolute;
  z-index: 10;
  width: 450px;
  height: 200px;
  right: 0;
  margin-right: 10px;
  margin-top: 25px;
  overflow: hidden;
}
.qeel_last img
{
  position: absolute;
  transition: 1s;
}
.qeel_last:hover img
{
  margin-left: -450px;
}
.qeel_co_bloc, .qeel_last_bloc
{
  width: 300px;
  height: 180px;
  padding: 10px;
  background: #e4d0b5;
  overflow: auto;
}
.qeel_last_bloc
{
  float: right;
}
/* CHAMPS DE SAISIE ET BOUTONS */
input, select, textarea
{
  background: #e4d0b5;
  padding: 2px;
  border: none;
}
.mainoption, .liteoption
{
  background: #a26843;
  padding: 5px;
  margin: 5px;
  cursor: pointer;
  transition: 500ms;
}
.mainoption:hover, .liteoption:hover
{
  background: #cba857;
}
.sceditor-container iframe, .sceditor-container textarea
{
  max-width: 620px;
}
td.pourcentback img
{
  background: #cba857;
}
/* RETRAIT DES BORDURES */
    .row3Right
    {
    border: none !important;
    }
    .thHead
    {
    border: none !important;
    }
    .thCornerL, .thCornerR, .thTop
    {
    border: none !important;
    }
    .thLeft, .thRight
    {
    border-left: none !important;
    border-right: none !important;
    }
    .catLeft, .catRight
    {
    border: none! important;
    }
    .catHead
    {
    border: none !important;
    }
    .catBottom
    {
    border: none !important;
    }
#page-footer
{
  width: 900px;
  height: 200px;
  margin: auto;
  background: url(http://img15.hostingpics.net/pics/338392footer.png);
  border-top: 3px solid #ffffff;
  margin-top: 3em;
}
#page-footer a
{
  font-size: 10px;
  color: #ffffff !important;
}
#page-footer a:hover
{
  color: #4A392E !important
}
 /*NAVIGATION*/

/*Bloc de la boussole*/
.nav_bloc {
  background-image: url('http://img15.hostingpics.net/pics/980376boussoleFINIE.png');
  width: 300px;
  height: 300px;
  position: relative;
  display: block;
  margin-top: -190px;
  margin-left: 30px;
}

/*Trucs pour les liens*/
.navv {
  position: absolute;
  display: block;
  z-index: 2;
}

/*Aiguille*/
#nav_aiguille {
  background-image: url('http://img15.hostingpics.net/pics/690481aiguiboussole.png');
  width: 14px;
  height: 244px;
  bottom: 32px;
  left: 140px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg); /*IE 9*/
  -webkit-transform: rotate(0deg); /*Opera, Chrome, and Safari*/
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  z-index: 1;
}

/*Positionnement des liens*/
#accueil {
  width: 100px;
  height: 27px;
  bottom: 260px;
  left: 101px;
  transform:rotate(1deg);
  -ms-transform:rotate(1deg); /* IE 9 */
  -webkit-transform:rotate(1deg); /* Opera, Chrome, and Safari */
}
#rechercher {
  width: 131px;
  height: 35px;
  bottom: 200px;
  left: 184px;
  transform:rotate(57deg);
  -ms-transform:rotate(57deg); /* IE 9 */
  -webkit-transform:rotate(57deg); /* Opera, Chrome, and Safari */
}
#membres {
  width: 94px;
  height: 28px;
  bottom: 100px;
  left: 218px;
  transform:rotate(109deg);
  -ms-transform:rotate(109deg); /* IE 9 */
  -webkit-transform:rotate(109deg); /* Opera, Chrome, and Safari */
}
#groupes {
  width: 99px;
  height: 32px;
  bottom: 21px;
  left: 144px;
  transform:rotate(157deg);
  -ms-transform:rotate(157deg); /* IE 9 */
  -webkit-transform:rotate(157deg); /* Opera, Chrome, and Safari */
}
#profil {
  width: 79px;
  height: 28px;
  bottom: 25px;
  left: 55px;
  transform:rotate(205deg);
  -ms-transform:rotate(205deg); /* IE 9 */
  -webkit-transform:rotate(205deg); /* Opera, Chrome, and Safari */
}
#mp {
  width: 115px;
  height: 39px;
  bottom: 120px;
  left: -31px;
  transform:rotate(265deg);
  -ms-transform:rotate(265deg); /* IE 9 */
  -webkit-transform:rotate(265deg); /* Opera, Chrome, and Safari */
}
#off, #on {
  width: 80px;
  height: 31px;
  bottom: 225px;
  left: 26px;
  transform:rotate(315deg);
  -ms-transform:rotate(315deg); /* IE 9 */
  -webkit-transform:rotate(315deg); /* Opera, Chrome, and Safari */
}
#s_inscrire {
  width: 107px;
  height: 37px;
  bottom: 120px;
  left: -27px;
  transform:rotate(263deg);
  -ms-transform:rotate(263deg); /* IE 9 */
  -webkit-transform:rotate(263deg); /* Opera, Chrome, and Safari */
}

/*Mouvement de l'aiguille selon le lien survolé*/
#accueil:hover ~ #nav_aiguille {
  transform:rotate(2deg);
  -ms-transform:rotate(2deg); /* IE 9 */
  -webkit-transform:rotate(2deg); /* Opera, Chrome, and Safari */
}
#rechercher:hover ~ #nav_aiguille {
  transform:rotate(57deg);
  -ms-transform:rotate(57deg); /* IE 9 */
  -webkit-transform:rotate(57deg); /* Opera, Chrome, and Safari */
}
#membres:hover ~ #nav_aiguille {
  transform:rotate(109deg);
  -ms-transform:rotate(109deg); /* IE 9 */
  -webkit-transform:rotate(109deg); /* Opera, Chrome, and Safari */
}
#groupes:hover ~ #nav_aiguille {
  transform:rotate(157deg);
  -ms-transform:rotate(157deg); /* IE 9 */
  -webkit-transform:rotate(157deg); /* Opera, Chrome, and Safari */
}
#profil:hover ~ #nav_aiguille {
  transform:rotate(205deg);
  -ms-transform:rotate(205deg); /* IE 9 */
  -webkit-transform:rotate(205deg); /* Opera, Chrome, and Safari */
}
#mp:hover ~ #nav_aiguille {
  transform:rotate(265deg);
  -ms-transform:rotate(265deg); /* IE 9 */
  -webkit-transform:rotate(265deg); /* Opera, Chrome, and Safari */
}
#s_inscrire:hover ~ #nav_aiguille {
  transform:rotate(263deg);
  -ms-transform:rotate(263deg); /* IE 9 */
  -webkit-transform:rotate(263deg); /* Opera, Chrome, and Safari */
}
#on:hover ~ #nav_aiguille, #off:hover ~ #nav_aiguille {
  transform: rotate(315deg);
  -ms-transform: rotate(315deg); /* IE 9 */
  -webkit-transform: rotate(315deg); /* Opera, Chrome, and Safari */
}

              /*FIN NAVIGATION*/
/*FICHES*/
/*Présentations*/
#fondpres {
  background-color: #4a392e;
  width: 550px;
}
.fondsec {
background-color: #e4d0b5;
 padding: 20px;
  width: 93%;
  border-left: 4px solid #aed851;
  border-right: 4px solid #aed851;
}
.titrepres {
  font-family: 'Pacifico', 'Shadows Into Light Two', sans-serif;
  font-size: 28px;
  color: #ffffff;
  text-align: left;
  padding-left: 70px;
  position: relative;
  top: 0.6em;
  text-shadow:0px 0px 4px white;
}
.fondpperso {
  background-color: #E3F7B3;
}
.pcoldg {
  width: 150px;
  height: 210px;
  overflow: auto;
  text-align: justify;
  padding: 15px;
  font-size: 11px;
}
.colortext {
  color: #f77491;
  font-weight: bold;
}
.pcredit {
  color: #4a392e;
  font-weight: bold;
  font-style: italic;
}
.fondpersomil {
  background-color: #CCEF6D; width: 110px;
}
.imgmil1 {
  width: 90px;
  border: 10px solid #aedbee;
  border-radius: 90px;
}
.imgmil2 {
  width: 90px;
  border: 10px solid #eb2c4d;
  border-radius: 90px;
}
.citationpres {
  font-family: 'Parisienne', cursive;
  font-size: 25px; color: #ffffff;
  position: relative; top: -0.3em;
  text-shadow: 0px 0px 5px #f77491;
}
.titrespreslinks {
  width: 90%;
  padding: 10px;
  font-family: 'Pacifico', 'Shadows Into Light Two', cursive;
  font-size: 25px;
  color: #ffffff;
  background-color: #aed851;
}
.titrespreshist {
  width: 90%;
  padding: 10px;
  font-family: 'Pacifico', 'Shadows Into Light Two', cursive;
  font-size: 25px;
  color: #ffffff;
  background-color: #eb2c4d;
}
.titrespreslinks2 {
  width: 90%;
  padding: 10px;
  font-family: 'Pacifico', 'Shadows Into Light Two', cursive;
  font-size: 25px;
  color: #ffffff;
  background-color: #f77491;
}
.titresprescaractere{
  width: 90%;
  padding: 10px;
  font-family: 'Pacifico', 'Shadows Into Light Two', cursive;
  font-size: 25px;
  color: #ffffff;
  background-color: #aedbee;
}
#presp {
  border-left: 4px solid #eb2c4d;
  border-right: 2px solid #eb2c4d;
  width: 88%;
  height: 150px;
  text-align: justify;
  font-size: 13px;
  overflow: auto;
  color: #4a392e;
  padding: 10px;
  background-color: #e4d0b5;
}
.imgppres {
  width: 90px;
  border: 10px solid #aed851;
  border-radius: 90px;
  float: left;
  margin-right: 8px;
  margin-bottom: -2px;
}
.prestriangle {
  border: 0 solid transparent;
  border-right-width: 70px;
  border-left-width: 70px;
  border-bottom: 120px solid #eb2c4d;
  position: absolute;
  top: 0em;
  left: 1em;
}
.lastimgpres {
  width: 80px;
  position: absolute;
  left: 3.5em;
  top: 3.2em;
  border-radius: 80px;
}
#presplast {
  background-color: #e4d0b5;
  width: 350px;
  height: 120px;
  position: absolute;
  top: 0em;
  left: 30%;
  text-align: justify;
  font-size: 13px;
  overflow: auto;
  color:  #4a392e;
}
.preslastmep {
  width: 300px;
  padding: 10px;
}
.credits {
  color: #FFFFFF !important; font-size: 9px;
}
/*LIENS*/
.premiereimageliens {
  width: 100px;
  border: 10px solid #aedbee;
  border-radius: 100px;
  position: absolute;
  left: -1em;
  top: 1.5em; z-index: 1;
}
.premiercarreliens {
  background-color: #e4d0b5;
  width: 450px;
  height: 200px;
  position: absolute;
  top: -2em; left: 4.2em;
}
.premierencadrement {
  border: 0 solid transparent;
  border-bottom-width: 100px;
  border-top-width: 100px;
  border-left: 450px solid #aed851;
}
.premiercarre {
  width: 240px;
  height: 63px;
  overflow: auto;
  text-align: justify;
  font-size: 11px;
  position: absolute;
  z-index: 1;
  left: 5.7em; top: 6.2em;
}
.citationlinks {
  font-family: 'Parisienne', cursive;
  font-size: 25px;
  z-index: 1; position: absolute;
  left: 1em; top: 7.6em;
  color: #ffffff;
  text-shadow: 0px 0px 5px #f77491;
  width: 80%;
}
.avatarlinks {
  width: 80px; border: 10px solid #eb2c4d;
  border-radius: 80px; position: absolute;
  left: 28em; top: 12.6em; z-index: 1;
}
.linkstriangleennemi {
  border: 0 solid transparent;
  border-right-width: 70px;
  border-left-width: 70px;
  border-bottom: 120px solid #aed851;
  position: absolute;
  top: 0em;
  left: 1em;
}
/*EN-TÊTE*/
.enteterp
{
  width: 90%;
  background: #aed851 url(http://img15.hostingpics.net/pics/313533fondcats.png);
  color: #eb2c4d ;
  background-position: right;
  font-family: 'Pacifico','Shadows Into Light Two', cursive;
  font-size: 32px;
  letter-spacing: none;
  text-align: center;
  padding: 3px;
  margin: auto;
    border-radius: 40%;
}
/* PAGE D'ACCUEIL */
/* CONTEXTE */
.ctxtIIIR {
background-color:#aedbee !important; color:white !important;
}
/* PREDEFINIS FEMININS */
.predFIIIR {
background-color: #4a392e !important;
}
.predFIIIR a {
color:white !important;
}
/* PREDEFINIS MASCULINS */
.predMIIIR {
background-color: #4a392e !important;
}
.predMIIIR a {
color:black !important;
}
/* LIENS */
.liensIIIR {
background-color:#4a392e !important;
}
.liensIIIR a {
color:white !important;
}
/* PARTENAIRES */
.partzIIIR {
background-color: #eb2c4d !important;
}
/* CONTENU FONDATEUR/TRICE */
.fondaIIIR  div {
background-color: #fcf1dd !important; color: #4a392e !important;
}
/* CONTENU STAFF */
.adminIIIR div {
background-color: #fafafa !important; color: #4a392e !important;
}

Merci !


Dernière édition par P-Summers le Sam 6 Fév 2016 - 23:09, édité 1 fois

P-Summers
Nouveau membre

Messages : 12
Inscrit(e) le : 05/02/2016

http://chocowaffles.forumactif.com/
P-Summers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par Evaliah le Ven 5 Fév 2016 - 14:18

Bonjour P-Summers,

J'ai regardé ton forum et le code que tu as donné, et on voit que les liens manquants se trouvent dans la div invisible notifiée ici :
Code:
<div style="visibility: hidden;">{GENERATED_NAV_BAR}</div>

On voit aussi un problème avec le lien de Profil, qui apparaît même en étant déconnecté.

Dans le template tout cela correspond à cette partie :
Code:
 <div class="nav_bloc" align="center">
    <div class="navv" id="accueil"><a href="/forum"><img src="http://img11.hostingpics.net/pics/578802accueil.png" alt="Accueil" /></a></div>
    <div class="navv" id="rechercher"><a href="/search"><img src="http://img11.hostingpics.net/pics/896295rechercher.png" alt="Rechercher" /></a></div>
    <div class="navv" id="membres"><a href="/memberlist"><img src="http://img11.hostingpics.net/pics/618481membres.png" alt="Membres" /></a></div>
    <div class="navv" id="groupes"><a href="/groups"><img src="http://img11.hostingpics.net/pics/826427groupes.png" alt="Groupes" /></a></div>
    <div class="navv" id="profil"><a href="/profile?mode=editprofile"><img src="http://img11.hostingpics.net/pics/446898profil.png" alt="Profil" /></a></div>
      <!-- BEGIN switch_user_logged_in -->
    <div class="navv" id="mp"><a href="/privmsg?folder=inbox"><img src="http://img11.hostingpics.net/pics/860693messagerie1.png" alt="MP" id="mpO" /></a></div>
                                                    <div class="navv" id="off"><a href="/login?logout"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Déconnexion" /></a></div>
      <!-- END switch_user_logged_in -->
      <!-- BEGIN switch_user_logged_out -->
                                                    <div class="navv" id="s_inscrire"><a href="/register"><img src="http://img11.hostingpics.net/pics/693663sinscrire.png" alt="S'inscrire" /></a></div>
                                                    <div class="navv" id="on"><a href="/login"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Connexion" /></a></div>
      <!-- END switch_user_logged_out -->
                                                    <div class="navv" id="nav_aiguille"></div>
                                                    <div style="visibility: hidden;">{GENERATED_NAV_BAR}</div>
      </div>

Il faut en particulier y repérer les lignes :
Code:
 <!-- BEGIN switch_user_logged_out -->
et
Code:
<!-- BEGIN switch_user_logged_in -->

Elles permettent de distinguer ce qui va s'afficher selon que la personne soit connectée ou non.
Au début tu places tes liens Accueil, Rechercher, Membres, Groupes et Profil en dehors de lignes de ce type, ils apparaîtront donc sans tenir compte du statut (connecté ou non) de l'utilisateur.
On a donc un premier problème, puisque le profil ne devrait apparaître que si on est connecté.

Je te propose de faire un premier test, qui chez moi fonctionne :
Remplacer le code que je viens de citer (celui qui fait 17 lignes) par celui-ci :
Code:
<!--<div>{GENERATED_NAV_BAR}</div>-->
  <div class="navv" id="accueil"><a href="/forum"><img src="http://img11.hostingpics.net/pics/578802accueil.png" alt="Accueil" /></a></div>
  <div class="navv" id="rechercher"><a href="/search"><img src="http://img11.hostingpics.net/pics/896295rechercher.png" alt="Rechercher" /></a></div>
  <div class="navv" id="membres"><a href="/memberlist"><img src="http://img11.hostingpics.net/pics/618481membres.png" alt="Membres" /></a></div>
  <div class="navv" id="groupes"><a href="/groups"><img src="http://img11.hostingpics.net/pics/826427groupes.png" alt="Groupes" /></a></div>
  <!-- BEGIN switch_user_logged_in -->
  <div class="navv" id="profil"><a href="/profile?mode=editprofile"><img src="http://img11.hostingpics.net/pics/446898profil.png" alt="Profil" /></a></div>
  <div class="navv" id="mp"><a href="/privmsg?folder=inbox"><img src="http://img11.hostingpics.net/pics/860693messagerie1.png" alt="MP" id="mpO" /></a></div>
  <div class="navv" id="off"><a href="/login?logout"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Déconnexion" /></a></div>
  <!-- END switch_user_logged_in -->
  <!-- BEGIN switch_user_logged_out -->
  <div class="navv" id="s_inscrire"><a href="/register"><img src="http://img11.hostingpics.net/pics/693663sinscrire.png" alt="S'inscrire" /></a></div>
  <div class="navv" id="on"><a href="/login"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Connexion" /></a></div>
  <!-- END switch_user_logged_out -->

La boussole ne va pas apparaître car on ne la mentionne pas dans le code mais ce test te permettra de vérifier que tes liens apparaissent correctement en fonction du statut connecté/déconnecté.
Si ce n'est pas le cas comme le code fonctionne chez moi on saura que le problème vient d'ailleurs.

Evaliah
****

Féminin
Messages : 317
Inscrit(e) le : 14/01/2013

http://lestroisiles.forumactif.org/
Evaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par P-Summers le Ven 5 Fév 2016 - 14:30

Merci d'avoir répondu

Et malheureusement... non ! Rien, on ne voit toujours pas les liens. Là, les liens déjà présents vont plutôt se surperposer sur le footer sans que les autres n'apparaissent, et la boussole a disparu.

P-Summers
Nouveau membre

Messages : 12
Inscrit(e) le : 05/02/2016

http://chocowaffles.forumactif.com/
P-Summers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par Evaliah le Ven 5 Fév 2016 - 14:58

Ça c'est plutôt bizarre, il n'y a pas de raison qu'ils aillent se loger là si tu les as mis au bon endroit dans le bon template !
Sur quel forum as-tu effectué le test ? En regardant le forum que tu as en lien dans ton profil je ne le vois pas, et sans voir le résultat difficile d'évaluer ce qui ne va pas quand ça fonctionne chez moi Wink

Evaliah
****

Féminin
Messages : 317
Inscrit(e) le : 14/01/2013

http://lestroisiles.forumactif.org/
Evaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par P-Summers le Ven 5 Fév 2016 - 15:01

Je fais une capture !

Oui, c'est normal, mon template n'est pas validé~

Et j'ai bien vérifié que j'avais bien édité et je crois que oui, voilà le template édité:

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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <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_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- 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>
 
 
  <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two|Kameron|Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
   

   <!-- 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 w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).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);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#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');
         if(pm != null) { 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}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {            
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, 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 -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (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 background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.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 -->
 
  <div id="img_topleft"></div>
  <div id="img_bottomright"></div>
 
  <div id="ligne_left1"></div>
  <div id="ligne_left2"></div>
  <div id="ligne_left3"></div>
  <div id="ligne_left4"></div>
  <div id="ligne_left5"></div>
  <div id="ligne_left6"></div>
 
  <div id="ligne_right1"></div>
  <div id="ligne_right2"></div>
  <div id="ligne_right3"></div>
  <div id="ligne_right4"></div>
  <div id="ligne_right5"></div>
  <div id="ligne_right6"></div>
 
   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" style="z-index: 10000 !important;">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->
   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                                                  <table cellspacing="0" cellpadding="0" border="0" align="left">
 <tr>
                                          <td align="left">
<!--<div>{GENERATED_NAV_BAR}</div>-->
  <div class="navv" id="accueil"><a href="/forum"><img src="http://img11.hostingpics.net/pics/578802accueil.png" alt="Accueil" /></a></div>
  <div class="navv" id="rechercher"><a href="/search"><img src="http://img11.hostingpics.net/pics/896295rechercher.png" alt="Rechercher" /></a></div>
  <div class="navv" id="membres"><a href="/memberlist"><img src="http://img11.hostingpics.net/pics/618481membres.png" alt="Membres" /></a></div>
  <div class="navv" id="groupes"><a href="/groups"><img src="http://img11.hostingpics.net/pics/826427groupes.png" alt="Groupes" /></a></div>
  <!-- BEGIN switch_user_logged_in -->
  <div class="navv" id="profil"><a href="/profile?mode=editprofile"><img src="http://img11.hostingpics.net/pics/446898profil.png" alt="Profil" /></a></div>
  <div class="navv" id="mp"><a href="/privmsg?folder=inbox"><img src="http://img11.hostingpics.net/pics/860693messagerie1.png" alt="MP" id="mpO" /></a></div>
  <div class="navv" id="off"><a href="/login?logout"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Déconnexion" /></a></div>
  <!-- END switch_user_logged_in -->
  <!-- BEGIN switch_user_logged_out -->
  <div class="navv" id="s_inscrire"><a href="/register"><img src="http://img11.hostingpics.net/pics/693663sinscrire.png" alt="S'inscrire" /></a></div>
  <div class="navv" id="on"><a href="/login"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Connexion" /></a></div>
  <!-- END switch_user_logged_out --></td>
 </tr>
 </table>
                     <br />
                     <!-- END switch_logo_center -->
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <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>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <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>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

P-Summers
Nouveau membre

Messages : 12
Inscrit(e) le : 05/02/2016

http://chocowaffles.forumactif.com/
P-Summers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par Evaliah le Ven 5 Fév 2016 - 17:16

Ce que tu montres sur la capture ça ressemble un peu à une balise mal fermée, je vais avoir besoin que tu publies ton template pour regarder ça car ton template étant très différent de l'original ce n'est pas évident de s'y retrouver.
As-tu fait d'autres changements sur ton template ? Si ce n'est pas le cas le mieux est encore de revenir au template original et de tester ce que je t'ai proposé en le mettant au bon endroit.

Evaliah
****

Féminin
Messages : 317
Inscrit(e) le : 14/01/2013

http://lestroisiles.forumactif.org/
Evaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par P-Summers le Ven 5 Fév 2016 - 17:30

Je viens de vérifier et tout est en place... c'est bizarre...
P.S: le </html> à la fin du template est rouge... c'est normal ? Peut-être que ça a un rapport avec ça
EDIT: Et oui, le template de base auquel j'ai ajouté ça était modifié, voilà l'original auquel j'ai ajouté la barre de navig
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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <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_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- 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>
 
 
  <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two|Kameron|Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
   

   <!-- 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 w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).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);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#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');
         if(pm != null) { 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}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {            
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, 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 -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (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 background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.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 -->
 
  <div id="img_topleft"></div>
  <div id="img_bottomright"></div>
 
  <div id="ligne_left1"></div>
  <div id="ligne_left2"></div>
  <div id="ligne_left3"></div>
  <div id="ligne_left4"></div>
  <div id="ligne_left5"></div>
  <div id="ligne_left6"></div>
 
  <div id="ligne_right1"></div>
  <div id="ligne_right2"></div>
  <div id="ligne_right3"></div>
  <div id="ligne_right4"></div>
  <div id="ligne_right5"></div>
  <div id="ligne_right6"></div>
 
   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" style="z-index: 10000 !important;">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                                                  <div id="navigation">{GENERATED_NAV_BAR}</div>
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <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>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <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>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

P-Summers
Nouveau membre

Messages : 12
Inscrit(e) le : 05/02/2016

http://chocowaffles.forumactif.com/
P-Summers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par Evaliah le Ven 5 Fév 2016 - 19:01

Quand une fermeture de balise est en rouge ça veut dire qu'une balise est mal fermée MAIS sur les templates originaux ForumActif les balises auto-fermantes type image ou input ne sont pas toujours fermées avec le /> parfois il y a seulement le > , ce qui est considéré par la coloration syntaxique par une absence de fermeture. Tu peux essayer de les refermer en ajoutant le / manquant et de voir si la fermeture d'html est toujours en rouge, au cas où.

Pour voir ce qui bug comme je te l'ai dit j'attends que tu publies le template sur ton forum.

Evaliah
****

Féminin
Messages : 317
Inscrit(e) le : 14/01/2013

http://lestroisiles.forumactif.org/
Evaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par P-Summers le Ven 5 Fév 2016 - 19:09

C'est fait !

EDIT: Enfin, le template est publié, mais ça ne marche toujours pas.

P-Summers
Nouveau membre

Messages : 12
Inscrit(e) le : 05/02/2016

http://chocowaffles.forumactif.com/
P-Summers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par Evaliah le Sam 6 Fév 2016 - 14:38

Ok merci pour la publication Smile

La class .navv positionne les éléments en absolute, et les différents éléments ayant cette class sont positionné par rapport au bas (bottom) donc c'est normal que tout ça se retrouve en bas.

Je te propose ceci :
1) Sauvegarder ton template overall_header sur ton ordinateur
2) Remettre le template overall_header par défaut (en cliquant là sur la ligne correspondante)
3) Remplacer ceci :
Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
Par ça :
Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>
<!--<div>{GENERATED_NAV_BAR}</div>-->
<div class="nav_bloc" align="center">
  <div class="navv" id="accueil"><a href="/forum"><img src="http://img11.hostingpics.net/pics/578802accueil.png" alt="Accueil" /></a></div>
  <div class="navv" id="rechercher"><a href="/search"><img src="http://img11.hostingpics.net/pics/896295rechercher.png" alt="Rechercher" /></a></div>
  <div class="navv" id="membres"><a href="/memberlist"><img src="http://img11.hostingpics.net/pics/618481membres.png" alt="Membres" /></a></div>
  <div class="navv" id="groupes"><a href="/groups"><img src="http://img11.hostingpics.net/pics/826427groupes.png" alt="Groupes" /></a></div>
  <!-- BEGIN switch_user_logged_in -->
  <div class="navv" id="profil"><a href="/profile?mode=editprofile"><img src="http://img11.hostingpics.net/pics/446898profil.png" alt="Profil" /></a></div>
  <div class="navv" id="mp"><a href="/privmsg?folder=inbox"><img src="http://img11.hostingpics.net/pics/860693messagerie1.png" alt="MP" id="mpO" /></a></div>
  <div class="navv" id="off"><a href="/login?logout"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Déconnexion" /></a></div>
  <!-- END switch_user_logged_in -->
  <!-- BEGIN switch_user_logged_out -->
  <div class="navv" id="s_inscrire"><a href="/register"><img src="http://img11.hostingpics.net/pics/693663sinscrire.png" alt="S'inscrire" /></a></div>
  <div class="navv" id="on"><a href="/login"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Connexion" /></a></div>
  <!-- END switch_user_logged_out -->
</div>
</td>

En fonction des résultats du test on pourra remettre ou non des éléments de ton template overall_header initial.

Evaliah
****

Féminin
Messages : 317
Inscrit(e) le : 14/01/2013

http://lestroisiles.forumactif.org/
Evaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par P-Summers le Sam 6 Fév 2016 - 22:33

Voilà ! Merci pour ton aide, maintenant les boutons s'affichent comme il le faut.

Mais j'aimerais remettre l'aiguille et le template à sa place maintenant !

EDIT: Résolu ! Grâce à la réponse du Never-Utopia. Je mets la réponse ici pour que d'autres personnes en profitent si elles rencontrent le même problème que moi.

Nihil Scar Winspeare a écrit:Alors, le problème vient d'une particularité de forumactif pas très connue et bien embêtante :p

La partie qui affiche la navigation est celle-ci :
Code:
<div class="nav_bloc" align="center">
  <div class="navv" id="accueil">
    <a href="/forum"><img src="http://img11.hostingpics.net/pics/578802accueil.png" alt="Accueil" /></a>
  </div>
  <div class="navv" id="rechercher">
    <a href="/search"><img src="http://img11.hostingpics.net/pics/896295rechercher.png" alt="Rechercher" /></a>
  </div>
  <div class="navv" id="membres">
    <a href="/memberlist"><img src="http://img11.hostingpics.net/pics/618481membres.png" alt="Membres" /></a>
  </div>
  <div class="navv" id="groupes">
    <a href="/groups"><img src="http://img11.hostingpics.net/pics/826427groupes.png" alt="Groupes" /></a>
  </div>
  <div class="navv" id="profil">
    <a href="/profile?mode=editprofile"><img src="http://img11.hostingpics.net/pics/446898profil.png" alt="Profil" /></a>
  </div>
  <!-- BEGIN switch_user_logged_in -->
  <div class="navv" id="mp">
    <a href="/privmsg?folder=inbox"><img src="http://img11.hostingpics.net/pics/860693messagerie1.png" alt="MP" id="mpO" /></a>
  </div>
  <div class="navv" id="off">
    <a href="/login?logout"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Déconnexion" /></a>
  </div>
  <!-- END switch_user_logged_in -->
  <!-- BEGIN switch_user_logged_out -->
  <div class="navv" id="s_inscrire">
    <a href="/register"><img src="http://img11.hostingpics.net/pics/693663sinscrire.png" alt="S'inscrire" /></a>
  </div>
  <div class="navv" id="on">
    <a href="/login"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Connexion" /></a>
  </div>
  <!-- END switch_user_logged_out -->
  <div class="navv" id="nav_aiguille"></div>
  <div style="visibility: hidden;">{GENERATED_NAV_BAR}</div>
</div>


Les liens qui ne s'affichent pas sont ceux là :
Code:
  <!-- BEGIN switch_user_logged_in -->
  <div class="navv" id="mp">
    <a href="/privmsg?folder=inbox"><img src="http://img11.hostingpics.net/pics/860693messagerie1.png" alt="MP" id="mpO" /></a>
  </div>
  <div class="navv" id="off">
    <a href="/login?logout"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Déconnexion" /></a>
  </div>
  <!-- END switch_user_logged_in -->
  <!-- BEGIN switch_user_logged_out -->
  <div class="navv" id="s_inscrire">
    <a href="/register"><img src="http://img11.hostingpics.net/pics/693663sinscrire.png" alt="S'inscrire" /></a>
  </div>
  <div class="navv" id="on">
    <a href="/login"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Connexion" /></a>
  </div>
  <!-- END switch_user_logged_out -->

On peut remarquer qu'ils sont dans des boucles forumactif, celle ci permet d'afficher le contenu seulement si le membre est connecté :
Code:
<!-- BEGIN switch_user_logged_in -->
CONTENU
<!-- END switch_user_logged_in -->

Et celle ci gère l'affichage pour les membres déconnectés :
Code:
<!-- BEGIN switch_user_logged_out -->
CONTENU
<!-- END switch_user_logged_out -->

Sauf que... ces boucles ne fonctionnent pas à l'intérieur d'autres boucles.

Or si on regarde bien, voici le code autour :
Code:
 <td align="center" width="100%" valign="middle">
 <!-- BEGIN switch_logo_center -->
 <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                                                  <table cellspacing="0" cellpadding="0" border="0" align="left">
 <tr>
                                          <td align="left">
   <div class="nav_bloc" align="center">
    <div class="navv" id="accueil"><a href="/forum"><img src="http : http://img11.hostingpics.net/pics/578802accueil. png" alt="Accueil" /></a></div>
    <div class="navv" id="rechercher"><a href="/search"><img src="http : http://img11.hostingpics.net/pics/896295rechercher. png" alt="Rechercher" /></a></div>
    <div class="navv" id="membres"><a href="/memberlist"><img src="http : http://img11.hostingpics.net/pics/618481membres. png" alt="Membres" /></a></div>
    <div class="navv" id="groupes"><a href="/groups"><img src="http : http://img11.hostingpics.net/pics/826427groupes. png" alt="Groupes" /></a></div>
                                                    <div class="navv" id="profil"><a href="/profile?mode=editprofile"><img src="http : http://img11.hostingpics.net/pics/446898profil. png" alt="Profil" /></a></div>
      <!-- BEGIN switch_user_logged_in -->
    <div class="navv" id="mp"><a href="/privmsg?folder=inbox"><img src="http ://img11.hostingpics.net/pics/860693messagerie1. png" alt="MP" id="mpO" /></a></div>
                                                    <div class="navv" id="off"><a href="/login?logout"><img src="http : http://img11.hostingpics.net/pics/225491onoff. png" alt="Déconnexion" /></a></div>
      <!-- END switch_user_logged_in -->
      <!-- BEGIN switch_user_logged_out -->
                                                    <div class="navv" id="s_inscrire"><a href="/register"><img src="http : http://img11.hostingpics.net/pics/693663sinscrire. png" alt="S'inscrire" /></a></div>
                                                    <div class="navv" id="on"><a href="/login"><img src="http : http://img11.hostingpics.net/pics/225491onoff. png" alt="Connexion" /></a></div>
      <!-- END switch_user_logged_out -->
                                                    <div class="navv" id="nav_aiguille"></div>
                                                    <div style="visibility: hidden;">{GENERATED_NAV_BAR}</div>
      </div></td>
 </tr>
 </table>
 <br />
 <!-- END switch_logo_center -->
 <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
 </td>

On peut voir le début d'une boucle ici :
Code:
<!-- BEGIN switch_logo_center -->

et sa fin plus loin :
Code:
 <!-- END switch_logo_center -->

Comme notre code se trouve dans cette boucle, la boucle qui permet de détecter si le membre est connecté ou non ne fonctionne pas, et rien ne s'affiche pour ce qui est dedans Wink

Je te conseille de déplacer la fermeture de la boucle, afin de la fermer plus tôt (avant notre code) :
Code:
 <!-- END switch_logo_center -->

Pour la mettre par exemple après ceci :
Code:
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>

Ce qui devrait donner donc :
Code:
<!-- BEGIN switch_logo_center -->
 <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
 <!-- END switch_logo_center -->

Et ensuite, en dessous, ton code pour la navigation ! J'espère que cela t'aidera <3

Petite astuce :
Quand je parlais de lien dans mon précédent message, je parlais du lien du forum :p
Si tu veux partager plus facilement ton template, tu peux le copier / coller dans un service comme pastebin ( http://pastebin.com/ et en version FR http://pastebin.fr/ ). Une fois créé, le lien se modifie et tu peux le partager. Exemple : http://pastebin.fr/45699
Comme ça tu peux copier / coller ton code à un endroit, et ensuite tu modifies simplement le lien, plutôt  que devoir changer tous les liens :DDD.

P-Summers
Nouveau membre

Messages : 12
Inscrit(e) le : 05/02/2016

http://chocowaffles.forumactif.com/
P-Summers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par Evaliah le Dim 7 Fév 2016 - 2:11

Je suis contente que ton problème soit résolu Smile

Je me doutais un peu de ce problème de "boucles incompatibles", c'est pourquoi je t'ai proposé un placement en dehors de celle du logo, et comme je voulais vérifier sur du "propre" je t'ai fait revenir au template de base.
Maintenant tu devrais pouvoir remettre ce qui t'était utile dans ton template sauvegardé Smile

Evaliah
****

Féminin
Messages : 317
Inscrit(e) le : 14/01/2013

http://lestroisiles.forumactif.org/
Evaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation mise en forme: disparition des boutons Connexion/Déconnexion et Messagerie

Message par P-Summers le Dim 7 Fév 2016 - 2:30

Merci beaucoup pour ton aide !

P-Summers
Nouveau membre

Messages : 12
Inscrit(e) le : 05/02/2016

http://chocowaffles.forumactif.com/
P-Summers 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