Utiliser des champs du profil en lien / infobulle

[Ufobubble]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://sonuvaglitch.forumactif.com/

Description du problème

Bonjour la communauté Forumactif !

Je ne suis pas certaine d'avoir posté dans la bonne catégorie, le cas échéant j'en suis désolée !

Plus qu'un problème, il s'agit d'un besoin: comme indiqué sur la capture d'écran en pièce jointe, j'ai mis en place sur mon forum des sortes de mini-profil apparaissant au survol des avatars des utilisateurs, sur les topics. Pour cela j'ai modifié les champs de profil, le css et le template viewtopic_body (Affichage d'un sujet) de mon forum. J'ai également ajouté un script fourni par Milouze14 à cette adresse: https://forum.forumactif.com/t397039-recuperer-les-champs-des-profils-pour-mise-en-forme.

Jusque là tout va bien, j'ai pu isoler les champs que je souhaitais mettre en forme. Je voudrais à présent personnaliser les petites icônes que vous verrez dans la capture d'écran. Je souhaiterais que les trois premières redirigent au clic vers des liens précis (renseignés par chaque utilisateur dans son profil). Et que la dernière (discord) affiche dans une infobulle un texte (pseudo Discord) aussi renseigné par l'utilisateur dans son profil.

Sauf erreur de ma part, je ne peux pas faire cela avec les éléments que j'ai utilisés jusqu'à présent car je ne peux pas mettre les div générées par le script de Milouze14 en valeur href pour chaque icône et champ de profil attitré. La mise en forme est toute prête comme vous pouvez le voir sur ce sujet (survolez l'avatar de "Rhea). Il ne me manque plus que les p'tits liens et l'infobulle.

Je vous serais vraiment reconnaissante si vous pouviez m'aider à obtenir le résultat escompté ! Je reste à votre disposition pour toute précision et vous remercie d'avance !

Voici les champs de profil que j'ai, pour le moment:

La partie de mon CSS concernée:

Code:

/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; width:270px; text-align:center;
}

/* Avatar et infos profil */


/* BLOC AVATAR */
.avaPOST {
   margin:auto;
   width:250px;
   height:350px;
   padding:10px;
     border:1px solid;
     overflow: hidden;       
   border-color:#0f0f0f;
     background:#141414; /* MODIFIABLE */
}

.avaPOSTblocinfos {
   margin-top:-340px;
   width:210px;
     padding:10px;
   height:310px;
   padding:10px;
     border:1px solid #0f0f0f;
     display:none;
   transition: .5s all;
     overflow: hidden;
     background-color:#101010; /* MODIFIABLE */
}

.avaPOST:hover .avaPOSTblocinfos, .avaPOSTblocinfos:hover {
     display:inline-block;
     transition: .5s all;
}

.avaPOSTblocinfos > .M14_ProfilPerso.field_pseudo-joueur{
  display:inline-block !important;
  width: 196px;
  height:30px;
  color: #333 !important;
  position:relative;
  text-align:center;
  background-color:#151515;
  border: 1px solid #0a0a0a;
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  line-height:30px;
  padding:5px;
  font-style: italic;
}


.avaPOSTblocinfos > .M14_ProfilPerso.field_pseudo-joueur .label{
     display:none !important;
}


.avaPOSTblocinfosicone{
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   border-radius: 100px;
     border:5px solid #131313;
     position:absolute;
     z-index:2;
     margin-top:50px;
     transition: .5s all;
     pointer-events: none;
     width:85px;
     transition: .5s all;
    height:85px;
     pointer-events: none;
}


.avaPOSTblocinfos > .M14_ProfilPerso.field___00e2ge{
     display:inline-block !important;
     width:140px;
     padding-right:5px !important;
     position:relative;
       z-index:1;
     margin-top:17px;
     margin-left:55px;
     line-height:7px;
     height:7px !important;
     background-color:#131313;
     text-align:right;
     color:#353535;
     border:none;
     font-size:11px;
     text-transform: uppercase;
     font-family: 'Work Sans', sans-serif;
}

.avaPOSTblocinfos > .M14_ProfilPerso.field___00e2ge .label{
     display:none !important;
}
 

.avaPOSTblocinfos > .M14_ProfilPerso.field_lieu-d__0027habitation {
     display:inline-block !important;
     width:140px;
     padding-right:5px !important;
     position:relative;
     margin-left:55px;
     color:#353535;
       z-index:1;
     line-height:7px;
  margin-top:3px;
     height:7px !important;
     background-color:#131313;
     text-align:right;
     border:none;
     font-size:11px;
     text-transform: uppercase;
     font-family: 'Work Sans', sans-serif;
}

.avaPOSTblocinfos > .M14_ProfilPerso.field_lieu-d__0027habitation .label{
     display:none !important;
}

.M14_ProfilPerso.field_occupation {
     display:inline-block !important;
     width:140px;
     color:#353535;
     padding-right:5px !important;
     position:relative;
     margin-left:55px;
       z-index:1;
     line-height:7px;
    margin-top:3px;
     height:7px !important;
     background-color:#131313;
     text-align:right;
     border:none;
     font-size:11px;
     text-transform: uppercase;
     font-family: 'Work Sans', sans-serif;
}

.M14_ProfilPerso.field_occupation .label{
     display:none !important;
}

.avaPOSTblocinfos > .M14_ProfilPerso.field_messages{
  display:none !important;
}

.postavaprofilliens{
  width:196px;
  height:20px;
  background-color:#0D0D0D;
  border: 1px solid #151515;
  position: relative;
  padding: 5px;
  line-height:20px;
  margin-top:20px;
  color:#222 !important;
  font-size:20px;
  text-align:center;
}

.postavaprofilliens > i{
    margin-left:10px;
  margin-right:10px;
}

.avaPOSTblocinfos > .M14_ProfilPerso.field_texte{
  display:inline-block !important;
  width: 196px;
  height:90px;
  color: #333 !important;
  position:absolute;
  text-align:center;
  background-color:#151515;
  border: 1px solid #0a0a0a;
  font-family: 'Lato', sans-serif;
  font-size: 9px;
  margin-top:90px;
  text-align:justify;
  line-height:9px;
  padding:5px;
  margin-left:-207px;
  text-transform:none !important;
  font-style: italic;
}

.M14_ProfilPerso.field_texte .label{
     display:none !important;
}

Mon template viewtopic_body:

Code:

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

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

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

    //]]>
    </script>

    <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
    <tr><td align="left" colspan="2" {WIDTH_GALLERY}>
    <span class="nav" style="display:inline-block; vertical-align:middle;">
    <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><span class="nouveau">Nouveau</span></a> 
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><span class="repondre">Répondre</span></a>
    <!-- END switch_user_authreply -->
    </span> <span class="nav" style="display:inline-block; vertical-align:middle;" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <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></span>
    </td></tr>
    <tr><td colspan="3">
      <div id="tlePOST"><div id="tlePOSTh1">{TOPIC_TITLE}</div></div>
    </td></tr>
    </table>

    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >

    <!-- BEGIN topicpagination -->
    <tr>
    <td colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
    </tr>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
        <!-- BEGIN hidden -->
        <tr>
        <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
        </tr>
        <!-- END hidden -->
        <!-- BEGIN displayed -->
    <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td colspan="3">
        <!-- BEGIN switch_vote_active -->
        <div class="vote gensmall">
        <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
        <!-- END switch_vote -->

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

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

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

        <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
        <!-- END switch_vote -->
        </div>
        <!-- END switch_vote_active --><div style="height:5px;"></div>
    </td></tr>
        <tr>
      <td valign="top">
        <div class="boxPOST"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:-30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a>
                             <div class="avaPOST">
                                     {postrow.displayed.POSTER_AVATAR}                                 
                                  <div class="avaPOSTblocinfos"><img src="{postrow.displayed.POSTER_FROM}" class="avaPOSTblocinfosicone" >
                                    <!-- BEGIN profile_field -->
            <div class="M14_ProfilPerso">                               
  {postrow.displayed.profile_field.LABEL} <span class="M14_profilContent">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
 </div><!-- END profile_field -->
                                    <div class="postavaprofilliens"><i class="fas fa-address-card"></i> <i class="fas fa-user-friends"></i> <i class="fas fa-mobile-alt"></i> <i class="fab fa-discord"></i></div>
                                  </div> </div>
                   
           
                     
      <div id="namePOST"><div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div></div><script type="text/javascript">//<![CDATA[
$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color =$(this).css("color");
$(this).parent().parent().parent().parent().css("background-color", color);});});//]]></script>
          <div class="abtPOST"><!-- BEGIN profile_field -->
            <div class="M14_ProfilPerso">                               
  {postrow.displayed.profile_field.LABEL} <span class="M14_profilContent">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
 </div><!-- END profile_field --></div>
    <div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</div>
        </div>
        </td>
        <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td>   
      <div class="tktPOST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div><div style="display:none;"><strong>{postrow.displayed.POSTER_NAME}</strong></div></div>
        <div class="postbody">
        <div>{postrow.displayed.MESSAGE}</div>

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

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

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

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

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

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

        <div class="clear"></div>
        </div>
      <!-- BEGIN switch_signature -->
        <div class="signPOST">
        {postrow.displayed.SIGNATURE}
        </div>
        <!-- END switch_signature -->
      <span class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} style="display:block; text-align:right;">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
        </span>
        </td>
        </tr>
        </table>
        </td>
        </tr>
        <!-- BEGIN first_post_br -->
        </table>
        <hr />
        <table class="forumline" width="100%" align="center" border="0" cellspacing="0" 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 -->
        <!-- END postrow -->
        <!-- BEGIN no_post -->
        <tr align="center">
        <td colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
        </td>
        </tr>
        <!-- END no_post -->
        </table>
    <table class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin:0 0 1px 0; border-top:0px;">
    <tr>
    <td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
    <!-- BEGIN topicpagination -->
    <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
    <!-- END topicpagination -->
    </tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <tr>
    <td colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
    </tr>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    </table>

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

    <table class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td 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 valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
    <td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
    </tr>
    <!-- END show_permissions -->
    <tr>
    <td 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 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"><span class="nouveau">Nouveau</span></a> 
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}"><span class="repondre">Répondre</span></a>
    <!-- END switch_user_authreply -->
    </span>
    </td>

    <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

    <!-- 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" style="padding-top:5px;">{S_TOPIC_ADMIN} 
    <form style="display:inline-block; vertical-align:top;" name="action" method="get" action="{S_FORM_MOD_ACTION}">
    <input type="hidden" name="t" value="{TOPIC_ID}" />

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

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

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

[kheino]

Bonjour,

Laissez-moi retrouver le tuto que j'avais fait exaactement pour cet effet et je reviens vers vous au plus tard demain.

(Au passage, avez-vous recherché dans la recherche "infobulle sur avatar", un truc du style?)

EDIT : Pour l'infobulle, voici un tuto assez explicite (ne retrouve pas les miens):
https://css-actif.forumactif.org/t5685-mettre-les-infos-de-profil-dans-une-infobulle
Allons y déjà avec ça...

Attention de ne pas laisser tomber le sujet à la cave des archives !
Aussi les personnes qui aident, souvent ne peuvent garder longtemps les tutos en place sur leur fotest, en tout cas pour moi c'est le cas, c'est vite là qu'on doive s'occuper de la même zone pour deux personnes différentes (ou plus), d'où rester sur le sujet permet de le résoudre et passer à autre chose.

[Ufobubble]

Bonjour,

Laissez-moi retrouver le tuto que j'avais fait exaactement pour cet effet et je reviens vers vous au plus tard demain.

(Au passage, avez-vous recherché dans la recherche "infobulle sur avatar", un truc du style?)

EDIT : Pour l'infobulle, voici un tuto assez explicite (ne retrouve pas les miens):
https://css-actif.forumactif.org/t5685-mettre-les-infos-de-profil-dans-une-infobulle
Allons y déjà avec ça...
[/i]

