Soucis de mise en application d'une mise à jour

[demeter1]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,
ayant un peu de retard sur 2 mises à jour , je rencontre un soucis au niveau du tutoriel de cette mise à jour :
https://forum.forumactif.com/t390891-optimisation-du-facebook-connect-sur-les-forums-forumactif

Pour phpbb2, le tutoriel préconise de supprimer le bloc switch_fb_index_login qui hélas n'est pas présent dans le template.
le template tel qu'il est

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline1" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
 
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row12" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                           <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                           <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}

    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
     
     
      <tr>
          <td width="50%" valign="top">
            <!-- BEGIN switch_user_logged_in -->
            <span class="statmembre "><a href="{U_MARK_READ}" class="statmembre">{L_MARK_FORUMS_READ}</a>
    </span>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
            <!-- END switch_delete_cookies -->
           
        </td>
          <td width="50%" align="right">
            <span class="gensmall">
                <input class="murger-check" id="murger-check" type="checkbox"><label for="murger-check" class="murger"></label>
<nav id="navigation2" class="navigation">
<div class="bul"><ul>
<li> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> </li>
<li> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a> </li>
<li> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a></li>
<li>  <!-- BEGIN switch_delete_cookies -->
                  <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                  <!-- END switch_delete_cookies -->
</li>
</ul>
</div>


                <!-- BEGIN switch_on_index -->
                 
                <!-- END switch_on_index -->
            </span>
          </td>
      </tr>
    </table>


            {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
          <td width="100%" valign="top" align="center" class="row1">
            <span class="genmed">{L_USERNAME}:</span>
            <input class="post" type="text" size="10" name="username"/>
            <span class="genmed">{L_PASSWORD}:</span>
            <input class="post" type="password" size="10" name="password"/>              <span class="gensmall">{L_AUTO_LOGIN}</span>
            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
        </td>
      </tr>
    </table>
    </form>
    <!-- END switch_user_login_form_footer -->

<br /><br />

             
<div id="polka" style="display:none;">
    <!-- BEGIN disable_viewonline -->
 
 
 
 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
<td> </td>
<td> </td>
<div align="center"><div class="onglets">
            <span class="onglet_0 onglet" id="onglet_01" onmouseover="javascript:change_onglet('01');">Qui est en ligne ?</span>


            <span class="onglet_0 onglet" id="onglet_02" onmouseover="javascript:change_onglet('02');">Les blogs </span>


            <span class="onglet_0 onglet" id="onglet_03" onmouseover="javascript:change_onglet('03');">Les sites amis</span>

           
      </div> </div>

  </tr>
      </table>
  <br /><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

<td class="contenu_onglet" id="contenu_onglet_01">
<div style="float:left;"> <div class="title">Qui est en ligne</div><br /> 
<div class="avatarondav">{LOGGED_IN_USER_LIST} </div>
  <br /><div class="contenu4">{NEWEST_USER}</div><br />
 <div class="contenu5">{TOTAL_USERS}</div><br />
  <div class="contenu6">{TOTAL_POSTS}</div><br />
<div class="contenu8">{RECORD_USERS}</div>
           
<script type="text/javascript">
            $(document).on('ready',function(){$('.avatarondav a').each(function(){var rondav=$(this).attr('href');$(this).prepend('<a href="'+rondav+'" class="davx"><img src="https://2img.net/i/fa/invision/pp-blank-thumb.png"  /></a>');$(this).children('a').load(rondav+'#page-body .forumline .gensmall > img')})});
              </script><br />

 
   
  <table class="contenu1"> {L_CONNECTED_MEMBERS} </table>     
  <table class="contenu2">  {L_WHOSBIRTHDAY_TODAY}</table>
  <div class="contenu3">  {L_WHOSBIRTHDAY_WEEK}</div>
 
</div>

</td>

  <td class="contenu_onglet" id="contenu_onglet_02">
<div class="contimage"style="float:left;"><div class="title">Les blogs</div><br />
</div>
<div style="float:right;"> <div class="donnees"> <span class="text">
      <justify> Si vous souhaitez partager votre blog avec les autres membres du forum,
      n'hésitez pas à me contacter directement sur ma boite de messagerie.<br /><br />
        <a href="/msg.forum?mode=post&u=1"><font color="green"> Me contacter</font>
        ou en passant directement par le forum intitulé ~Les forums ou sites de jardinage
        à l'honneur~.<br /><br />Cette section est ouverte aux invités.</a>
    </justify><br />
</span></div></div>
</td>


<td class="contenu_onglet" id="contenu_onglet_03">
<div class="contimage"style="float:left;"><div class="title">Les sites amis</div><br />
</div>
 <div style="float:right;"> <div class="donnees">
        <span class="text">
        <justify>Cette partie servira à référencer les sites  qui ont effectué
        un partage de liens avec Altitude tropicale.<br /><br />
          Si vous souhaitez être référencé dans cette partie du forum,
        n'hésitez pas à me <a href="/msg.forum?mode=post&u=1">
          <font color="green"> contacter</font></a>.</justify> </span><br /><br /><br /><br />

    <marquee direction="left" scrollamount="3">
    <a href="http://www.plantes-carnivores01.com/forum" target="_blank">
      <img class="c13" src="https://i39.servimg.com/u/f39/11/93/85/24/sans_t12.gif" height="50"  alt=" Plantes carnivores01" /></a>
    <a href="http://foye.e-monsite.com/accueil.html">
    <img class="c13" src="https://i39.servimg.com/u/f39/11/93/85/24/sans_t15.png" alt=" Entre les bananiers"/></a>
    <a href="http://www.exometeofraiture.net/">
      <img class="c13" src="https://i39.servimg.com/u/f39/11/93/85/24/exomac10.png" alt=" Exometeofraiture"/></a>
 
     
    <a href="http://lepotager.free.fr" target="_blank">
      <img class="c13" src="https://i39.servimg.com/u/f39/11/93/85/24/bouton11.jpg" width="164" height="50" alt="sites de jardinage" /></a>

    <a href="http://fernatic.free.fr" target="_blank">
    <img class="c13" src="https://i39.servimg.com/u/f39/11/93/85/24/bannie10.jpg" width="468"  height="50" alt="Fernatic, le site des passionnés de fougères" /></a> 
    </marquee> 
</div></div>
</td>

</tr>
</table>

<script type="text/javascript">
            //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->
            </script>
<style type="text/css">
      * {
      font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;
    text-shadow:#7b9c40 1px 1px 1px;

    }
    a.info {
      position: relative;
      color: black;
      text-decoration: none;
    font-size:12px;

    }

    a.info span {
      display: none; /* on masque l'infobulle */
    color: black;

    font-size: 12px;

    }
    a.info:hover {
      background: none; /* correction d'un bug IE */
      z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

      cursor: help; /* on change le curseur par défaut en curseur d'aide */
    }
    a.info:hover span {
      display: inline; /* on affiche l'infobulle */
      position: absolute;
    border-radius15px;
    -moz-border-radius:15 15 15px 15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border:1 px solid
    color : #597103;


      white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

      top: 60px; /* on positionne notre infobulle */
      left: 60px;

      background: #C0CDE5;

      color: #576186;
      padding: 3px;

      border: 3px solid #3E3D70;
    }
    .title {
    font-size:24px;
    color:#597103;
    text-shadow:#2c0430 1px 1px 2px;
    font-family:Script MT Bold;}

    .contimage {
    margin:4px;
    text-align:left;
    font-size:14px;
    background-color:trans;
    width:350px;
    height:195px;
    border-radius15px;
    -moz-border-radius:0 0 15px 15px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border:1 px solid
    color : #abb487;

    }

    .next {
    color : trans;
    margin:4px;
    padding:5px;
    width:340px;
    height:170px;
    -moz-box-shadow:#a6a6a6 0px 0px 4px;
    -webkit-box-shadow: 0px 0px 4px :#a6a6a6 ; 
        box-shadow: 0px 0px 4px :#a6a6a6 ; 
    -moz-border-radius:14px;
    -webkit-border-top-left-radius: 14px;
    -webkit-border-top-right-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    background-color:black;}

    .nextcontimg {
    margin:4px;
    text-align:left;
    background-color:transparent;
    width:220px;
    height:195px; }

    .donnees {
    color:#FFFFFF;
    margin:4px;
    padding:7px;
    width:400px;
    height:196px;
    -moz-box-shadow:#a6a6a6 0px 0px 4px;
    -webkit-box-shadow: 0px 0px 4px :#a6a6a6 ; 
        box-shadow: 0px 0px 4px:#a6a6a6 ;
    border-radius13px;
    -moz-border-radius:13px;
    -webkit-border-top-left-radius:13px;
    -webkit-border-top-right-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -webkit-border-bottom-right-radius: 13px;
    background-color:black;}

.onglet {
margin:2px;
font-size:11px;
padding:3px;
border-radius:17px;
-moz-border-radius:17px;
 -webkit-border-top-left-radius:17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-webkit-border-bottom-right-radius: 17px;
}

.onglet_0 {
background-color:#607e0a;
cursor:crosshair;
font-family:Script MT Bold;
font-size:22px;
text-shadow:#7b9c40 1px 1px 1px;
color:trans; }

.onglet_1 {
background-color:black;
letter-spacing:1px;
cursor:crosshair;
font-family:Script MT Bold;
font-size:22px;
text-shadow: #7b9c40 1px 1px 1px;
color:#ffffff;}

    .txt {
    font-size:22px;
    color:#158c86;
    text-shadow:#00211f 1px 1px 2px;
    font-family:Script MT Bold; }

 

    a {
    color: #7b9c40;
    text-shadow:#a7a4ab 1px 1px 2px;
    text-decoration: none; }

    a:hover {
    text-shadow: #7b9c401px 1px 1px;
    text-decoration: none ;
    color: #FFFFFF ;}

  .contenu_onglet {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
color: #B0B0B0;
display: none;
font-size: 11px;
height: 225px;
margin-top: 11px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
width: 800px;
margin : auto; 
}

    .text {
    font-size:12px;
    color:#B0B0B0;}

    .infobula {border-radius :12px;
    -moz-border-radius:12px 12px 12px 12px;
    -webkit-border-top-left-radius:12px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-box-shadow:0 0 6px #D6FC91;
    -webkit-box-shadow: 0px 0px 6px#D6FC91; 
        box-shadow: 0px 0px 6px #D6FC91; 
    background-color:black;
    background-repeat:repeat;
    border:1px solid #1C1C1C;
    display:block;
    height:auto;
    margin-left:35px;
    width:400px;
    position:absolute;
    width:auto;
    font-family:Script MT Bold;
    font-size:12px;
    text-shadow:#597103 1px 1px 1px;
    color:white;
    text-align:justify;
    max-width:380px;
    }
          .avatarondav .davx img {
            border: 1px solid #CCC;
            border-radius:20px;
            height: 30px;
            margin: 0 5px;
            padding: 1px;
            width: 30px;
            }
</style>







        <script type="text/javascript">
            //<!--
                    var anc_onglet = '01';
                    change_onglet(anc_onglet);
            //-->
            </script>
     
           

   


  <!-- END disable_viewonline --> 
    <script type="text/javascript">if(document.getElementById('i_icon_mini_logout'))document.getElementById('polka').style.display='block';</script>
     
      <br /><br /> <br /> 
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20%"> <a class="tooltip"  title="{L_NEW_POSTS}"><img src="{FORUM_NEW_IMG}" class="danhmuccss"/></a>    </td>
       
        <td align="center" width="20%"><a class="tooltip"  title="{L_NO_NEW_POSTS}"><img src="{FORUM_IMG}" class="danhmuccss"/></a></td>
       
        <td align="center" width="20%"><a class="tooltip" title="{L_FORUM_LOCKED}"> <img src="{FORUM_LOCKED_IMG}" class="danhmuccss"/></a></td>
      </tr>
    </table>
    <!-- END switch_legend -->
      <br /><br /><br />
      {AUTO_DST}



    <!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });
 
  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
 
     
 

Dans ce template, j'ai deux bloc :
1 <!-- BEGIN switch_fb_connect_no -->
2 <!-- BEGIN switch_fb_connect -->

si je supprime ces deux blocs je me retrouve avec un seul :

Code:

{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

Une ame charitable pourrait m'aider à appliquer ces correctifs ?

Merci par avance pour votre aide.

[Neptunia]

Coucou Stéphane,


Je me penche sur le problème en essayant de reconstruire à partir du template par défaut.

J'ai déjà trouvé deux petites erreurs
Lignes 119 à 122

Code:

            </span>
          </td>
      </tr>
    </table>

Tout cela apparaît en rouge parce que :
- le input murger-check est ouvert à la ligne 102 et pas refermé.
- le nav navigation2 est ouvert à la ligne 103 et pas refermé.

---

Prépares toi à pouvoir revenir rapidement en arrière (ou à passer par un fofo test)
Je te propose cette nouvelle mouture du template !

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}


    <table width="100%" border="0" cellspacing="0" cellpadding="0">
   
   
      <tr>
          <td width="50%" valign="top">
            <!-- BEGIN switch_user_logged_in -->
            <span class="statmembre "><a href="{U_MARK_READ}" class="statmembre">{L_MARK_FORUMS_READ}</a>
    </span>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
            <!-- END switch_delete_cookies -->
         
        </td>
          <td width="50%" align="right">
            <span class="gensmall">
              <input class="murger-check" id="murger-check" type="checkbox" /><label for="murger-check" class="murger"></label>
<nav id="navigation2" class="navigation">
<div class="bul"><ul>
         <li> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> </li>
         <li> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a> </li>
         <li> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a></li>
         <li>
                          <!-- BEGIN switch_on_index -->
                          <!-- BEGIN switch_delete_cookies -->
                        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                          <!-- END switch_delete_cookies -->
                          <!-- END switch_on_index --></li>
      </ul>
</div>
</nav>
            </span>
          </td>
      </tr>
    </table>

            {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->



<br /><br />

           
<div id="polka" style="display:none;">
    <!-- BEGIN disable_viewonline -->
 
 
 
 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
<td> </td>
<td> </td>
<div align="center"><div class="onglets">
            <span class="onglet_0 onglet" id="onglet_01" onmouseover="javascript:change_onglet('01');">Qui est en ligne ?</span>


            <span class="onglet_0 onglet" id="onglet_02" onmouseover="javascript:change_onglet('02');">Les blogs </span>


            <span class="onglet_0 onglet" id="onglet_03" onmouseover="javascript:change_onglet('03');">Les sites amis</span>

         
      </div> </div>

  </tr>
      </table>
  <br /><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

<td class="contenu_onglet" id="contenu_onglet_01">
<div style="float:left;"> <div class="title">Qui est en ligne</div><br />
<div class="avatarondav">{LOGGED_IN_USER_LIST} </div>
  <br /><div class="contenu4">{NEWEST_USER}</div><br />
 <div class="contenu5">{TOTAL_USERS}</div><br />
  <div class="contenu6">{TOTAL_POSTS}</div><br />
<div class="contenu8">{RECORD_USERS}</div>
         
<script type="text/javascript">
            $(document).on('ready',function(){$('.avatarondav a').each(function(){var rondav=$(this).attr('href');$(this).prepend('<a href="'+rondav+'" class="davx"><img src="https://2img.net/i/fa/invision/pp-blank-thumb.png"  /></a>');$(this).children('a').load(rondav+'#page-body .forumline .gensmall > img')})});
              </script><br />

 
 
  <table class="contenu1"> {L_CONNECTED_MEMBERS} </table>   
  <table class="contenu2">  {L_WHOSBIRTHDAY_TODAY}</table>
  <div class="contenu3">  {L_WHOSBIRTHDAY_WEEK}</div>
 
</div>

</td>

  <td class="contenu_onglet" id="contenu_onglet_02">
<div class="contimage"style="float:left;"><div class="title">Les blogs</div><br />
</div>
<div style="float:right;"> <div class="donnees"> <span class="text">
      <justify> Si vous souhaitez partager votre blog avec les autres membres du forum,
      n'hésitez pas à me contacter directement sur ma boite de messagerie.<br /><br />
        <a href="/msg.forum?mode=post&u=1"><font color="green"> Me contacter</font>
        ou en passant directement par le forum intitulé ~Les forums ou sites de jardinage
        à l'honneur~.<br /><br />Cette section est ouverte aux invités.</a>
    </justify><br />
</span></div></div>
</td>


<td class="contenu_onglet" id="contenu_onglet_03">
<div class="contimage"style="float:left;"><div class="title">Les sites amis</div><br />
</div>
 <div style="float:right;"> <div class="donnees">
        <span class="text">
        <justify>Cette partie servira à référencer les sites  qui ont effectué
        un partage de liens avec Altitude tropicale.<br /><br />
          Si vous souhaitez être référencé dans cette partie du forum,
        n'hésitez pas à me <a href="/msg.forum?mode=post&u=1">
          <font color="green"> contacter</font></a>.</justify> </span><br /><br /><br /><br />

    <marquee direction="left" scrollamount="3">
    <a href="http://www.plantes-carnivores01.com/forum" target="_blank">
      <img class="c13" src="https://i39.servimg.com/u/f39/11/93/85/24/sans_t12.gif" height="50"  alt=" Plantes carnivores01" /></a>
    <a href="http://foye.e-monsite.com/accueil.html">
    <img class="c13" src="https://i39.servimg.com/u/f39/11/93/85/24/sans_t15.png" alt=" Entre les bananiers"/></a>
    <a href="http://www.exometeofraiture.net/">
      <img class="c13" src="https://i39.servimg.com/u/f39/11/93/85/24/exomac10.png" alt=" Exometeofraiture"/></a>
 
   
    <a href="http://lepotager.free.fr" target="_blank">
      <img class="c13" src="https://i39.servimg.com/u/f39/11/93/85/24/bouton11.jpg" width="164" height="50" alt="sites de jardinage" /></a>

    <a href="http://fernatic.free.fr" target="_blank">
    <img class="c13" src="https://i39.servimg.com/u/f39/11/93/85/24/bannie10.jpg" width="468"  height="50" alt="Fernatic, le site des passionnés de fougères" /></a>
    </marquee>
</div></div>
</td>

</tr>
</table>

<script type="text/javascript">
            //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->
            </script>
<style type="text/css">
      * {
      font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;
    text-shadow:#7b9c40 1px 1px 1px;

    }
    a.info {
      position: relative;
      color: black;
      text-decoration: none;
    font-size:12px;

    }

    a.info span {
      display: none; /* on masque l'infobulle */
    color: black;

    font-size: 12px;

    }
    a.info:hover {
      background: none; /* correction d'un bug IE */
      z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

      cursor: help; /* on change le curseur par défaut en curseur d'aide */
    }
    a.info:hover span {
      display: inline; /* on affiche l'infobulle */
      position: absolute;
    border-radius15px;
    -moz-border-radius:15 15 15px 15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border:1 px solid
    color : #597103;


      white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

      top: 60px; /* on positionne notre infobulle */
      left: 60px;

      background: #C0CDE5;

      color: #576186;
      padding: 3px;

      border: 3px solid #3E3D70;
    }
    .title {
    font-size:24px;
    color:#597103;
    text-shadow:#2c0430 1px 1px 2px;
    font-family:Script MT Bold;}

    .contimage {
    margin:4px;
    text-align:left;
    font-size:14px;
    background-color:trans;
    width:350px;
    height:195px;
    border-radius15px;
    -moz-border-radius:0 0 15px 15px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border:1 px solid
    color : #abb487;

    }

    .next {
    color : trans;
    margin:4px;
    padding:5px;
    width:340px;
    height:170px;
    -moz-box-shadow:#a6a6a6 0px 0px 4px;
    -webkit-box-shadow: 0px 0px 4px :#a6a6a6 ;
        box-shadow: 0px 0px 4px :#a6a6a6 ;
    -moz-border-radius:14px;
    -webkit-border-top-left-radius: 14px;
    -webkit-border-top-right-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    background-color:black;}

    .nextcontimg {
    margin:4px;
    text-align:left;
    background-color:transparent;
    width:220px;
    height:195px; }

    .donnees {
    color:#FFFFFF;
    margin:4px;
    padding:7px;
    width:400px;
    height:196px;
    -moz-box-shadow:#a6a6a6 0px 0px 4px;
    -webkit-box-shadow: 0px 0px 4px :#a6a6a6 ;
        box-shadow: 0px 0px 4px:#a6a6a6 ;
    border-radius13px;
    -moz-border-radius:13px;
    -webkit-border-top-left-radius:13px;
    -webkit-border-top-right-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -webkit-border-bottom-right-radius: 13px;
    background-color:black;}

.onglet {
margin:2px;
font-size:11px;
padding:3px;
border-radius:17px;
-moz-border-radius:17px;
 -webkit-border-top-left-radius:17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-webkit-border-bottom-right-radius: 17px;
}

.onglet_0 {
background-color:#607e0a;
cursor:crosshair;
font-family:Script MT Bold;
font-size:22px;
text-shadow:#7b9c40 1px 1px 1px;
color:trans; }

.onglet_1 {
background-color:black;
letter-spacing:1px;
cursor:crosshair;
font-family:Script MT Bold;
font-size:22px;
text-shadow: #7b9c40 1px 1px 1px;
color:#ffffff;}

    .txt {
    font-size:22px;
    color:#158c86;
    text-shadow:#00211f 1px 1px 2px;
    font-family:Script MT Bold; }

 

    a {
    color: #7b9c40;
    text-shadow:#a7a4ab 1px 1px 2px;
    text-decoration: none; }

    a:hover {
    text-shadow: #7b9c401px 1px 1px;
    text-decoration: none ;
    color: #FFFFFF ;}

  .contenu_onglet {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
color: #B0B0B0;
display: none;
font-size: 11px;
height: 225px;
margin-top: 11px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
width: 800px;
margin : auto;
}

    .text {
    font-size:12px;
    color:#B0B0B0;}

    .infobula {border-radius :12px;
    -moz-border-radius:12px 12px 12px 12px;
    -webkit-border-top-left-radius:12px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-box-shadow:0 0 6px #D6FC91;
    -webkit-box-shadow: 0px 0px 6px#D6FC91;
        box-shadow: 0px 0px 6px #D6FC91;
    background-color:black;
    background-repeat:repeat;
    border:1px solid #1C1C1C;
    display:block;
    height:auto;
    margin-left:35px;
    width:400px;
    position:absolute;
    width:auto;
    font-family:Script MT Bold;
    font-size:12px;
    text-shadow:#597103 1px 1px 1px;
    color:white;
    text-align:justify;
    max-width:380px;
    }
          .avatarondav .davx img {
            border: 1px solid #CCC;
            border-radius:20px;
            height: 30px;
            margin: 0 5px;
            padding: 1px;
            width: 30px;
            }
</style>







        <script type="text/javascript">
            //<!--
                    var anc_onglet = '01';
                    change_onglet(anc_onglet);
            //-->
            </script>
   
         

 


  <!-- END disable_viewonline -->
    <script type="text/javascript">if(document.getElementById('i_icon_mini_logout'))document.getElementById('polka').style.display='block';</script>
   
      <br /><br /> <br />
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20%"> <a class="tooltip"  title="{L_NEW_POSTS}"><img src="{FORUM_NEW_IMG}" class="danhmuccss"/></a>    </td>
     
        <td align="center" width="20%"><a class="tooltip"  title="{L_NO_NEW_POSTS}"><img src="{FORUM_IMG}" class="danhmuccss"/></a></td>
     
        <td align="center" width="20%"><a class="tooltip" title="{L_FORUM_LOCKED}"> <img src="{FORUM_LOCKED_IMG}" class="danhmuccss"/></a></td>
      </tr>
    </table>
    <!-- END switch_legend -->
      <br /><br /><br />
      {AUTO_DST}



J'ai :
- ajouté un no follow au lien de suppression des cookies (à moins que tu tiennes à ce que les moteurs de recherche indexent ce lien)
- remis un bloc standard pour la connexion rapide de bas de page (je n'ai pas saisi ce que tu avais essayé de faire à cet endroit). Ce qui devrait rien changer puisque c'est désactivé sur ton forum, en bas comme en haut.

Tout le reste j'ai combiné les valeurs actuelles du template à ton codage personnalisé.

Attention :
Il reste au moins une erreur sémantique au niveau du menu burger. Ce dernier se trouve dans une div elle même incluse dans un span. Un span (élément en ligne) ne devrait pas contenir d'éléments de type bloc.

[demeter1]

Bonjour Hélène,

un grand merci, je teste ces modifs dés demain.

Une bonne soirée à toi.

[demeter1]

Bonjour Hélène,
les modifs sont parfaites.

j'ai rencontré un soucis similaire sur le overall_header (apparement, il y a des mises à jour qui ne sont pas signalées par le biais du forum de support) mais j'y suis arrivé.

Un grand merci pour ton aide.