Effet de slide sur les informations de profils

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 le 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://illiweb.com/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
Nouveau membre

Messages : 7
Inscrit(e) le : 01/03/2015

http://version5.lebonforum.com/
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 le 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
Nouveau membre

Messages : 7
Inscrit(e) le : 01/03/2015

http://version5.lebonforum.com/
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 R-max le 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 ,

R-max
# Tropactif #

Masculin
Messages : 1514
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max 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 le Dim 22 Nov 2015 - 11:31

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

Victo Féral
Nouveau membre

Messages : 7
Inscrit(e) le : 01/03/2015

http://version5.lebonforum.com/
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 R-max le Dim 22 Nov 2015 - 11:36

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

R-max
# Tropactif #

Masculin
Messages : 1514
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Chacha le Dim 22 Nov 2015 - 11:37

..
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
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

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

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