Forum Crea illusion Fantasy. Un endroit pour passer de bons moments.
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Forum Crea illusion Fantasy. Un endroit pour passer de bons moments.
Forum Crea illusion Fantasy. Un endroit pour passer de bons moments.

Avec simplicité vient apprendre dans nos différentes catégories.
Ci-dessous menu déroulant tutos.
 
  • Tutos Photoshop
    • Bien Débuter
    • Questions photoshop
    • Débutant
    • Intermediaires
    • Avancés
    • Tutos photoshop CC
    • Ressources photoshop
  • Tutos Photofiltre
    • Tutos à suivre
    • Ressources
    • Questions photofiltre
  • Paint shop Pro
    • Tutos paint shop pro
    • Tutos PSPX2-PSP
    • Tutos PSPX3-PSPX4
    • Ressources PSP
    • Questions PSP
  • Nos aides forums
    • Aides Forums
    • Astuces et codages Forums
    • Codes Javascript
    • Libre service signatures codées


AccueilAccueil  PortailPortail  Dernières imagesDernières images  ConnexionConnexion  S'enregistrerS'enregistrer  
L'avatar qui cache les infos du profil
Aller à la page : 1, 2, 3  Suivant
Voir le sujet précédent Voir le sujet suivant Aller en bas
Forum Crea illusion Fantasy. Un endroit pour passer de bons moments. :: Astuces & codages :: Astuces et codages
Ptite_Perle
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum


Fondatrice
Messages : 5705
Venue : 27/06/2009 Je suis : Féminin

Age : 59
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 111495
L'avatar qui cache les infos du profil
Voici comme procéder pour cacher les infos derrière l'avatar

- Dirigez vous vers le template viewtopic_body, situez ce code :

Code:
 
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">


-Juste en dessous, collez ceci :

Code:
 
<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}
  </div>
</div>


Correspond à l'image qui renvoie vers le profil
Code:

{postrow.displayed.PROFILE_IMG}


Correspond à l'image qui permet d'envoyer un mp
Code:
{postrow.displayed.PM_IMG}


Correspond à l'image qui permet d'envoyer un Email
Code:
{postrow.displayed.EMAIL_IMG}


Correspond aux champs de contact (skype aim etc)
Code:
{postrow.displayed.contact_field.CONTENT}


Correspond à l'image qui indique le statut (en ligne/offline)
Code:
{postrow.displayed.ONLINE_IMG}


- Dans votre partie css du forum, collez ce code :
Code:
 
/* Code par Hiro pour CSSACTIF
  Merci de ne pas supprimer cette mention
  (http://www.css-actif.com) */
 
#englob { /* Encadrement global des 2 divs */
    position:relative;
    width:200px;
    height:200px;
    border:1px solid red; /* La vilaine bordure rouge */
    overflow:hidden; /* Permet de cacher ce qui dépasse */
}
 
.imgp {
    background:blue; /* 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 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
}
 
#englob:hover > .imgp {
    margin-top:200px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */
}
 
