Signature sur avatar

[Ninel]

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

[angelsjenifer]

Bonjour,

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

[Ninel]

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]

UP

[SoraNoHime]

Bonjour

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

Cordialement.

[Ninel]

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

viewtopic_body :



CSS :

[SoraNoHime]

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;
}

[Ninel]

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

Spoiler:

[SoraNoHime]

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

[Ninel]

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

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

[SoraNoHime]

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.

[Ninel]

(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.

[SoraNoHime]

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.

[Ninel]

Le background, il est pas mal.

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

Merci

[SoraNoHime]

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....

[Ninel]

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

[SoraNoHime]

Je voulais dire qui apparaissent au niveau des posts ^^

[Ninel]

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

[Ninel]

Bonjour,
Exactement les mêmes bugs.

[SoraNoHime]

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

[Ninel]

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]

UP ?

[SoraNoHime]

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.