Créer un bloc sujets récents ?

[Petit Démon rêveur]

Bonjour,

Depuis hier, je cherche à créer un bloc qui montrerait les sujets récents publiés sur le forum. J'ai bien sûr bataillé avec les widgets qui m'offrent cette possibilité, seulement ce qui me gêne avec eux, c'est leur emplacement. J'aimerais que le bloc apparaisse sur le fond de mon forum et non à l'intérieur du corps de mon forum. Je sais que ce n'est pas possible de faire cela avec les widgets. Donc, il faut que je crée un bloc que je placerais à l'endroit désiré.

C'est là qu'est le souci : créer un bloc et le placer, aucun problème. Mais comment faire pour que les sujets récents s'affichent automatiquement à l'intérieur ? Y a-t-il des propriétés déjà conçues pour ça ? Je suppose que oui puisque les widgets utilisent ce principe. Le problème c'est que je ne trouve pas lesquelles.

Quelqu'un serait-il apte à m'aider ?

Cordialement.

P.S: je précise que je suis en PHPBB2 et sous mozilla.

[Gorgorbey]

Bonjour !

PA > Modules > Portail & Widgets > Gestion des widgets du forum > Gestion des widgets du forum
Dans widgets prédéfinis cliquez sur "sujets récents" et faite le glisser à droite ou à gauche de "Le contenu de votre forum se trouvera ici".
Pensez à enregistrer.

Ensuite en haut "Options générales des widgets du forum" cochez Oui.
Largeur colonne 1 (gauche) :
Largeur colonne 3 (droite) :
Si vos sujets récents sont à gauche notez 180 dans "Largeur colonne 1 (gauche) :" et 0 dans "Largeur colonne 3 (droite) :".
Si votre widget est à droite c'est l'inverse.

Cordialement.

[Petit Démon rêveur]

Oui je sais, j'ai déjà fait tout cela, le problème, c'est que le widget se met dans le corps de mon forum, alors que je le veux à l'extérieur, sur le fond. Et ce n'est pas possible de faire ça avec un widget.

Si je prends l'exemple de ce forum-ci, je ne veux pas que le widget soit sur le fond blanc, mais sur le fond vert.

Cordialement.

[Petit Démon rêveur]

Up

[Ea]

Bonjour,


Il doit être possible de le déplacer par CSS où vous voulez. C'est pour le forum de votre profil ?

Cordialement.

[Petit Démon rêveur]

Oui c'est ça. J'ai réussi à déplacer le bloc, le problème, c'est que mon forum est poussé vers la gauche et agrandi et qu'il ne reste qu'un vide à l'endroit où le widget est censé être placé et ça, je n'arrive pas à l'enlever. e

[Ea]

Vous avez un lien où voir ce problème ?


Cordialement.

[Petit Démon rêveur]

Je remettrais en place ce code dans l'après-midi, je l'avais enlevé du coup ^^"

[Petit Démon rêveur]

Mes excuses pour cette attente :
Forum test


Donc comme on peut le constater, j'ai déplacé sans problème le bloc, les sujets récents défilent et se mettent automatiquement à jour. En revanche, mon forum est plus large et décalé sur la gauche, laissant de la place à droite, emplacement initial du widget "sujets récents". Et je n'arrive pas à redonner au forum sa forme normale. C'est très agaçant.

Auriez-vous une solution ?

[Ea]

Vous parlez d'un décalage d'environ 20 pixels ?

Si oui qu'est-ce que ça donne en éditant overall_footer et remplaçant :

Code:

                        <td valign="top" width="{C3SIZE}">

Par :

Code:

                        <td valign="top" width="0">

?

Cordialement.

[Petit Démon rêveur]

Non, ça ne change rien.
Le décalage est plus important que 20px à vrai dire.

Dans le corps du forum, la partie beige à droite, a laissé assez de place pour le widget qui doit faire une taille minimum de 180px. Donc à mon avis la largeur gênante est de 180px. Je ne sais pas si mes explications sont très claires. Voyez-vous de quelle partie je parle ?

Le problème ne se voit pas au niveau de la bannière ni de la barre de navigation, mais en dessous, le véritable corps du forum. Il faut scroller en fait, sinon on ne remarque rien. Voudriez-vous une capture d'écran ?

[Petit Démon rêveur]

Un petit up en passant ^^

[Petit Démon rêveur]

Up ^^

[Scoubifitz]

Bonjour,

Depuis hier, je cherche à créer un bloc qui montrerait les sujets récents publiés sur le forum. J'ai bien sûr bataillé avec les widgets qui m'offrent cette possibilité, seulement ce qui me gêne avec eux, c'est leur emplacement. J'aimerais que le bloc apparaisse sur le fond de mon forum et non à l'intérieur du corps de mon forum. Je sais que ce n'est pas possible de faire cela avec les widgets. ...

P.S: je précise que je suis en PHPBB2 et sous mozilla.

Oui je sais, j'ai déjà fait tout cela, le problème, c'est que le widget se met dans le corps de mon forum, alors que je le veux à l'extérieur, sur le fond. Et ce n'est pas possible de faire ça avec un widget. ...

bonjour ,

il est parfaitement possible de "sortir" les widgets du cadre du forum ...

à gauche ou à droite ...





le souci principal , sur votre gauche , il y a une liste de 200px de large ...

votre forum fait 975px au minimum , et une colonne de widgets fait minimum 180px ...

donc il faut un écran de 1440 minimum ! ^^

la plupart des écrans (1024 ou 1280 de large) devront scroller horizontalement ...

[Petit Démon rêveur]

Effectivement. Au pire, il est possible de réduire la taille du forum, ce n'est pas un problème ^^ Et la liste en question se situe dans le coin supérieur gauche, donc s'adapte à chaque écran ^^

Pourriez-vous m'expliquer la marche à suivre pour sortir le widget du cadre du forum ?

Cordialement.

[Scoubifitz]

bonsoir,

déjà , je n'ai travaillé qu'avec les widjets à gauche pour avoir cet effet ...

même si on peut les voir à droite ...

le règlage des widgets :

Afficher les widgets du forum : Oui
Largeur colonne 1 (gauche) :180 pixels
Largeur colonne 3 (droite) : 0 pixels

ensuite , j'ai modifié le template overall_header :

remplacez ceci (en bas de page) :

Code:


               <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 -->

par ceci (entièrement ... il y a un "div" au bout):

Code:

               <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}">
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table></div>
</body>
</html>
<!-- END html_validation -->

ensuite repérez ceci (dans les 2/3 de la page) :

{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>

et remplacez par ceci :

{JAVASCRIPT}
<div id="{ID_LEFT}" style="width:180px;float:right;">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div><div>
<table class="bodylinewidth" style="margin-right:180px;" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>

si vous voulez la colonne à gauche , mettez un "float:left;" et un "margin-left:180px;"

en espérant avoir pu vous aider ...
Scoubifitz

[Petit Démon rêveur]

Malheureusement ça ne fonctionne pas. J'ai pourtant fait tout ce qui était indiqué...

[Scoubifitz]

bonsoir,

je viens de refaire le test sur un autre forum-test , ça fonctionne ...

avez vous activé les widgets ?
avez vous pensé à publier le template ? ( )

votre template était-il déjà modifié ?

[Petit Démon rêveur]

Oui, j'ai fait tout cela. Mais effectivement mon template est déjà modifié, même si ce n'est pas dans les zones que je dois modifier pour afficher correctement les widgets.

Je vais réessayer, sait-on jamais, mais voulez-vous essayer avec mon template de votre côté pour voir si l'erreur ne viendrait pas de là ?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   {META_FAVICO}
   {META}
   <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_ticker -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->
   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

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

   {GREETING_POPUP}
   <!-- BEGIN hitskin_preview -->
   <style type="text/css">
   #hitskin_preview {
      margin: 0; padding: 0;
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 65px;
      background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
      color: #fff;
   }
   * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
   }
   * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }
   #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
   }
   #hitskin_preview h1 img {
      vertical-align: middle;
   }
   #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
   }
   #hitskin_preview a {
   color: #fff;
   }
   #hitskin_preview a:hover {
   text-decoration: underline;
   }

   #hitskin_preview .content {
      text-align: right;
   }
   #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
   }
   #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
   }
   body {
      margin-top: 40px !important;
   }
   {hitskin_preview.HITSKIN_RTL_CSS}
   </style>
   <!-- END hitskin_preview -->
<script type="text/javascript">
    $(document).ready(function() {
        $('.opacity').each(function() {
            $(this).hover(function() {
                $(this).stop().animate({ opacity: 1.0 }, 500);
            },
          function() {
              $(this).stop().animate({ opacity: 0.5 }, 500);
          });
        });
    });