.infosp {
    background:green; /* 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-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
}
 
#englob:hover > .infosp {
  opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
  margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}


Dans le css à vous de faire les modifications pour les couleurs et les dimensions

-----------------------------------------
FF / Chrome / Ne fonctionne pas sur ie (avant la v 10)
--------------
Tuto de  Hiro
-----------------------------------------------------------------


Dernière édition par Ptite_Perle le Lun 3 Mai 2021 - 16:59, édité 1 fois
katia66
katia66


Membre
Messages : 2192
Venue : 16/03/2010 Je suis : Féminin

Age : 53
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 94880
Re: L'avatar qui cache les infos du profil
merci ptie_perle pour ces codes c'est super, mais à quoi ca sert

Correspond à l'image qui renvoie vers le profil, et les autres, tu peux expliquer un peu, et celui là on le met où ces codes??

merci d'avance tu es top géniale comme d'hab

gros bisous
Ptite_Perle
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum


Fondatrice
Messages : 5705
Venue : 27/06/2009 Je suis : Féminin

Age : 59
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 111495
Re: L'avatar qui cache les infos du profil
Coucou Katia

Le tuto que je te mit c'est pour les infos du profil caché derrier l'avatar

Il suffit que tu suivi pas à pas le tutoriel et que tu aille dans ta parte administration et le template

pour trouver ceci: viewtopic_body, d'ici tu recherche la première ligne tu tuto, pour pouvoir faire le reste

Bisousssss
katia66
katia66


Membre
Messages : 2192
Venue : 16/03/2010 Je suis : Féminin

Age : 53
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 94880
Re: L'avatar qui cache les infos du profil
ok j'ai vu, merci
katia66
katia66


Membre
Messages : 2192
Venue : 16/03/2010 Je suis : Féminin

Age : 53
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 94880
Re: L'avatar qui cache les infos du profil
par contre les images profil, mail, mp, en ligne, etc... es que je les mets toujours comme d'hab au même endroit??

Panneau d'admin/affichages/gestion Images/bouton
Ptite_Perle
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum


Fondatrice
Messages : 5705
Venue : 27/06/2009 Je suis : Féminin

Age : 59
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 111495
Re: L'avatar qui cache les infos du profil
Coucou Katia

Oui

Bisoussss
katia66
katia66


Membre
Messages : 2192
Venue : 16/03/2010 Je suis : Féminin

Age : 53
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 94880
Re: L'avatar qui cache les infos du profil
ok merci bisous
katia66
katia66


Membre
Messages : 2192
Venue : 16/03/2010 Je suis : Féminin

Age : 53
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 94880
Re: L'avatar qui cache les infos du profil
ca ne marche pas oinnnn !!!
tu peux essayer de voir s'il te plait

rien ne marche j'ai fait comme tu m'as dis pourtant, c'est pas compliquer à suivre, mais voilà rien ne fonctionne.

merci d'avance bisous
katia66
katia66


Membre
Messages : 2192
Venue : 16/03/2010 Je suis : Féminin

Age : 53
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 94880
Re: L'avatar qui cache les infos du profil
Kikou,

bon j'ai enfin réussi à le mettre mais j'ai d'autres soucis

j'ai maintenant les deux avatar sur les messages celui que je viens d’installer et celui d'avant

[Vous devez être inscrit et connecté pour voir ce lien]

et j'ai toujours les boutons (les infos) sous la signature

[Vous devez être inscrit et connecté pour voir ce lien]

comment faire pour que l'ancien avatar et les infos sous la sign disparaissent???

Aussi un autre problème pour la couleur je voulais mettre la même que mon fond bleu et ca ne marche pas en mettant le code #BFFAFE, comment je peux faire???

merci d'avance
Ptite_Perle
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum


Fondatrice
Messages : 5705
Venue : 27/06/2009 Je suis : Féminin

Age : 59
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 111495
Re: L'avatar qui cache les infos du profil
Coucou Katia

Regarde à ce niveau de ligne pour mettre ta couleur

Code:
imgp {
    background:#5f3d4f;

Pour t'aide pour le soucis de doublons, donne moi ton code, comme ceci je ne peux pas voir, ce que tu as fait ou pas fait

Bisousss
katia66
katia66


Membre
Messages : 2192
Venue : 16/03/2010 Je suis : Féminin

Age : 53
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 94880
Re: L'avatar qui cache les infos du profil
ok voilà le code en entier du template, j'ai aussi le souci du bouton site web il ne ce met pas dans les infos caché, pourtant j'ai rien touché au code, tu peux voir ca aussi, merci

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(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" 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}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" 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="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
             | 
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><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> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<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}
  </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}<br />
  {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
    <!-- BEGIN profile_field -->
  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
    <!-- END profile_field -->
  {postrow.displayed.POSTER_RPG}
  </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>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </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 -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 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>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" 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 class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" 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 class="catBottom" 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"><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>

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

      <!-- 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" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form 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">{L_MOD_TOOLS}<br />{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>

merci bisous
Ptite_Perle
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum


Fondatrice
Messages : 5705
Venue : 27/06/2009 Je suis : Féminin

Age : 59
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 111495
Re: L'avatar qui cache les infos du profil
Coucou Katia

Ton soucis de profil est résolu

Bisousss
katia66
katia66


Membre
Messages : 2192
Venue : 16/03/2010 Je suis : Féminin

Age : 53
Je vie à : vernet les bains pyrénées-orientales
Humeur : joyeuse,patiente,fêtarde
Mes Points : 94880
Re: L'avatar qui cache les infos du profil
merci ma puce tu es super.
MumuGraph
MumuGraph


Membre
Messages : 52
Venue : 21/04/2021 Je suis : Féminin

Age : 59
Je vie à : France
Humeur : Bonne
Mes Points : 13208
Re: L'avatar qui cache les infos du profil
coucou Ptite Perle

j'ai réussi à installer mais comme Katia (que je salue d'ailleurs bisous ma Katia)

j'ai le double avatar 

Et j'aimerai bien avoir comme toi le profil et non les boutons 

et le fondu et pas le glissement 

comment je dois faire car L'avatar qui cache les infos du profil 3817754265  L'avatar qui cache les infos du profil 1080968792
Ptite_Perle
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum


Fondatrice
Messages : 5705
Venue : 27/06/2009 Je suis : Féminin

Age : 59
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 111495
Re: L'avatar qui cache les infos du profil
Coucou

Peux tu me faire une copie écran de ton résultat ?
Et j'aimerai bien avoir comme toi le profil et non les boutons ?
MumuGraph
MumuGraph


Membre
Messages : 52
Venue : 21/04/2021 Je suis : Féminin

Age : 59
Je vie à : France
Humeur : Bonne
Mes Points : 13208
Re: L'avatar qui cache les infos du profil
L'avatar qui cache les infos du profil 3294350193 je te fais un mp avec le lien du forum

et le mot de passe comme ça tu pourras allez voir 

L'avatar qui cache les infos du profil 1468127350 pour ton aide  L'avatar qui cache les infos du profil 584250120
Ptite_Perle
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum


Fondatrice
Messages : 5705
Venue : 27/06/2009 Je suis : Féminin

Age : 59
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 111495
Re: L'avatar qui cache les infos du profil
Coucou

Sur ton forum de test j'ai mit viewtopic_body
des lignes de codes pour avatar.

Tu peux si tu n'as rien changée prendre tout le code est le mettre sur ton forum.

Ensuite dans le CSS j'ai ajoutée du code
Code:
.description4 {
  display: block;
  width: 200px;
  margin: auto;
  height: 300px;
  overflow: hidden;
  transition:0.4s ease;
}

.description4:hover {
  display: block;
  width: 200px;
  margin: auto;
  height: 300px;
  overflow: hidden;
}

.description4_contenu {
  position: absolute;
  width: 200px;
  height: 300px;
  overflow: 400px;
  background-color: #EFE9DD;
  font-size: 11.5px;
  font-family:'Georgia';
  color: #3E352E;
  text-align: justify;
  padding:0px;
  opacity: 0;
  transform: all;
  transition: 1s;
}

.description4_contenu:hover {
  opacity: 0.8;
  transform: all;
  transition: 1s;
}
MumuGraph
MumuGraph


Membre
Messages : 52
Venue : 21/04/2021 Je suis : Féminin

Age : 59
Je vie à : France
Humeur : Bonne
Mes Points : 13208
Re: L'avatar qui cache les infos du profil
il faudra que je vois car j'ai déjà changer des choses 

merci beaucoup tu es un ange c'est vraiment super ce que tu fais

L'avatar qui cache les infos du profil 599370
Ptite_Perle
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum


Fondatrice
Messages : 5705
Venue : 27/06/2009 Je suis : Féminin

Age : 59
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 111495
Re: L'avatar qui cache les infos du profil
Contente de t'aider bisouss
MumuGraph
MumuGraph


Membre
Messages : 52
Venue : 21/04/2021 Je suis : Féminin

Age : 59
Je vie à : France
Humeur : Bonne
Mes Points : 13208
Re: L'avatar qui cache les infos du profil
alors je l'ai fait dans mon forum mais j'ai pas encore validé

car c'est pas la bonne position et l'avatar est tout petit 

je te met une capture

[Vous devez être inscrit et connecté pour voir ce lien]
L'avatar qui cache les infos du profil
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 3Aller à la page : 1, 2, 3  Suivant
Sujets similaires
+
Sujets similaires
-
» Code pour un cadre dans le profil des membres (Avatars)
» Taille image profil
» Récompense sous profil
» Votre Profil- bloc note
» Profil sous avatar en fondu

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy. Un endroit pour passer de bons moments. :: Astuces & codages :: Astuces et codages-
Forum Crea illusion Fantasy. Un endroit pour passer de bons moments. :: Astuces & codages :: Astuces et codages+
©phpBB | Contact | Signaler un abus
Annuaire inscription gratuit | Pub gratuite | Crea illusion fantasy | www.cyberpole.fr | Echange Gagnant
  
Voir les nouveaux messages depuis votre dernière visite      Voir ses messages      Voir les messages sans réponses