Effet de slide sur les informations de profils

[Victo Féral]

Bonsoir à tous !

J'ai cherché un peu partout sur le forum, et bien qu'ayant trouvé des sujets "plus ou moins" similaire, je ne suis pas parvenu à obtenir le résultat que je souhaite.
Voici l'adresse de mon forum : http://irydae.forumactif.org/t11-proutprout#20

J'aimerai que les informations de profil soient caché sous l'avatar, et qu'en survolant le bouton "Profil" que j'ai préalablement installé, que celui-ci se déplace vers le bas, révélant à sa suite les informations demandées. Bien entendu, un nouveau survol du bouton "Profil" remettrait les informations à leur places initiales.

Voici la partie du template viewtopic_body qui devrait nous intéresser :

Code:

      <td class="{postrow.displayed.ROW_CLASS}" id="profil_sujet" {postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                 <!--<span class="postdetails poster-profile">-->
                                    <!--<span class="name">-->
                        <span class="pseudo_sujet">
                                  <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
                                  <strong>{postrow.displayed.POSTER_NAME}</strong>
                        </span><br />
                        <!--<span class="rang_sujet">
                          {postrow.displayed.POSTER_RANK}<br />
              {postrow.displayed.RANK_IMAGE}
                        </span>-->
                        <span class="avatar_sujet">
                                  <span class="profil_sujet">
                                  <!-- 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>
                                  {postrow.displayed.POSTER_AVATAR}</span>
                        <a href=".profil_sujet" class="bouton_profil">Profil</a>
         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
   </td>

Je ne sais pas si j'ai été suffisamment clair dans l'explication de mon problème, ni même si vous avez besoin d'autre chose. Dans tout les cas, n'hésitez pas !

En vous remerciant du temps que vous me consacrerez, je vous souhaite à tous une bonne soirée

[Victo Féral]

Après 72h sans réponses, je me permet un petit up
Bonne soirée !

[Invité]

bonsoir Victo Féral

vous pourriez éventuellement utiliser ceci >>>>>

Code:

<!--===========modif information en dessous de l avatar=========-->
                                                                                                            <div align="center" class="sous_forum">
                                                                                                            <span class="sforum">
                  <!-- 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>
                                                                                                          <span class="ouverture_sousforum">Profil</span></div>
                                                                                          <!--===================fin modif=================-->  <br /></div>

le css >>>>>

Code:

/**------information avatar-----**/
.sforum{
  width:90%;
  height:0px;
  position: relative;
  z-index: 3;
  display: block;
  background-color:#000;
  overflow: hidden;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s ;
-moz-transition: 1s ;
-o-transition: 1s ;
-htm-transition: 1s ;
-webkit-transition: 1s ;
}

.ouverture_sousforum {
    float: center;
    width: 180px;
    z-index: 3;
color:#fff;
background-color:#000;
border-radius:10px 10px 10px 10px;
}

.sous_forum:hover .sforum
{width:90%;
  height:180px;/**reglage hauteur information en hover**/
  background-color:transparent;
  padding: 0px;
  overflow: none;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s ;
-moz-transition: 1s ;
-o-transition: 1s ;
-htm-transition: 1s ;
-webkit-transition: 1s ;
}
.sous_forum a{
  color: #fff !important;
  }
.sous_forum a:hover{
  color: #ccc !important;
}

vous pouvez faire le test , je reste a votre disposition , en attendant ...
bonne soirée ,

[Victo Féral]

Problème résolu !
Merci infiniment R-max 8D

[Invité]

mais de rien ,a bientôt ....

[Chacha]

..	Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse