Retirer le lien renvoyant au profil sur l'avatar

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

Résolu Retirer le lien renvoyant au profil sur l'avatar

Message par Kaiji le Mer 7 Nov 2012 - 14:34

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

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer le lien renvoyant au profil sur l'avatar

Message par SoraNoHime le Mer 7 Nov 2012 - 14:54

Bonjour

puis-je avoir votre template viewtopic_body ?

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: Retirer le lien renvoyant au profil sur l'avatar

Message par Kaiji le Mer 7 Nov 2012 - 14:55

Bonjour !

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

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

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Retirer le lien renvoyant au profil sur l'avatar

Message par SoraNoHime le Mer 7 Nov 2012 - 15:28

Repérez dans votre css : .infosp {

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
+ 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: Retirer le lien renvoyant au profil sur l'avatar

Message par Kaiji le Mer 7 Nov 2012 - 15:47

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

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji 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