Avatar en transparence et fiche perso derrière
3 participants
Page 1 sur 1 • Partagez
Avatar en transparence et fiche perso derrière
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
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 ?
Merci à vous et bonne journée !
Ah oui, au cas où vous en auriez besoin, voici le template viewtopic_body ( si c'est bien celui-là qu'il faut )
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 ?
Merci à vous et bonne journée !
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} <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>
Re: Avatar en transparence et fiche perso derrière
Bonjour, je fais un up je n'ai pas de retour de ma demande
Re: Avatar en transparence et fiche perso derrière
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.
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.
Re: Avatar en transparence et fiche perso derrière
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.
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.
Re: Avatar en transparence et fiche perso derrière
Kikou Bella,
La fiche perso apparait bien au survol de la souris.
Je ne sais pas ce que tu entends par "Inventaire"...
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é.
La fiche perso apparait bien au survol de la souris.
Je ne sais pas ce que tu entends par "Inventaire"...
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é.
Re: Avatar en transparence et fiche perso derrière
Ce lien t'aidera peut-être davantage...
http://www.never-utopia.com/t61129-profil-simple-avec-hover-et-feuille-de-rpg-cache
http://www.never-utopia.com/t61129-profil-simple-avec-hover-et-feuille-de-rpg-cache
Re: Avatar en transparence et fiche perso derrière
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
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
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
Re: Avatar en transparence et fiche perso derrière
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
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
Re: Avatar en transparence et fiche perso derrière
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.
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.
Re: Avatar en transparence et fiche perso derrière
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
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
Re: Avatar en transparence et fiche perso derrière
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 » |
Re: Avatar en transparence et fiche perso derrière
Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 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. |
Sujets similaires
» Avatar qui coulisse avec feuille perso' derrière en phpBB3
» couleur derrière fiche des membres sur les posts
» Isolement champs derrière avatar au survol
» Problème sur la fiche perso d'un membre
» Isoler un champ du profil derrière l'avatar (en survol)
» couleur derrière fiche des membres sur les posts
» Isolement champs derrière avatar au survol
» Problème sur la fiche perso d'un membre
» Isoler un champ du profil derrière l'avatar (en survol)
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum