Retirer le lien renvoyant au profil sur l'avatar
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Retirer le lien renvoyant au profil sur l'avatar
Bonjour !
Lorsqu'on passe la souris sur l'avatar, un lien renvoie vers le profil du membre. Je voudrais savoir s'il était possible de le retirer ? En fait j'utilise un effet de transition, derrière l'avatar apparaissent "messagerie" "profil" "en ligne" "email" etc, seulement tout renvoie au profil et non à l'envoie d'email ou de MP.
Je vous laisse voir vous-même, en passant sur l'avatar les informations s'affichent mais impossible d'avoir les liens auxquels elles renvoient :
http://banana-palace.forum-canada.com/t1-resume-convo-du-mardi-6-novembre#12
Merci d'avance à celui ou celle qui me répondra
(Et désolée si la question a été posée, c'est probablement le cas mais j'ai eu beau farfouiller et utiliser la fonction rechercher, je n'ai pas trouvé !)
Lorsqu'on passe la souris sur l'avatar, un lien renvoie vers le profil du membre. Je voudrais savoir s'il était possible de le retirer ? En fait j'utilise un effet de transition, derrière l'avatar apparaissent "messagerie" "profil" "en ligne" "email" etc, seulement tout renvoie au profil et non à l'envoie d'email ou de MP.
Je vous laisse voir vous-même, en passant sur l'avatar les informations s'affichent mais impossible d'avoir les liens auxquels elles renvoient :
http://banana-palace.forum-canada.com/t1-resume-convo-du-mardi-6-novembre#12
Merci d'avance à celui ou celle qui me répondra
(Et désolée si la question a été posée, c'est probablement le cas mais j'ai eu beau farfouiller et utiliser la fonction rechercher, je n'ai pas trouvé !)
Dernière édition par Kaiji le Mer 7 Nov 2012 - 15:48, édité 1 fois
Re: Retirer le lien renvoyant au profil sur l'avatar
Bonjour
puis-je avoir votre template viewtopic_body ?
Cordialement.
puis-je avoir votre template viewtopic_body ?
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Retirer le lien renvoyant au profil sur l'avatar
Bonjour !
Voilà la partie pour le profil :
Et au cas où si besoin, le CSS pour l'avatar :
Voilà la partie pour le profil :
- Code:
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<center>{postrow.displayed.RANK_IMAGE}
<div id="englob">
<div class="imgp">{postrow.displayed.POSTER_AVATAR}</div>
<div class="infosp">
{postrow.displayed.PROFILE_IMG} <br/>
{postrow.displayed.PM_IMG} <br/>
{postrow.displayed.EMAIL_IMG} <br/>
{postrow.displayed.contact_field.CONTENT} <br/>
{postrow.displayed.ONLINE_IMG} <br/>
{postrow.displayed.POSTER_RPG}
</div>
</div>
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}</center><br />
<span style="font-size: 9px;"><!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field --></span>
</span><br />
<img src="http://2img.net/i/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 -->
<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}" />
<!-- 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 class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</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 -->
Et au cas où si besoin, le CSS pour l'avatar :
- Code:
#englob { /* Encadrement global des 2 divs */
position:relative;
width:200px;
height:320px;
overflow:hidden; /* Permet de cacher ce qui dépasse */
}
.imgp {
background:white; /* le bg de la div qui contient l'avatar */
position:absolute; /* Laissez comme ceci */
top:0;/* Laissez comme ceci */
left:0;/* Laissez comme ceci */
width:100%;/* Laissez comme ceci */
height:100%;/* Laissez comme ceci */
z-index:1;/* La position par rapport à l'autre div qui contient les infos */
-webkit-transition:all 1.0s;/* Laissez comme ceci */
-moz-transition:all 1.0s;/* Laissez comme ceci */
-o-transition:all 1.0s;/* Laissez comme ceci */
-ms-transition:all 1.0s;/* Laissez comme ceci */
transition:all 1.0s;/* Laissez comme ceci */
}
#englob:hover > .imgp {
opacity: 0.0;
}
.infosp {
background:white; /* le bg de la div qui contient les infos*/
position:absolute;/* Laissez comme ceci */
top:0;/* Laissez comme ceci */
left:0;/* Laissez comme ceci */
width:100%;/* Laissez comme ceci */
height:100%;/* Laissez comme ceci */
z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */
margin-top:-320px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
-webkit-transition:all 1.0s;/* Laissez comme ceci */
-moz-transition:all 1.0s;/* Laissez comme ceci */
-o-transition:all 1.0s;/* Laissez comme ceci */
-ms-transition:all 1.0s;/* Laissez comme ceci */
transition:all 1.0s;/* Laissez comme ceci */
}
#englob:hover > .infosp {
opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
margin-top:0px;/* et on décale cette div à 0px (position par défaut) */
}
Re: Retirer le lien renvoyant au profil sur l'avatar
Repérez dans votre css : .infosp {
remplacer le 0 par 2. Cela fonctionne ^^
- Code:
z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
remplacer le 0 par 2. Cela fonctionne ^^
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Retirer le lien renvoyant au profil sur l'avatar
:O Je me sens idiote de ne pas y avoir pensé...
Merci beaucoup d'avoir pris du temps pour me répondre, mon problème est résolu !
Merci beaucoup d'avoir pris du temps pour me répondre, mon problème est résolu !
Sujets similaires
» lien renvoyant vers une nouvelle page
» Retirer les deux points des champs profil
» Retirer le Hx sur un lien
» Retirer la partie "liens" dans le profil
» Retirer les : dans le profil.
» Retirer les deux points des champs profil
» Retirer le Hx sur un lien
» Retirer la partie "liens" dans le profil
» Retirer les : dans le profil.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum