Signature sur avatar

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

Résolu Signature sur avatar

Message par Ninel le Sam 23 Fév 2013 - 9:02

Bonjour,
J'ai suivi un tutoriel pour placer les profils au dessus des messages. J'aimerai maintenant que la signature soit sur l'espace où on voit tous les champs du profil.
http://zarbaide.forumactif.org/t2-la-presentation

Par exemple...




Merci


Dernière édition par Ninel le Ven 1 Mar 2013 - 7:41, édité 1 fois

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par angelsjenifer le Sam 23 Fév 2013 - 18:27

Bonjour,

Si j'ai bien compris ce que vous voulez, la signature doit se trouver en dessous de profil et www ?

angelsjenifer
***

Féminin
Messages : 118
Inscrit(e) le : 03/10/2007

http://davidcharvet.1fr1.net
angelsjenifer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature sur avatar

Message par Ninel le Sam 23 Fév 2013 - 19:42

Il y a les informations du profil. (poste, sexe,...)
La signature doit être dessus et quand on passe la souris, on voit les infos du profil. Excusez-moi, je me suis tromper c'est pas sur avatar mais sur informations profil.

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par Ninel le Lun 25 Fév 2013 - 9:29

UP Very Happy

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par SoraNoHime le Lun 25 Fév 2013 - 9:32

Bonjour

Je vois que votre template est déjà modifié, pouvez-vous me le fournir ainsi que la css correspondant aux profils ?

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: Signature sur avatar

Message par Ninel le Lun 25 Fév 2013 - 9:35

J'oublie toujours les codes U.U
Excusez-moi

viewtopic_body :



CSS :

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par SoraNoHime le Lun 25 Fév 2013 - 10:48

Repérez dans votre template :
Code:
<div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                        </div>
et supprimez le

Puis remplacez :
Code:

    <div class="profil_contenu">
      <!-- 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}</div>
    <span class="option_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></span>
    </div></div>
par :
Code:
        <div id="signatmention">  <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                        </div>
        <div class="profil_contenu">
          <!-- 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 class="option_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></span>
          </div></div></div></div>

dans la css ajoutez :
Code:
#signatmention
{
    position:relative;
    width:650px; /*régler ici la largeur*/
    height:150px; /*régler ici la hauteur*/
    overflow:hidden;
}
 
.signature_div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    -webkit-transition:all 1.0s;
    -moz-transition:all 1.0s;
    -o-transition:all 1.0s;
    -ms-transition:all 1.0s;
    transition:all 1.0s;
}
 
#signatmention:hover > .signature_div {
    opacity: 0.0;
}
 
.profil_contenu {
    position:absolute;
    top:0;
    left:0;/
    width:100%;
    height:100%;
    z-index:2;
    opacity:0;
    margin-top:-320px; /* régler ici le décalage par le haut de la div des informations */
    -webkit-transition:all 1.0s;
    -moz-transition:all 1.0s;
    -o-transition:all 1.0s;
    -ms-transition:all 1.0s;
    transition:all 1.0s;
}
 
#signatmention:hover > .profil_contenu {
  opacity:1;
  margin-top:0px;
}

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: Signature sur avatar

Message par Ninel le Lun 25 Fév 2013 - 13:34

Bonjour,
La signature ne s'affiche pas. Ca fait aussi buguer mon forum. Quelques photos :
Spoiler:


Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par SoraNoHime le Lun 25 Fév 2013 - 13:44

La signature est-elle attachée dans ce post ? Car elle apparait bien sur mon forum test. A quoi correspond la première image ?

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: Signature sur avatar

Message par Ninel le Lun 25 Fév 2013 - 13:54

La première image correspond au bug quand je veux modifier ma signature.

J'ai beau faire "attacher sa signature", ça ne marche pas.

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par SoraNoHime le Lun 25 Fév 2013 - 13:58

Voici ce que j'obtiens : Forum Test

J'ai juste un problème de z-index à remettre sur l'avatar. Puis-je avoir un lien menant a votre probleme visuellement, vos nouveaux codes templates / css pour les comparer aux miens.

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: Signature sur avatar

Message par Ninel le Lun 25 Fév 2013 - 14:01