Bonjour Kheino, merci beaucoup pour votre réponse et votre aide !

J'ai parcouru le tutoriel, malheureusement celui-ci fait référence aux champs par défaut du profil d'un usager, et je cherche à modifier l'affichage de champs personnalisés.

Ce tutoriel m'irait très bien si j'avais suffisamment de champs par défaut pour couvrir mes besoins: c'est-à-dire quatre champs texte dont il me suffirait de changer le titre pour correspondre à ce que je souhaite (url fiche de présentation, url fiche de relation, url portable et pseudo discord): chacun aurait une balise attitrée, par exemple:

Code:

{postrow.displayed.POSTER_HOBBIES}

Or il n'y a que deux champs par défaut que je pourrais utiliser à cet effet:

Il me faudrait un stratagème pour 1. pouvoir récupérer le contenu renseigné par l'usager dans un champ personnalisé pour le placer dans une balise <a href="">, 2. récupérer le contenu d'un autre champ personnalisé pour le placer dans une infobulle.

Je suis vraiment désolée si tout cela n'est pas bien clair, et je reste encore et toujours à votre disposition pour toute précision.

Merci et bonne soirée !

[kheino]

Bonjour,

Si j'ai tout bien compris :
- les données par défaut (genre, âge, etc) seraient dans le cadre violet de votre schéma
- ce qui est 'contacts' (mail, site, mp, etc) serait dans le cadre rose
Là où je n'ai pas compris, c'est ce qu'il devrait y avoir dans l'infobulle ?

Peut-être que je n'ai rien capté de walou, cela dit...  

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.