Colonne de widget déformant le forum/impossible à modifier

[Dyingwhispers]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 5/13/2018
Lien du forum : http://verdandi.forumactif.com

Description du problème

Bonjour,

Alors, petit problème : je tente d'ajouter une colonne verticale à mon forum afin de pouvoir y ajouter certains éléments. Je me suis dit que je pourrais y arriver à l'aide d'un widget, considérant que sa colonne est censée suivre le forum (seulement la page d'accueil, cependant), jusqu'à la fin.

Par contre, d'instaurer le Widget a déformé mes catégories (elles sont censées être deux par deux). De plus, je n'arrive pas à modifier ladite colonne dans laquelle j'ajouterais plusieurs informations. (techniquement, ça devrait ressembler à ça : https://i.imgur.com/JBNYJAS.png) Je n'ai cependant pas fini de tout coder pour que ce soit exactement pareil, haha.

Je me demandais donc s'il serait possible de régler ce problème, ou, accessoirement, de trouver une autre manière que les widgets d'ajouter une colonne qui suivrait l'entièreté du forum sans rien déformer.

Merci beaucoup!

EDIT :

Je semble avoir réussi à faire en sorte que mon forum ne soit plus déformé, mais certains problèmes restent :

- Je n'arrive toujours pas à modifier la couleur de fond de la colonne de Widget;
- Je n'arrive toujours pas à enlever la colonne de Widget des autres pages, hormis la page d'accueil;

Merci encore!

[Dyingwhispers]

Un petit up? :C

[Dyingwhispers]

Un autre up... S'il vous plaît!

[Invité]

Bonjour Dying, pour mettre seulement les widgets sur l'index essayez via les indications de ce tuto. Je l'ai moi-même testé sous une version de forum différente et il a fonctionné.

https://forum.forumactif.com/t379334-est-il-possible-de-mettre-les-widgets-uniquement-sur-l-index

Pour la couleur , j'ai trouvé celui-ci, Fanch avait donné quelques astuces en css pour les widgets.

https://forum.forumactif.com/t342336-couleur-widget

[Dyingwhispers]

Bonjour!

Merci pour l'aide!

Par contre, j'avais déjà survolé ces codes... Ils ne fonctionnent pas, vraisemblablement. Le display:none; enlève totalement le widget malgré le code javascript sur l'index du forum et la couleur de fond ne fonctionne tout simplement pas =/

Je commence à désespérer. xD

[w00tw00t]

Bonjour Dyingwhispers,

J'allais vous apporter une réponse après votre dernier "up", mais entre temps vous avez visiblement supprimé la colonne de votre template.

Est-ce que le problème est toujours d'actualités ?

Cordialement,
w00tw00t

[Dyingwhispers]

Bonjour,

Oui, le problème est toujours d'actualité! Je vais la remettre de ce pas. C'était simplement pour m'aider à travailler sur d'autres codes sans que ça me dérange, haha.

Merci!

[w00tw00t]

Bonjour Dyingwhispers,

jQuery ne fonctionne pas correctement sur ma maquette.
Je pense que c'est à cause de vos JavaScripts qui ont des erreurs de syntaxes.

A titre d'exemple vous avez un JavaScript qui contient ceci :

Code:

<script>jQuery(function(){jQuery('#right,#left').show()});</script>

Alors que ce devrait plutôt être quelque chose comme :

Code:

jQuery(function(){jQuery('#right,#left').show()});

De même que dans votre QEEL :

Code:

… document.getElementById('dernierinscrit').innerHTML ...

Vous faites référence à un objet dont le sélecteur est #dernierinscrit qui n'existe pas.

En attendant ces premières corrections, et compte tenu de vos avancées, pour supprimer votre sidebar lorsque la page courante n'est pas la page d'accueil je vous propose ceci, sans faire usage de jQuery (à ajouter en tant que nouveau JavaScript, sur "toutes les pages") :

Code:

document.addEventListener("DOMContentLoaded", function(event) {
    const loc = window.location.pathname;
    if( loc !== "/" ){
        try {
            const el = document.body.querySelector("td > div#right");
            if( el !== null )
                el.parentNode.remove();
        } catch(e){
            console.error(e);
        }
    }
});

Avec plus de temps il aurait été intéressant d'étudier d'autres manières de faire, mais vous pourriez aussi cacher le td en question puis l'afficher seulement si c'est la page d'accueil.

Concernant la couleur de la colonne vous pouvez la modifier directement à partir de l'élément TD, qui est parent de votre DIV qui a pour identifiant "right".

Vous pouvez lui définir une couleur à même le template :

Code:

<td valign="top" width="275" style="background-color: rgb(250, 250, 250);">
<div id="right">
...

Néanmoins, je vous recommande de créer une classe pour ce TD, et d'appliquer le code correspondant dans votre CSS.

Je reste à votre disposition pour plus de détails,

Cordialement,
w00tw00t

[Dyingwhispers]

Bonjour,

Je ne comprends pas; l'id #dernierinscrit est bien présent sur mon forum et existe dans mon qeel comme dans le CSS. Ce code est là pour une raison spécifique.

Sinon, le code javascript proposé fonctionne; merci beaucoup!

