Effet de slide sur les informations de profils

2 participants

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

  • 0

Résolu Effet de slide sur les informations de profils

Message par Victo Féral Mer 18 Nov 2015 - 20:01

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 Smile


Dernière édition par Victo Féral le Dim 22 Nov 2015 - 11:31, édité 1 fois
Victo Féral

Victo Féral
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 01/03/2015

http://irydae.forumactif.org/
Victo Féral a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de slide sur les informations de profils

Message par Victo Féral Sam 21 Nov 2015 - 21:50

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

Victo Féral
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 01/03/2015

http://irydae.forumactif.org/
Victo Féral a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de slide sur les informations de profils

Message par Invité Dim 22 Nov 2015 - 0:06

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 ,
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de slide sur les informations de profils

Message par Victo Féral Dim 22 Nov 2015 - 11:31

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

Victo Féral
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 01/03/2015

http://irydae.forumactif.org/
Victo Féral a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de slide sur les informations de profils

Message par Invité Dim 22 Nov 2015 - 11:36

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de slide sur les informations de profils

Message par Chacha Dim 22 Nov 2015 - 11:37

.Effet de slide sur les informations de profils HSbTQ6a.
Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Effet de slide sur les informations de profils KoFs0PU Sécurité : mail de fondation - Ce qu'il ne faut pas faire
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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