Mettre les information du profil en infobulle

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre les information du profil en infobulle

Message par Creatio le Mer 12 Oct 2011 - 16:14

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 !


Dernière édition par Creatio le Sam 22 Oct 2011 - 16:09, édité 1 fois

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Mer 12 Oct 2011 - 17:22

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Mer 12 Oct 2011 - 18:26

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 ?

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Mer 12 Oct 2011 - 18:35

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*/
        }

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Mer 12 Oct 2011 - 21:10

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 ?

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Mer 12 Oct 2011 - 21:18

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 Wink

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Jeu 13 Oct 2011 - 21:47

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>

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Lun 17 Oct 2011 - 1:39

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Jeu 20 Oct 2011 - 18:44

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

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Ven 21 Oct 2011 - 11:29

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>

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Ven 21 Oct 2011 - 12:02

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

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Ven 21 Oct 2011 - 13:05

Pouvez-vous me donner plutot le template complet ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Ven 21 Oct 2011 - 13:35

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

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Ven 21 Oct 2011 - 13:40

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

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Ven 21 Oct 2011 - 13:57

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

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Ven 21 Oct 2011 - 14:03

{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

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Ven 21 Oct 2011 - 14:14

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

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Ven 21 Oct 2011 - 14:29

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 ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Ven 21 Oct 2011 - 14:50

Non, pas de modification...

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Ven 21 Oct 2011 - 21:23

Rendez moi votre css que je la vérifie.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Ven 21 Oct 2011 - 21:58

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');
}

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Sam 22 Oct 2011 - 13:06

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 ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Sam 22 Oct 2011 - 15:24

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

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Sam 22 Oct 2011 - 15:31

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

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Sam 22 Oct 2011 - 15:36

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

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par SoraNoHime le Sam 22 Oct 2011 - 16:07

oui il suffit de mettre
<img src="lien de l'image" />
à la place du mot Profil par exemple.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les information du profil en infobulle

Message par Creatio le Sam 22 Oct 2011 - 16:09

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

Creatio
Nouveau membre

Messages : 24
Inscrit(e) le : 02/07/2010

http://creatio.nightforum.net/index.htm
Creatio a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum