Signature sur avatar

3 participants

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

Résolu Signature sur avatar

Message par Ninel 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
avatar

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

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

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 Lun 25 Fév 2013 - 9:29

UP Very Happy
avatar

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

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Signature sur avatar

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

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

viewtopic_body :



CSS :
avatar

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

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Signature sur avatar

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

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

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

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Signature sur avatar

Message par Ninel 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.
avatar

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

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Signature sur avatar

Message par Ninel 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.
avatar

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

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Signature sur avatar

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

Le background, il est pas mal.

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

Merci
avatar

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

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Signature sur avatar

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

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

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 Lun 25 Fév 2013 - 14:30

Je voulais dire qui apparaissent au niveau des posts ^^
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Signature sur avatar

Message par Ninel 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.
avatar

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 Lun 25 Fév 2013 - 15:27

Bonjour,
Exactement les mêmes bugs.
avatar

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

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Signature sur avatar

Message par Ninel 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....

avatar

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 Mer 27 Fév 2013 - 10:02

UP ?
avatar

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

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum