Mettre les information du profil en infobulle

[Creatio]

Bonjour ! =)

Je viens vers vous pour une petite demande...

■ Adresse du forum sur lequel se trouve l'effet désiré : (obligatoire)http://in-nomine-mens.bbactif.com/t2263-le-recapitulatif#51882
■ Quel est l'effet que vous souhaitez reproduire ? (obligatoire) J'aimerais pouvoir mettre les infos du profil dans une infobulle, en parallèle de celle de la feuille de personnage. Je sais le faire pour la feuille de personnage mais je n'y arrive pas pour le profil...
■ Variantes souhaitées : (facultatif) CSS & templates
■ Renseignements supplémentaires : (facultatif)Euh... Je voudrais juste le code pour pouvoir les mettre, en suite je pense pouvoir m'arranger pour disposer la feuille de personnage et les infos profils dans un tableau... =)

Merci par avance !

[Macema]

Bonjour

SI votre forum est en phpbb2 et que vous pouvez gérer les templates, dans le template viewtopic_body, remplacez ceci :

Code:

{postrow.displayed.POSTER_AVATAR}<br/><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}

par :

Code:

<div class="infobulle_avatar">{postrow.displayed.POSTER_AVATAR}
<em>
<!-- 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}</em></div>

et dans votre css ajoutez :

Code:

div.infobulle_avatar em {
display:none;
}

div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.infobulle_avatar:hover em {
font-style: normal; /*écriture de la police*/
font-size: 10px; /*taille de la police*/
color:#000 !important; /*couleur de la police*/
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 5px; /* bord arrondis*/
-webkit-border-radius: 5px; /* bord arrondis*/
border-radius: 5px ; /* bord arrondis*/
background-color: #FFF; /*couleur de fond de l'infobulle*/
border: 1px solid #000; /*taille et couleur de la bordure de l'infobulle*/
width:150px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 100px; /*infobulle à 100px de la gauche*/
}


A personnaliser.

Cordialement.

[Creatio]

Merci beaucoup mais est-ce possible de séparer les informations profils, des infos de la fiche personnelle ? Et aussi, de faire apparaître l'infobulle autrement que sur l'avatar ?

[Macema]

Je vous donne le code par défaut dans ce cas, je vous laisse replacer ensuite le contenu dedans ^^

code HTML :

<div class="infobulle_avatar">CE QUI EST VISIBLE
<em>CE QUI EST DANS L"INFOBULLE</em></div>

code css :

Code:

  div.infobulle_avatar em {
        display:none;
        }
       
        div.infobulle_avatar:hover {
        background: none;
        z-index: 999;
        cursor: hand;
        position: relative;
        text-decoration:none;
        border: 0;
        }
       
        div.infobulle_avatar:hover em {
        font-style: normal; /*écriture de la police*/
        font-size: 10px; /*taille de la police*/
        color:#000 !important; /*couleur de la police*/
        padding: 3px;
        display: block;
        position: absolute;
        -moz-border-radius: 5px; /* bord arrondis*/
        -webkit-border-radius: 5px; /* bord arrondis*/
        border-radius: 5px ; /* bord arrondis*/
        background-color: #FFF; /*couleur de fond de l'infobulle*/
        border: 1px solid #000; /*taille et couleur de la bordure de l'infobulle*/
        width:150px; /*largeur de l'infobulle*/
        top: 100px; /*infobulle à 100px du haut*/
        left: 100px; /*infobulle à 100px de la gauche*/
        }

[Creatio]

Bon, hé bien, je pense que j'ai du faire des bêtises parce que j'avais déjà des modifications dans mon profil... En somme, j'ai ça dans mon template :

Code:


<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>Moi c'est <br/>{postrow.displayed.POSTER_NAME}</strong></span><br /><center>
            <div class="infobulle_avatar"> 
            <br/>{postrow.displayed.POSTER_AVATAR} <br />{postrow.displayed.POSTER_RANK}<br/>{postrow.displayed.RANK_IMAGE}<br /><br />
          <table ><tr>
<td> <em>
<!-- 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}</em></div>
            </div></div><br />
            </div></div>
        </span><br /></td>
</tr>
</table>

Ce qui donne ceci.... Et je n'arrive pas à déplacer l'infobulle de sur l'avatar ni à mettre chaque info dans une case différente du tableau... ^^'

Et comment faire pour mettre un petit texte sur lequel on passerait la souris et ou paraîtrait l'infobulle ?

[Macema]

Normal, le div de l'infobulle est juste avant la balise de l'avatar ^^
Je vais vous expliquer les balises, et avec ce que je vous ai dit plus haut vous devriez ensuite savoir quoi déplacer où :

{postrow.displayed.POSTER_NAME} Pseudo du posteur

{postrow.displayed.POSTER_AVATAR} Avatar du posteur

{postrow.displayed.POSTER_RANK} Rang du posteur

{postrow.displayed.RANK_IMAGE} Image de rang du posteur

Code:

        <!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->

Ce code contient tous les champs de profil, vous comprendrez alors qu'on ne peut par contre les séparer.

{postrow.displayed.POSTER_RPG} Champs de la feuille RPG.

En reprenant le code précédent, retentez votre code, si cela ne marche pas je vous corrigerai

[Creatio]

Alors, j'ai essayée et j'arrive à un résultat qui me convient mieux... Je n'arrive pas à comprendre pourquoi j'ai mes infos de la fiche RP dans ma partie profil et les infos du profil et de la fiche rp dans la partie RP... o_O

Voilà mon code, modifié...

Code:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>Moi c'est <br/>{postrow.displayed.POSTER_NAME}</strong></span><br /><center>

            <br/>{postrow.displayed.POSTER_AVATAR} <br />{postrow.displayed.POSTER_RANK}<br/>{postrow.displayed.RANK_IMAGE}<br /><br />
                  <div class="infobulle_avatar"> Profil<table ><tr>
<td> <em>
                <!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --></em></div></div><br /></td></td>
</tr>
</table>

<div class="infobulle_avatar"> Fiche RP<table ><tr><td><em>
            {postrow.displayed.POSTER_RPG}</em></div></div><br /></td></td>
</tr>
</table>

[Macema]

Pouvez-vous me donner une idée exacte de ce que vous désirez :

doit apparaitre dans le profil message :
doit apparaitre dans l'infobulle :

Cordialement.

[Creatio]

Merci de me donner un coup de main.

En fait, c'est simple, je voudrais mettre toutes les infos du profil dans une infobulle et la fiche rp dans une autre infobulle...


Tout ce qui est encadré en violet dans une infobulle en somme et tout ce qui est encadré en bleu dans une autre infobulle...

[Macema]

Et en mettant ceci à la place du code que vous m'avez donné précédemment ?

Code:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>Moi c'est <br/>{postrow.displayed.POSTER_NAME}</strong></span><br /><center>
 
            <br/>{postrow.displayed.POSTER_AVATAR} <br />{postrow.displayed.POSTER_RANK}<br/>{postrow.displayed.RANK_IMAGE}<br /><br />
<div class="infobulle_avatar">Profil
<em><span class="gensmall">
<!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->
</span></em></div>

<div class="infobulle_avatar">Fiche RP
<em><span class="gensmall">
{postrow.displayed.POSTER_RPG}
</span></em></div>

[Creatio]

Ca fonctionne très bien mais... Mon forum est déformé... >.<

Voilà le résultat...

J'ai pourtant bien copier ton code, voilà ce que j'ai mis :

Code:



   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                <div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>Moi c'est <br/>{postrow.displayed.POSTER_NAME}</strong></span><br /><center>
       
                    <br/>{postrow.displayed.POSTER_AVATAR} <br />{postrow.displayed.POSTER_RANK}<br/>{postrow.displayed.RANK_IMAGE}<br /><br />
        <div class="infobulle_avatar">Profil
        <em><span class="gensmall">
        <!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->
        </span></em></div>
       
        <div class="infobulle_avatar">Fiche RP
        <em><span class="gensmall">
        {postrow.displayed.POSTER_RPG}
        </span></em></div></div><br /></td></td>
        </tr>
        </table>
        </span><br />

[Macema]

Pouvez-vous me donner plutot le template complet ?

[Creatio]

Merci de votre aide, je vous communiques le template entier :

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}';
var multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
//]]>
</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>   
         <!-- 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"><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>
      <!-- BEGIN insert_plus_menu -->
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <script type="text/javascript">
            //<![CDATA[
               insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
      <!-- END insert_plus_menu -->
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catHead" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> {TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                <div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>Moi c'est <br/>{postrow.displayed.POSTER_NAME}</strong></span><br /><center>
       
                    <br/>{postrow.displayed.POSTER_AVATAR} <br />{postrow.displayed.POSTER_RANK}<br/>{postrow.displayed.RANK_IMAGE}<br /><br />
        <div class="infobulle_avatar">Profil
        <em><span class="gensmall">
        <!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->
        </span></em></div>
       
        <div class="infobulle_avatar">Fiche RP
        <em><span class="gensmall">
        {postrow.displayed.POSTER_RPG}
        </span></em></div></div><br /></td></td>
        </tr>
        </table>
        </span><br />
        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width: 150px; height: 1px;" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- 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 -->

                  <span class="postbody">
                     
                     {postrow.displayed.MESSAGE}
                     
                     {postrow.displayed.SIGNATURE}
                  </span>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="2" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
   <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 -->
   <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 -->
      <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>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </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>   
            <!-- 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}: {S_JUMPBOX_SELECT} <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"> </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}" />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

[Macema]

{postrow.displayed.POSTER_RPG}
</span></em></div></div><br /></td></td>
</tr>
</table>
</span><br />
<img src="http://illiweb.com/fa/empty.gif" alt="" style="width: 150px; height: 1px;" />

supprimez la partie en rouge dans votre template ^^

Est-ce bon désormais ?

[Creatio]

Merci, le forum est revenu à la normal mais... Il n'y a plus d'info dans les infobulles....

Je suis désolée de vous embêter encore! >.<

[Macema]

{postrow.displayed.POSTER_RPG}
</span></em></div></div>
</span><br />

en remettant le point en rouge, est-ce mieux ? Cela fonctionne sur mon forum test

[Creatio]

Modification effectué mais pas de changement... C'est étrange tout de même.

Voilà mon template

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}';
var multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
//]]>
</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>   
         <!-- 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"><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>
      <!-- BEGIN insert_plus_menu -->
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <script type="text/javascript">
            //<![CDATA[
               insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
      <!-- END insert_plus_menu -->
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catHead" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> {TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
                      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                <div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>Moi c'est <br/>{postrow.displayed.POSTER_NAME}</strong></span><br /><center>
       
                    <br/>{postrow.displayed.POSTER_AVATAR} <br />{postrow.displayed.POSTER_RANK}<br/>{postrow.displayed.RANK_IMAGE}<br /><br />
        <div class="infobulle_avatar">Profil
        <em><span class="gensmall">
        <!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->
        </span></em></div>
       
        <div class="infobulle_avatar">Fiche RP
        <em><span class="gensmall">
        {postrow.displayed.POSTER_RPG}
        </span></em></div></div>
        </span><br />
        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width: 150px; height: 1px;" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- 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 -->

                  <span class="postbody">
                     
                     {postrow.displayed.MESSAGE}
                     
                     {postrow.displayed.SIGNATURE}
                  </span>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="2" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
   <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 -->
   <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 -->
      <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>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </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>   
            <!-- 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}: {S_JUMPBOX_SELECT} <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"> </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}" />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

[Macema]

Remplacez le entièrement par le mien

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}';
var multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
//]]>
</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> 
        <!-- 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"><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>
      <!-- BEGIN insert_plus_menu -->
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
            <script type="text/javascript">
            //<![CDATA[
              insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
      <!-- END insert_plus_menu -->
  </tr>