(je n'ai pas accès au message, il faut être enregistré)
Template :

CSS :


Lien : http://newtest.topsujet.com/t1-pa-pour-mon-forum

Merci de votre aide.

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par SoraNoHime le Lun 25 Fév 2013 - 14:10

J'ai débloqué l'accès ^^ et modifié un peu la css pour que la signature apparaissent. Vérifiez dans les options des utilisateurs sur le PA si vous avez autorisé les signatures. Pour le background beige, il se trouve dans votre css par contre, je ne sais si vous voulez l'enlever ou pas.

Je vérifie et revient vers vous.

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: Signature sur avatar

Message par Ninel le Lun 25 Fév 2013 - 14:14

Le background, il est pas mal.

La signature était déjà activée...

Merci

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par SoraNoHime le Lun 25 Fév 2013 - 14:27

Je n'ai le bug ni visuellement, ni dans les templates css, que ce soit sur votre forum ou le mien. Avez-vous des options dans les posts : Trafic promo, réponse rapide, etc....

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: Signature sur avatar

Message par Ninel le Lun 25 Fév 2013 - 14:28

Dans le P.A plutôt ?
Et non, je l'ai pas.

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par SoraNoHime le Lun 25 Fév 2013 - 14:30

Je voulais dire qui apparaissent au niveau des posts ^^

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: Signature sur avatar

Message par Ninel le Lun 25 Fév 2013 - 14:51

Oui, tout est bon. J'ai regardé. Je vais l'intégrer sur un autre forum de test. Je vous recontacte.

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par Ninel le Lun 25 Fév 2013 - 15:27

Bonjour,
Exactement les mêmes bugs.

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par SoraNoHime le Lun 25 Fév 2013 - 22:44

Bizarre, avez-vous d'autres fonctions qui affectent les posts ? Scripts ou css supplémentaire ? Pouvez-vous me fournir votre css complète, cela peut venir de la aussi et ça expliquerait que je n'ai pas le soucis sur mon forum test

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: Signature sur avatar

Message par Ninel le Mar 26 Fév 2013 - 7:42

Sur un de mes forums de test, j'ai ceci en CSS :
Code:
/*----------------------------------La P.A*/
.systab .tab {  padding: 2px 10px;  margin-right: 5px;  color: #000;  background: #fff;  border: 1px solid #000;  cursor: pointer;  height: 50px;  font-size:18px;  border-radius-bottom: 30px; }
.systab .tab:hover {  background: #000;  color: #000;  border-color: #487f31;  }
.systab .tab.selected{  color: #FFF;  background: #000; n}
.systab .contents {  margin-top: 1px;  margin-bottom: 1px;  color: #FFFFFF;  background: #fff;  border: 1px solid #000;  padding: 10px;  height: 250px; width: 600px; }

/*----------------------------------Profil*/
.bloc_message  {  width: 700px;  margin: auto;  }
.profil {  width: 100%;  height: 260px;  background: #242020;  border-top: 1px solid #665f57;  border-left: 1px solid #665f57;  border-right: 1px solid #665f57; border-bottom: 2px dotted #665f57;  margin-top: 20px;  }
.message {  width: 100%;  margin: auto;  background: #191817;  margin-bottom: 40px;  border-bottom: 1px solid #665f57;  border-left: 1px solid #665f57;  border-right: 1px solid #665f57;  padding-top: 2px;  }
.online2  {  display: block;  clear: both;  position: absolute;  margin-top: -6px;  margin-left: -6px;  }
.avatar_profil  {  display: block;  float: right;  margin-right: 120px;  margin-top: -20px;  transform: rotate(20deg);  -moz-transform: rotate(20deg);  -htm-transform: rotate(20deg);  -o-transform: rotate(20deg);  -webkit-transform: rotate(20deg);  -ms-transform: rotate(20deg);  }
.avatar_profil img  {  position: absolute;  width: 150px;  border: 5px solid #e9e3dc;  box-shadow: 3px 3px 3px #000000;  -moz-box-shadow: 3px 3px 3px #000000;  -htm-box-shadow: 3px 3px 3px #000000;  -webkit-box-shadow: 3px 3px 3px #000000;  -o-box-shadow: 3px 3px 3px #000000;    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;  }
.avatar_profil img:hover  {  width: 200px;  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;  }
.bloc_profil  {  margin-left: 90px;  }
.rang_img  {  position: relative;  float: left;  }
.pseudo_membre  {  display: block;  width: 80%;  font-size: 24px;  letter-spacing: 2px;  border-bottom: 2px dotted #e0d5c9;  margin-left: 50px;  }
.rang  {  display: block;  margin-left: 100px;  font-weight: bold;  font-size: 11px;  font-style: italic;  letter-spacing: 4px;  color: #e0d5c9;  }
.profil_contenu  {  clear: both;  width: 70%;  height: 140px;  margin-top: 20px;  overflow: auto;  background-color: #473e3e;  border: 1px solid #665f57;  padding: 4px;  font-size: 11px;  text-align: justify;  }
.message_contenu  {  font-size: 15px;  text-align: justify;  padding: 10px;  }
.signature_div  {  width: 100%;  height: auto;  margin: auto;  background: #bdb2a6;  }

#signatmention
{
    position:relative;
    width:400px; /*régler ici la largeur*/
    height:140px; /*régler ici la hauteur*/
    overflow:hidden;
}
 
.signature_div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    -webkit-transition:all 1.0s;
    -moz-transition:all 1.0s;
    -o-transition:all 1.0s;
    -ms-transition:all 1.0s;
    transition:all 1.0s;
}
 
#signatmention:hover > .signature_div {
    opacity: 0.0;
}
 
.profil_contenu {
    position:absolute;
    top:0;
    left:0;/
    width:100%;
    height:100%;
    z-index:2;
    opacity:0;
    margin-top:-320px; /* régler ici le décalage par le haut de la div des informations */
    -webkit-transition:all 1.0s;
    -moz-transition:all 1.0s;
    -o-transition:all 1.0s;
    -ms-transition:all 1.0s;
    transition:all 1.0s;
}
 
#signatmention:hover > .profil_contenu {
  opacity:1;
  margin-top:0px;
}

Je vais tester sur mon vrai forum. Mais là dernière fois, tout avait buguer....


Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par Ninel le Mer 27 Fév 2013 - 10:02

UP ?

Ninel
****

Masculin
Messages : 228
Inscrit(e) le : 09/03/2011

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

Résolu Re: Signature sur avatar

Message par SoraNoHime le Ven 1 Mar 2013 - 2:28

Pouvez-vous me décrire précisémment où cela bug ? Car votre image est inprécise, je n'arrive pas à la située dans le forum.

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.

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