Code HTML à intégrer dans un template

[Eiffel01]

Bonjour,
J'ai refais l'affichage moi-même des messages mais le problèmes c'est que je n'arrive pas à l'intégrer au template.
Voici le code HTML :


Et le template (sans le code) :


Quelqu'un pourrait-il m'aider à intégrer le code HTML dans le template ? Et également à intégrer les variables comme le pseudo du posteur, la date du message, le profil dans l'infobulle, etc ?
(les images sont là pour faire de modèle, il faudra mettre par exemple à sa place une variable mais je n'y arrive pas)
Aperçu du rendu voulu : http://zarbaide.forumactif.org/h3-personnalisation-apercu-sujet
(mais dans les sujets)

Merci beaucoup d'avance

[Eiffel01]

Premier UP.

[Invité]

bonjour je suis entrain de tester votre code
vous avez encore un soucie avec les tables
les messages suivant se retrouve en dehors !!
d’après votre capture d’écran vous vouliez les informations mp,profil,editer ect a droite ; la ils sont a gauche

[Eiffel01]

Merci de votre aide.
Toujours le même problème ? Pourrez-vous m'expliquer d'où vient-il pour que je ne le reproduise pas ?

[Invité]

voici déja une partie , je recherche pour le reste

Code:

<table class="titresujet">
                                                 
  <tbody>
                                                 
      <tr>
                                                       
        <td>
            <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>               
        </td>
                                                       
      </tr>
                                                 
  </tbody>
</table>
                     
<table class="entetesujet">
                                                                                                         
  <tbody>
                                                                                                         
      <tr>
                                                                                                               
        <td>
                                                                                                               
            <div style="float:left; font-size: 15px; font-style: italic">
                                  <a class="infobulle">{postrow.displayed.POSTER_NAME}<strong></strong> 
<span>
<table>
  <tr>
      <td><img src="http://r18.imgfast.net/users/1815/11/54/24/avatars/1-91.jpg" alt="" border="0" /></td>
          <td width="100%"><div style="text-align: center"><img src="http://i38.servimg.com/u/f38/18/94/07/48/gynyra10.gif" alt="" border="0" /></div>
            <br/>- <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
       
    </td>
  </tr>
</table>
 

[Eiffel01]

J'ai vu que tu n'avais pas changé les images.
Cette image -> https://i.servimg.com/u/f38/18/94/07/48/gynyra10.gif
C'est le rang

Cette image -> https://2img.net/u/1815/11/54/24/avatars/1-91.jpg
C'est l'avatar.

Pourras-tu également faire ceci ? Je t'avoue que je sais coder un peu près bien, mais alors les variables des templates, ça je n'y arrive pas encore :O
Et c'est réellement, comment je vais modifier mon template pour intégrer la mise en page ? C'est ça que je n'arrive pas.

Merci beaucoup de ton aide

[Invité]

a oui exact desolé

Code:

 
    <table class="titresujet">
                                                 
  <tbody>
                                                 
      <tr>
                                                       
        <td>
            <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>               
        </td>
                                                       
      </tr>
                                                 
  </tbody>
</table>
                     
<table class="entetesujet">
                                                                                                         
  <tbody>
                                                                                                         
      <tr>
                                                                                                               
        <td>
                                                                                                               
            <div style="float:left; font-size: 15px; font-style: italic">
                                  <a class="infobulle">{postrow.displayed.POSTER_NAME}<strong></strong> 
<span>
<table>
  <tr>
      <td>{postrow.displayed.POSTER_AVATAR} </td>
          <td width="100%"><div style="text-align: center">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_RANK}</div>
            <br/>- <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
       
    </td>
  </tr>
</table>

j'ai mis les 2 rang le rang image et texte choisissez celui que vous voulez

pour repondre a votre question pour l'instant cela ressemble a ceci



il y a encore du boulot

[Eiffel01]

Merci de votre aide, merci infiniment, vous me sauvez.

Je pense qu'avec le CSS, vous verrez mieux

[Invité]

re - pour moi cette ligne n'est pas correct , pas moyen d'affiché l'infos bulle

dans le strong vous devez mettre <a class="infobulle"><strong >message posté par</strong>{postrow.displayed.POSTER_NAME}<strong>le </strong>{poster_profil}?????????suis pas sur !!

je pence que c'est comme cela , mais ne suis pas sur a 100%.
j'ai fait des essais mais je ne trouve pas la bonne variable a incorporer !!

[Eiffel01]

Que voulez-vous dire ?
Laissez tomber pour l'infobulle, je saurais me débrouiller. C'est incorporer le code dans le template qui m'intéresse plus.

[Invité]

avec les modif apporté , les lignes a supprimer , les variables et les <!-- je doit montrer ça -->
<!-- je doit pas montrer ça --> trop complexe pour moi , il vaut mieux confier ça a un spécialiste ..
donc si un pro passe par içi !!!!

[Eiffel01]

Ok...
Ce n'est pas grave.

Quelqu'un aurait-il la solution ?

[Invité]

bonjour j'ai trouver ceci , ça pourra vous servir !
https://forum.forumactif.com/t348435-variables-de-template


et ceci aussi !

Code:

Les titres
{TOPIC_TITLE} => Titre du topic qui apparaît en haut, centré
{L_AUTHOR} => Titre de la cellule "Auteur"
{L_MESSAGE} => Titre de la cellule "Message"

Les informations des membres (cellule "Auteur")
{postrow.displayed.POSTER_NAME} => Pseudo du posteur
{postrow.displayed.POSTER_RANK} => Rang du posteur (format texte)
{postrow.displayed.RANK_IMAGE} => Rang du posteur (format image)
{postrow.displayed.POSTER_AVATAR} => Avatar du posteur
{postrow.displayed.profile_field.LABEL} => Champ du profil
{postrow.displayed.profile_field.CONTENT} => Valeur du champ profil
{postrow.displayed.profile_field.SEPARATOR} => Mode de séparation du champ du profil
{postrow.displayed.POSTER_RPG} => Feuille de personnage

Les boutons (cellule "Message")
{postrow.displayed.THANK_IMG} => Bouton "Merci"
{postrow.displayed.MULTIQUOTE_IMG} => Bouton "Multi-citation"
{postrow.displayed.QUOTE_IMG} => Bouton "Citation"
{postrow.displayed.EDIT_IMG} => Bouton "Éditer"
{postrow.displayed.DELETE_IMG} => Bouton "Supprimer"
{postrow.displayed.IP_IMG} => Bouton "IP"
{postrow.displayed.REPORT_IMG} => Bouton "Envoyer un rapport"

Contenu du message (cellule "Message)
{postrow.displayed.MESSAGE} => Message
{postrow.displayed.SIGNATURE} => Signature
{postrow.displayed.EDITED_MESSAGE} => "Dernière édition le…"

Informations de contact
{postrow.displayed.PROFILE_IMG} => Bouton "Voir le profil"
{postrow.displayed.PM_IMG} => Bouton "Envoyer un message privé / MP"
{postrow.displayed.EMAIL_IMG} => Bouton "Envoyer un e-mail"
{postrow.displayed.contact_field.CONTENT} => Boutons autres options de contact
{postrow.displayed.ONLINE_IMG} => Image "En ligne"

[Eiffel01]

Ce qui m'embête juste c'est d'intégrer le code dans le template, ce n'est pas les variables.

[Invité]

bonsoir Eiffel01

remplacé votre Template par ceci

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }
   
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>     
      <td class="nav" valign="middle" width="100%">
        <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
      </td>     
     
  </tr>
</table>

<table width="100%">
<tbody>
                                                   
      <tr>
                                                       
        <td class="titresujet">
                                  <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>                       
        </td>
                                                       
      </tr>
                                                   
  </tbody>
 
          <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
 
  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>

  <!-- END hidden -->
 



  <!-- BEGIN displayed -->

<table width="100%">
  <tr>
              <td colspan="2" width="100%" style="padding-left: 15px">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                   

                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                   

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
       

<table width="100%"> <tbody><tr>
                                                                                                               
        <td class="entetesujet">
                                                                                                                 
            <div style="float:left; font-size: 15px; font-style: italic">
                                  Message posté par {postrow.displayed.POSTER_NAME} le <strong>{postrow.displayed.POST_DATE}</strong>    </div>
                                                                                                                 
            <div style="float:right">
{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}                                                 
            </div>
                                                                         
        </td>
                                                                                                               
      </tr>
                                                                                                           
<tr>
                                                                     
        <td class="corpssujet" style="margin-top: -2px">
                                                                       
            <div style="padding: 10px; text-align: justify;">
            {postrow.displayed.MESSAGE}</div>
                                                                       
        </td>
                                                                     
      </tr>
                                                                 

  <tr>
      <td class="contactsujet" style="margin-top: -2px">
                  <div style="float:right; padding-top: 10px; margin-top: -2px">{postrow.displayed.ONLINE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.PROFILE_IMG}</div></td>
  </tr>
  </tbody></table>



     
  <!-- BEGIN first_post_br -->

<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
 
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->


<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        »&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <h1 class="cattitle">&nbsp;{L_FORUM_RULES}</h1>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
     
                                 
                                 
                                 
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall">&nbsp;</span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

et votre css par ceci

Code:

table {
display: table;
border-collapse:10;
border-spacing: 0px;
border-color: #333333;
}
/***********Affichage d'un sujet***********/
.titresujet { border-right: 5px solid #1d2c4f; border-left: 5px solid #1d2c4f; border-top: 1px solid #1d2c4f;
  border-bottom: 1px solid #1d2c4f; background-color: #ededed; width: 100%; font-size: 20px; text-align: center; margin-top: 10px; }
.entetesujet { width: 100%; background-color: #E1E1E1; font-size: 16px; border-left: 5px solid #1d2c4f;
  border-right: 5px solid #1d2c4f; padding: 10px; border-bottom: 2px dashed #1d2c4f; border-top: 1px solid #1d2c4f; font-style: italic;
  margin-top: 10px  }
.corpssujet { width: 100%; background-color: #ededed; font-size: 16px;  border-left: 5px solid #1d2c4f; border-right: 5px solid #1d2c4f;
  padding: 10px; }
.contactsujet { width: 100%; background-color: #ededed; font-size: 16px; border-left: 5px solid #1d2c4f;
  border-right: 5px solid #1d2c4f; border-bottom: 1px solid #1d2c4f; font-style: italic;
  padding-right: 2px; margin-top: -1px }
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{ position: absolute;background-color: #E1E1E1; padding: 5px;left: -1000px;visibility: hidden;color: #FFFFFF;}
.infobulle:hover span{ visibility: visible; top: 32px;        left: 20px;  border-radius:0px 0px 5px 5px;
color:black;border-left: 1px solid #1d2c4f; border-right: 1px solid #1d2c4f; border-bottom: 1px solid #1d2c4f; width: 410px }

cdl bonne soirée

[Eiffel01]

Je vous remercie sincèrement car tout marche. Je me suis arrangé pour le profil et ça rend parfait.

Sujet résolu.