</table>
 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="catHead" colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> {TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                <div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>Moi c'est <br/>{postrow.displayed.POSTER_NAME}</strong></span><br /><center>
       
                    <br/>{postrow.displayed.POSTER_AVATAR} <br />{postrow.displayed.POSTER_RANK}<br/>{postrow.displayed.RANK_IMAGE}<br /><br />
        <div class="infobulle_avatar">Profil
        <em><span class="gensmall">
        <!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->
        </span></em></div>
       
        <div class="infobulle_avatar">Fiche RP
        <em><span class="gensmall">
        {postrow.displayed.POSTER_RPG}
        </span></em></div></div><br />
        </span><br />
        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width: 150px; height: 1px;" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- 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 -->
 
                  <span class="postbody">
                   
                    {postrow.displayed.MESSAGE}
                   
                    {postrow.displayed.SIGNATURE}
                  </span>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="2" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>
 
<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
  <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 -->
  <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 -->
      <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>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </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> 
            <!-- 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}: {S_JUMPBOX_SELECT} <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"> </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}" />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

Cela va-t-il mieux ?

[Creatio]

Non, pas de modification...

[Macema]

Rendez moi votre css que je la vérifie.

[Creatio]

Le voilà, désolée pour son désordre :

Code:

body
{ background-color: #c0c0c0;
background-image: url("http://nsm05.casimages.com/img/2011/09/24/110924055406260268790541.png");
background-repeat: no-repeat;
background-position: top-center;}


.gif {
    -moz-border-radius:100px;
    border: 3px solid #D9BDD9;
    padding: 10px;
}

.photo {
    -moz-border-radius-topright:150px;
    border: 3px solid #29150a;
}

.statut {
    -moz-border-radius-bottomright:15px;
    -moz-border-radius-topright:15px;
    background-color: #29150a;
    margin-left: -5 px;
    margin-top: 40 px;
}


