Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Avatar en transparence et fiche perso derrière

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

En cours Avatar en transparence et fiche perso derrière

Message par Bella78 le Mer 7 Nov 2018 - 16:09

Bonjour !

Je reviens vers vous pour avoir votre aide.

J'ai cherché sur le forum, j'ai trouvé des questions à mes réponses mais pas toutes. Et comme je ne veux pas faire de bêtises, je viens vers vous pour que vous m'aidiez.

Je gère un forum qui vient d'ouvrir, et au niveau des avatars il n'y a rien pour l'instant. Hors, j'aimerais que lorsque l'on passe la souris dessus, l'avatar disparaisse, et apparaît alors la fiche perso comme ici
Spoiler:

J'aime cette configuration car elle va bien avec le thème du forum que je gère, mais je ne trouve rien qui explique comment avoir le même résultat.

Quelqu'un saurait m'aider ? Angel Sorry

Merci à vous et bonne journée !
Clin d\'oeil

Ah oui, au cas où vous en auriez besoin, voici le template viewtopic_body ( si c'est bien celui-là qu'il faut )

Spoiler:

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">
 <!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic -->
    <tr><td colspan="2" align="right" valign="bottom"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr><!-- END watchtopic --><!-- END switch_user_logged_in -->
    <tr><td align="left" {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>
    <td valign="middle" align="right"><span class="navPOST" 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="2"><div id="tlePOST">{TOPIC_TITLE}</div></td></tr>
    </table>

    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >
    <!-- BEGIN topicpagination -->
    <tr><td colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td></tr>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
 
        <!-- BEGIN postrow -->
        <!-- BEGIN hidden -->
        <tr><td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" 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"><span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>{postrow.displayed.POSTER_AVATAR}</div><div class="nameIPOST grpPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><div class="namePOST"><span style="display:inline-block; vertical-align:middle; height:85px;"></span><span style="display:inline-block; vertical-align:middle;"><strong>{postrow.displayed.POSTER_NAME}</strong><div class="borderPOST"></div><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></span></div></div><div class="abtPOST"></span><center>{postrow.displayed.RANK_IMAGE}</center>
<!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field --></div>
        </div>
        </td>
 
        <td valign="top" width="100%">
        <div class="DTPOST grpPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><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 class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></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>
        <!-- BEGIN first_post_br -->
        </table>

        <table 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="2"><span class="genmed">{no_post.L_NO_POST}</span></td>
        </tr>
        <!-- END no_post -->
        </table>
 
    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
    <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>
    </table>

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

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {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>
     <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="0" cellpadding="0" align="center">
     <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
     <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
     <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 -->
 
     <table class="forumline noprint" align="center" 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}<!-- END switch_user_logged_in -->
     </td></tr>
    </table>
 
 <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.grpPOST').css("background-color", color);});});</script>
    <!-- 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>
avatar

Bella78
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 23/09/2018

http://untildawn.forumactif.com/?tt=1
Bella78 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar en transparence et fiche perso derrière

Message par Bella78 le Sam 10 Nov 2018 - 13:04

Bonjour, je fais un up je n'ai pas de retour de ma demande Sorry
avatar

Bella78
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 23/09/2018

http://untildawn.forumactif.com/?tt=1
Bella78 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar en transparence et fiche perso derrière

Message par lilas le Sam 10 Nov 2018 - 14:31

Kikou Bella,

Ce lien pourra certainement t'aider : http://www.never-utopia.com/t46150-affichage-du-profil-au-survol-de-l-avatar

Si ce lien n'est pas approprié, vous pouvez supprimer mon message.

Lunette
avatar

lilas
*****

Féminin
Messages : 935
Inscrit(e) le : 07/08/2004

http://lefofodemacopine.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar en transparence et fiche perso derrière

Message par Bella78 le Sam 10 Nov 2018 - 16:21

Bonjour Lilas et merci pour ta réponse !

Cela correspond à une partie de ma demande, mais il me manque l'autre partie, à savoir : comment faire pour que derrière l'avatar apparaisse la fiche perso ainsi que l'inventaire.
Flowers2
avatar

Bella78
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 23/09/2018

http://untildawn.forumactif.com/?tt=1
Bella78 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar en transparence et fiche perso derrière

Message par lilas le Sam 10 Nov 2018 - 22:34

Kikou Bella,

La fiche perso apparait bien au survol de la souris.
Je ne sais pas ce que tu entends par "Inventaire"... scratch

Mets en place ce qui est suggéré dans le tuto de Hiro. Ensuite, tu pourras poser tes questions
pour compléter dans le forum approprié.

Gloups


avatar

lilas
*****

Féminin
Messages : 935
Inscrit(e) le : 07/08/2004

http://lefofodemacopine.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar en transparence et fiche perso derrière

Message par lilas le Dim 11 Nov 2018 - 6:02

avatar

lilas
*****

Féminin
Messages : 935
Inscrit(e) le : 07/08/2004

http://lefofodemacopine.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar en transparence et fiche perso derrière

Message par Bella78 le Dim 11 Nov 2018 - 18:36

Bonsoir Lilas et merci pour ton aide !

Pour répondre à ta question, voici un screen de l'inventaire que l'on a sur notre forum
Spoiler:

elle se trouve dans le profil, et sur le screen que j'ai mis dans mon premier message on retrouve les mêmes éléments derrière l'avatar, c'est ce que je recherche ^^

Je vais lire en détail les liens que tu m'as donné et voir si je trouve mon bonheur.

Encore merci Yes
avatar

Bella78
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 23/09/2018

http://untildawn.forumactif.com/?tt=1
Bella78 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar en transparence et fiche perso derrière

Message par Bella78 le Mer 14 Nov 2018 - 10:41

Je reviens ici car pas moyen de trouver un code correspondant à ma demande.
Mon template est différent de ceux proposé dans les liens donnés, j'ai essayé avec l'aide de ma co admin, de modifier plusieurs codes et rien à faire. Soit ça déforme le forum, soit on se retrouve avec deux avatars.

Pourtant, cette configuration se trouve assez souvent sur les forums, voir partout, je ne comprends pas pourquoi sur le mien ça bloque.

Je suis perdue Gloups Sorry
avatar

Bella78
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 23/09/2018

http://untildawn.forumactif.com/?tt=1
Bella78 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar en transparence et fiche perso derrière

Message par lilas le Mer 14 Nov 2018 - 12:31

Kikou Bella.

Pour de l'aide avec les 2 script suggérés, je te suggère de t'inscire sur le forum en question
et de demander de l'aide sur ce forum en indiquant le lien du script dans ta demande.

Ce forum est un peu au ralenti alors fait rebondir ton sujet si pas de réponse.

Lunette
avatar

lilas
*****

Féminin
Messages : 935
Inscrit(e) le : 07/08/2004

http://lefofodemacopine.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar en transparence et fiche perso derrière

Message par Bella78 Hier à 18:30

Coucou Lilas

Ma Co Admin l'a fait puisqu'elle a un compte la bas, mais elle n'a pas eu de réponse pour l'instant.

Merci pour ton aide ok
avatar

Bella78
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 23/09/2018

http://untildawn.forumactif.com/?tt=1
Bella78 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