</script>
</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://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <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}
<div id="{ID_LEFT}" style="width:180px; float:right;">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div><div>
<table class="bodylinewidth" style="margin-right:180px;" 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>
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- END switch_logo_left -->

                  <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}</span>
                  </td>
                  <!-- END switch_logo_center -->

                  <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <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>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}<br /><br /></td>
               </tr>
            </table>
<div align="center"><div class="avertissement"><h1>Avertissement</h1>
Ce forum est un forum de Role Play orienté Yaoi (relations homosexuelles entre hommes) qui peut contenir des scènes de violences ou à caractère sexuel. Il est donc classé comme déconseillé aux moins de 18 ans. [NC - 17]</div></div>

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

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

Comme ça vous pourrez voir par la même occasion si j'ai oublié quelque chose. J'ai laissé le template tel qu'il était après le tutoriel.

Cordialement.

[Petit Démon rêveur]

Autant pour moi, l'erreur venait de moi : j'avais laissé mes widgets tels que programmé à la base donc 0px catégorie gauche et 180px catégorie droite puisque je voulais les sujets récents à droite. Et j'avais oublié de déplacer les sujets récents à gauche.

Merci beaucoup pour votre aide ^^ Serait-il toutefois possible que le forum reste centré dans la page ? A présent il est accolé au widget qui se trouve contre le bord droit de mon écran, et donc décale le forum sur la droite.

Je vous remercie encore pour votre aide ^^

[Scoubifitz]

Merci beaucoup pour votre aide ^^ Serait-il toutefois possible que le forum reste centré dans la page ? A présent il est accolé au widget qui se trouve contre le bord droit de mon écran, et donc décale le forum sur la droite.

Je vous remercie encore pour votre aide ^^

bonjour,

pour que votre forum se centre , il suffit d'équilibrer les marges à gauche et à droite ...

si les widgets sont trop collés , augmentez la valeur des marges (à 190 pixels par exemple) ...

<table class="bodylinewidth" style="margin-left:180px;margin-right:180px;" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

[Petit Démon rêveur]

Mmmmhhh
Imaginons que sur mon ordinateur je mette les marges qui collent impec', que se passera-t-il sur un plus petit écran ?

Et est-ce qu'en utilisant un

Code:

margin : auto

ça pourrait fonctionner et recentrer automatiquement le forum ?

Désolée, je fais du détail ^^"

[Scoubifitz]

en mettant la marge en auto , la colonne des widtgets s'imbrique avec le forum sur un écran plus petit ... à déconseiller absolument !

le fait de donner une marge fixe en pixels collera les bords du forum à la colonne ... ce sera au cadre du forum de s'adapter à l'écran ...

je vais voir si on peut contourner le problème en plaçant le tout dans un tableau à trois cellules ...

[Petit Démon rêveur]

D'accord ^^
Sinon, tant pis, vous avez déjà réglé une bonne partie de mon problème, le reste ne me dérange pas outre mesure ^^

[Scoubifitz]

bon ...

je crois avoir la solution ...

avant tout , placez tous les modules widgets à droite ...
(autant les mettre du bon coté , ça simplifiera l'affichage)

ensuite :

Afficher les widgets du forum : Oui

Largeur colonne 1 (gauche) : 0 pixels

Largeur colonne 3 (droite) : 180 pixels (ou plus)



remettez le template overall_header d'origine (avant les modifs qu'on a ajouté )

on travaille avec le overall_footer ...

remplacez le template par :

Code:

<!-- BEGIN html_validation -->
<!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">
<body>
<table>
<tr>
  <td><table>
<tr>
  <td>
   <div>
      <div>
        <table>
           <tbody>
            <tr>
               <td>
<!-- END html_validation -->
     <div id="page-footer">
                  <!-- BEGIN switch_footer_fa_copyrights -->
                  <div align="center">
                        <div class="gen">
                              <!-- BEGIN footer_fa_copyright_link -->
                                    <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                    {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                              <!-- END footer_fa_copyright_link -->
                        </div>
                  </div>
                  <!-- END switch_footer_fa_copyrights -->
                  <!-- BEGIN switch_footer_links -->
                  <div align="center">
                        <div class="gen">
                              <!-- BEGIN footer_link -->
                                    <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                    <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                              <!-- END footer_link -->
                        </div>
                  </div>
                  <!-- END switch_footer_links -->
 </div>
 {PROTECT_FOOTER}

               </td>
            </tr>
           </tbody>
        </table>
      </div>
   </div></td><td valign="top" width="{C3SIZE}"><div style="width:180px;">ici vous pouvez aussi mettre autre chose qu'un module de widget , un petit tableau perso ou une liste de partenaires , il suffit de le placer entre les "div", à la place de ce texte ...</div>
               <div id="{ID_RIGHT}">
                 <!-- BEGIN giefmod_index2 -->
                 {giefmod_index2.MODVAR}
                 <!-- BEGIN saut -->
                 <div style="height: {SPACE_ROW}px"></div>
                 <!-- END saut -->
                 <!-- END giefmod_index2 -->
               </div>
               </td></tr></table>
   <!-- close div id="page-body" -->

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

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');

if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
 document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});