.profilentour {
text-align:center;
text-decoration: #0d010b;
 text-color :#B9A6BF;
padding:9px;
background-image:url(http://i55.tinypic.com/w06vdk.jpg);
background-color:#29150a;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}





/* pas de soulignement de liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

body { cursor: crosshair }

a:hover { cursor: ne-resize }


a.grostitre {
text-shadow: #000000 1px 1px 1px;
font-size: 14px;
color: #851515;
Font-Weight: bold;
}

.postbody { display: block; padding-left: 35px;
text-align: justify;
 }


textarea
{
color: #! important; background-image: url(http://i55.tinypic.com/w06vdk.jpg) ! important;
}


a {
text-transform: lowercase ;
letter-spacing: 3px;}


tr.post span.gensmall { display: none; }

a:hover
{
font-style: italic
}

a {font-variant: small-caps;}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

body {
text-align:justify;
}



input,textarea, select {
border-radius: 9px 9px;
-moz-border-radius: 9px;}


.code {
 border:  #0d010b 2px solid;
 -moz-border-radius: 0px 8px 0px 8px;
background-image:url(//);
padding:2px;
}

.spoiler {
 border: #0d010b 2px solid;
 -moz-border-radius: 0px 8px 0px 8px;
background-image:url(http://i55.tinypic.com/w06vdk.jpg);
padding:2px;
}

.quote {
 border:  #0d010b 2x solid;
 -moz-border-radius: 0px 8px 0px 8px;
background-image:url(http://i55.tinypic.com/w06vdk.jpg);
padding:2px;
}




.descforum {
border : 2px solid  #66625c;
background-image:url(http://i55.tinypic.com/w06vdk.jpg);
background-color: #29150a;
color: #000000;
padding: 5px;
text-align: justify;
width: 90%;
margin: auto;}




.groupes{
text-shadow: #000000 1px 1px 1px;
font-size: 14px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-weight: bold;
text-align:center;
text-decoration: none !important;
}

/* QEEL */
.onglet { background-color: # ;
border-right: 2px solid #d2ba96;
 border-left: 2px solid #d2ba96;
border-top: 2px solid #d2ba96;
 border-bottom: 2px solid #d2ba96;
-moz-border-radius :10px 10px 10px 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
 font-family: verdana;
font-weight: bold; text-align: center;
color:#43435F;}

.message { background-color: #;
border-right: 5px solid #d2ba96;
 border-left: 5px solid #d2ba96;
border-top: 5px solid #d2ba96;
 border-bottom: 5px solid #d2ba96;
-moz-border-radius :10px 10px 10px 10px;
 padding-top: 5px;
 padding-bottom: 5px;
padding-left: 20px;
 padding-right: 20px;
font-family: verdana;
text-align: justify;
color: #3D4952;}

.catégoz {
text-align : center ;
position : relative ;
top : 20px ;
text-color: #4a1109;
text-transform : uppercase ;
letter-spacing : 2px ;}

.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #66625c;
background-image:url(http://i55.tinypic.com/w06vdk.jpg);
background-color: #29150a;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}


.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */*/
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */

background-image:url(http://i55.tinypic.com/w06vdk.jpg);
background-color: #29150a;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}


.upbottom {
position: fixed;
bottom : 0px ;
margin-left : 95% }


/* infobulles by BestRPG */
a.info {
  position:relative;
}
a.info:hover {
  background: none;
  z-index: 999;
}
a.info span {display: none;}
a.info:hover span {
display: inline;
  position: absolute;
  width: 200px;
  top:  0px;
  left: 70px;
  background:#0d010b;
  padding: 5px;
  border-bottom: 2px solid #B9A6BF;
  border-top: 2px solid #B9A6BF;
  border-right: 2px solid #B9A6BF;
  border-left: 2px solid #B9A6BF;
  }


#cat_categoonglet1,#cat_categoonglet2,#cat_nomonglet3,#cat_nomonglet4,#cat_nomonglet5 /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #52133E;
margin: auto;
margin-bottom:30px;
width:800px;
}

.categoonglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}

.categoonglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}

.categoonglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.categoonglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.categoonglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.categoonglet_actif {
background-color : #52133E;
width:200px; /*Largeur de l'onglet étant actif*/
height:30px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}

.categoonglet_nactif {
background-color : #52133E;
width:200px; /*Largeur de l'onglet étant inactif*/
height:30px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
}
  .onglet_0
        {
                background:#0d010b;
             
-moz-border-radius :7px 7px 7px 7px;
padding-top: 8px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
        }
        .onglet_1
        {
                background:#0d010b;
               
-moz-border-radius :7px 7px 7px 7px;
padding-top: 8px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
             
        }

     
        .contenu_onglet
        {
                background-color:#0d010b;
                border:1px solid#D9BDD9;
-moz-border-radius :7px 7px 7px 7px;
                margin-top:8px;
                padding:5px;
                display:none;
        }


/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */



/*** PA codée par Phantasmagoria pour usage public ****/
.welcome {
font-size: 25px;
color: #9C8050;
text-shadow: 0 1px 10px #000;
text-transform: uppercase;
border-bottom: 2px dashed #9C8050;
-moz-border-radius:10px; }

#navigation a:link, #navigation a:visited, #navigation a:active {

font-style: verdana;
font-size: 13px;
text-align: center;
padding: 2px;
color: #ffffff;
background-color: #29150a;
line-height: 13px;
display: block;
border-bottom: 1px solid #000;
-moz-border-radius: 15px 15px 15px 15px;
webkit-border-radius: 15px 15px 15px 15px;
-webkit-box-shadow: 0px 3px 2px #615661;
-moz-box-shadow: 0px 3px 2px #615661;
box-shadow: 0px 3px 2px #615661;
}

#navigation a:hover {
color: #29150a;
background-color: #9C8050;
}

.fond {
background: #29150a;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin: 5px;
padding: 5px; }

.titres {
background: #B7977B;
font-size: 18px;
color: #9C8050;
text-shadow: 0 1px 10px #000;
text-transform: uppercase;
tex-align: center;
-moz-border-radius-topleft: 65px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 65px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 65px;
border-top-right-radius: 0px;
border-bottom-right-radius: 65px;
border-bottom-left-radius: 0px;
margin: 5px;
padding-top: 7px;
padding: 10px
border-bottom: 2px dashed #000;}

.pres {
width: 400px;
height: 60px;
color: #fff;
text-align: justify;
overflow: auto;
margin: 5px;
padding: 10px; }

#partenaires {
width:600px;
height: 40px;}

.news {
width: 230px;
height: 140px;
overflow: auto;
margin: 2px;
padding: 5px;
color: #fff;}

.staff {
width: 230px;
height: 140px;
margin: 5px;
padding: 5px; }

 /* infobulle*/
.tstaff{font-size:1em;}


.thumbnail span{
position: absolute;
background-color: #000;
padding: 20px;
left: -1000px;
visibility: hidden;
color: #fff;
-webkit-box-shadow: 0px 3px 2px #615661;
-moz-box-shadow: 0px 3px 2px #615661;
box-shadow: 0px 3px 2px #615661;

}
.thumbnail{
position: relative;
z-index: 0;
border:0px solid #fff;
padding-top:3px;
padding-left:3px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color:#000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #fff;
text-decoration: none;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 10px;
border: 2px solid #fff;
}

.thumbnail span img{
border: 2px solid #fff;
padding: 1px;
}

.thumbnail:hover span{
visibility: visible;
top: 25px;
left: 35px; /*position where enlarged image should offset horizontally */
width: 150px
height: 250px;
}

a.imag{
position: relative;
z-index: 1;
}

a.imag:hover{
cursor: help;
z-index: 2;
}

a.imag span{
display: none;
}

a.img:hover span{
display:block;
position:absolute;
z-index: 3;
top: 1px;
left: -20px;
}

        div.infobulle_avatar em {
        display:none;
        }
       
        div.infobulle_avatar:hover {
        background: none;
        z-index: 999;
        cursor: hand;
        position: relative;
        text-decoration:none;
        border: 0;
        }
       
        div.infobulle_avatar:hover em {
        font-style: normal; /*écriture de la police*/
        font-size: 10px; /*taille de la police*/
        color:#000 !important; /*couleur de la police*/
        padding: 3px;
        display: block;
        position: absolute;
        -moz-border-radius: 5px; /* bord arrondis*/
        -webkit-border-radius: 5px; /* bord arrondis*/
        border-radius: 5px ; /* bord arrondis*/
        background-color: #FFF; /*couleur de fond de l'infobulle*/
        border: 1px solid #000; /*taille et couleur de la bordure de l'infobulle*/
        width:150px; /*largeur de l'infobulle*/
        top: 100px; /*infobulle à 100px du haut*/
        left: 100px; /*infobulle à 100px de la gauche*/
        }


span.profil {
position : relative; }

span.profil span {
display : none;
font-size : 11px;
white-space : normal; }

span.profil:hover {
background : none;
z-index: 999;
cursor : help; }

span.profil:hover span {
display : inline;
position : absolute;
top : -100px;
left : 100;
  background: #380B1A;
  padding: 5px;
  border-bottom: 1px solid #ae9ea2;
  border-top:1px solid #ae9ea2;
  border-right: 1px solid #ae9ea2;
  border-left: 1px solid #ae9ea2;
 -moz-border-radius-bottomleft:10px;
 -moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px; }

td .row1{
background-image: url("http://nsm05.casimages.com/img/2011/09/24//110924055815260268790548.png");
background-repeat: repeat;
}
td .row2{
background-image: url("http://nsm05.casimages.com/img/2011/09/24//110924055815260268790548.png");
background-repeat: repeat;
}
td .row3{
background-image: url("http://nsm05.casimages.com/img/2011/09/24//110924055815260268790548.png");
background-repeat: repeat;
}
td .row3Right{
background-image: url("http://nsm05.casimages.com/img/2011/09/24//110924055815260268790548.png");
background-repeat: repeat;
}
.quote, .code{
-moz-border-radius:12px;
-webkit-border-radius:12px;
background-image: url('http://i55.tinypic.com/w06vdk.jpg');
}

[Macema]

Code:

tr.post span.gensmall { display: none; }

C'est ceci qui fausse le code. Il suffit de l'enlever et cela devrait être bon. A quoi vous sert ce code normalement ?

[Creatio]

Cela a marché, merci beaucoup ! J'ai enlevée le code et je ne vois aucune modification importante sur mon forum.... Et impossible de me rappeler à quoi pouvait bien servir cette ligne de CSS...

[Macema]

Tant que tout fonctionne ^^ ça va. Y'a t-il encore quelquechose à mettre au poit sur vos infobulles profil ?

[Creatio]

Huuuummm, juste pour savoir, si je désire mettre une image à la place du texte ' Profil' un simple code html image sera suffisant ?

[Macema]

oui il suffit de mettre

<img src="lien de l'image" />

à la place du mot Profil par exemple.

[Creatio]

Ah merci beaucoup à vous ! Mon problème est donc résolu !