En ce qui concerne le TD et la classe, j'ai essayé de trouver dans quelle template se trouvait se TD, sans résultat, malheureusement. C'était mon idée principale pour changer la couleur de fond, en fait.

Pourriez-vous m'indiquer dans quelle template je pourrais retrouver cette colonne?

Merci pour votre aide!

[w00tw00t]

Bonjour Dyingwhispers,

Concernant la correction du code JavaScript du QEEL, vous avez raison, je me suis trompé en vous reportant le sélecteur. C'est en effet #TotalUsersOnline qui n'est pas présent dans le DOM, et non #dernierinscrit. A ma connaissance, les lignes suivantes sont donc erronées :

Code:

document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/utilisateur en ligne ::/,"Aventurier présent :");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/utilisateurs en ligne ::/,"Aventuriers présents :");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Il y a en tout/,"");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Enregistré/,"habitué");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Enregistrés/,"habitués");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invisible/,"discret");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invisibles/,"discrets");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invité/,"étranger");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invités/,"étrangers")

Concernant l'emplacement exact dans votre template, pouvez-vous copier/coller à la suite le template index_box ?

Cordialement,
w00tw00t

[Dyingwhispers]

Ah, oui, ces éléments ne sont pas présents pour le design actuel; je les garde juste au cas où dans un prochain, je les remettrais. Je pourrais les enlever, par contre, sans problème.

Voilà ma template Index_box:

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div align="center"><div class="grostitre">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->

       
          <span class="caté">
            <span class="catécontenu">
              <a class="catétitre" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
              <span class="catédescri">{catrow.forumrow.FORUM_DESC}</span>
            <span class="dernierposte">{catrow.forumrow.LAST_POST}</span>
            <span class="sous-forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
            </span>
              <div class="imgcaté">
                    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </div>
            </span>
         
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>

Merci encore!

[w00tw00t]

Bonjour Dyingwhispers,

Pour votre QEEL, l'idéal est de mettre les lignes en question "en commentaire", de manière à pouvoir les retrouver facilement ensuite, tout en évitant de provoquer des erreurs JavaScripts chez vos visiteurs. Vous pourrez donc utiliser un code comme celui-ci :

Code:

/*
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/utilisateur en ligne ::/,"Aventurier présent :");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/utilisateurs en ligne ::/,"Aventuriers présents :");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Il y a en tout/,"");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Enregistré/,"habitué");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Enregistrés/,"habitués");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invisible/,"discret");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invisibles/,"discrets");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invité/,"étranger");
document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invités/,"étrangers");
*/

Par ailleurs, compte tenu de la spécificité de cette sidebar je pensais qu'elle était présente dans un template plus spécifique. Or je me rends compte qu'elle doit très probablement se trouver dans overall_header. Pouvez-vous me copier/coller ce template, afin d'avoir une vision plus complète sur la structure de votre site ?

Cordialement,
w00tw00t

[Dyingwhispers]

Ah, en effet, je n'y avais pas pensé. Je vais les mettre en commentaire.

Voilà ma template overall_header :

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>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://cdn.infographizm.com/javascript/jquery/tabs.js"></script>
      <link href='https://fonts.googleapis.com/css?family=Arvo:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Open+Sans|Source+Sans+Pro|Bad+Script|Great+Vibes|Raleway|Alex+Brush|Parisienne|Overlock|Josefin+Sans|Fredericka+the+Great|Handlee|Courgette|Merienda|Petit+Formal+Script|Imprima|Andika|Mountains+of+Christmas|Stardos+Stencil|Quintessential' rel='stylesheet' type='text/css'>
   <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>

   <!-- BEGIN switch_fb_login -->
   <script src="https://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="https://2img.net/i/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="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" 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}
<center><a href="http://verdandi.forumactif.com"><div id="header"></div></a></center>
  <div class="navbar"><div class="v-logo">Verdandi.</div>{GENERATED_NAV_BAR}</div>
 
 

   <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>
                     <br />
                     <!-- END switch_logo_center -->
                     
                  </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 -->

Merci!

[w00tw00t]

Bonjour Dyingwhispers,

Je constate que vos erreurs JavaScript sont en effet résolues.

Concernant la couleur de fond de votre sidebar, tout dépend de la quantité de modifications apportées à vos templates, et il est difficile de vous aider sans accès, mais il semblerait logique après analyse, que le TD en question soit celui-ci (template overall_footer_begin) :



Vous devriez avoir quelque part la variable {ID_RIGHT}, et juste au dessus doit se trouver le TD sur lequel il faut ajouter un style (ou préférablement une classe avec son CSS associé dans la feuille de style).

Vous pouvez toujours modifier la couleur avec JavaScript, maintenant que jQuery semble fonctionner correctement :

Code:

$(function() {
    $('div.#right').parent().css('background-color','#f00');
});

Néanmoins, je vous encourage à trouver l'emplacement exact dans votre template, ce serait une bien meilleure pratique. Copier/coller dans le pire des cas l'ensemble des templates que vous avez modifié, à l'exception de ceux déjà publié.

Cordialement,
w00tw00t

[Dyingwhispers]

Ça fonctionne!

Merci beaucoup! Votre aide m'a été précieuse!

Je suis sûre que ça va aider tous ceux qui ont ce problème aussi... Merci infiniment!