$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>

</body>
</html>

et publiez
(il y a un bonus supplémentaire dans la modif , dites-moi si elle est visible ... )

placez aussi le code suivant dans le CSS perso , pour une marge vide à gauche :

Code:

.bodylinewidth {margin-left:200px;}

----------------------------------------------------------------------------

si vous voulez une colonne à gauche ,
placez les modules widgets à gauche ...

ensuite :

Afficher les widgets du forum : Oui

Largeur colonne 1 (gauche) : 180 pixels (ou plus)

Largeur colonne 3 (droite) : 0 pixels



modifiez le template overall_header en remplaçant :

Code:

   {JAVASCRIPT}
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">

par :

Code:

   {JAVASCRIPT}
   <table><tr>
            <td valign="top" width="{C1SIZE}"><div style="width:180px;">ici vous pouvez aussi mettre autre chose qu'un module de widget , un petit tableau perso ou une liste de partenaires , il suffit de le placer entre les "div", à la place de ce texte ...</div>
               <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>
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">

et remplacez (à la fin) :

Code:

<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 -->

par ceci :

Code:

<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="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table></td></tr></table>
</body>
</html>
<!-- END html_validation -->

--------------------------------------------------------

si on veut les deux colonnes , on peut faire les deux modifs (droite et gauche) en indiquant :

Afficher les widgets du forum : Oui

Largeur colonne 1 (gauche) : 180 pixels (ou plus)

Largeur colonne 3 (droite) : 180 pixels (ou plus)

et ne mettez rien dans le CSS ...

[Petit Démon rêveur]

Alors, d'abord merci pour le petit plus ^^
Et ensuite j'ai deux petits soucis, cette fois le forum est décalé sur la gauche, bien que je préfère, ça choque nettement moins. Et j'ai un second souci, le bouton d'accès à mon panneau d'administration est en dehors du corps du forum et en tout petit bien que je puisse toujours cliquer dessus.

Je ne sais pas vraiment à quoi c'est dû...

[Scoubifitz]

message édité :

voici le template complet "overall_footer" , réajusté ...

j'ai aussi réédité le message précédent , pour des informations supplémentaires ...

Code:

    <!-- BEGIN html_validation -->
    <!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">
    <body>
    <table>
      <tr>
          <td><table>
      <tr>
          <td>
            <div>
                <div>
                  <table>
                      <tbody>
                        <tr>
                            <td>
    <!-- END html_validation -->
               <div id="page-footer">
                                <!-- BEGIN switch_footer_fa_copyrights -->
                                <div align="center">
                                        <div class="gen">
                                                <!-- BEGIN footer_fa_copyright_link -->
                                                        <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                        {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                                                <!-- END footer_fa_copyright_link -->
                                        </div>
                                </div>
                                <!-- END switch_footer_fa_copyrights -->
                                <!-- BEGIN switch_footer_links -->
                                <div align="center">
                                        <div class="gen">
                                                <!-- BEGIN footer_link -->
                                                        <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                        <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                                                <!-- END footer_link -->
                                        </div>
                                </div>
                                <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
   
                            </td>
                        </tr>
                      </tbody>
                  </table>
                </div>
            </div></td><td valign="top" width="{C3SIZE}"><div style="width:180px;">ici vous pouvez aussi mettre autre chose qu'un module de widget , un petit tableau perso ou une liste de partenaires , il suffit de le placer entre les "div", à la place de ce texte ...</div>
                            <div id="{ID_RIGHT}">
                              <!-- BEGIN giefmod_index2 -->
                              {giefmod_index2.MODVAR}
                              <!-- BEGIN saut -->
                              <div style="height: {SPACE_ROW}px"></div>
                              <!-- END saut -->
                              <!-- END giefmod_index2 -->
                            </div>
                            </td></tr></table>
            <!-- close div id="page-body" -->

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

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>

[Petit Démon rêveur]

Ah ! Nickel !
Merci beaucoup ! ^^

Je vous souhaite une excellente journée et merci encore pour votre aide !^^