Changer le profil dans les messages
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Changer le profil dans les messages
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://amesvagabondes.forumactif.org
Description du problème
Bonsoir tout le monde !Tout d'abord, j'aimerais savoir comment faire afin que l'avatar, lorsque l'on passe la souris dessus, s’estompe légèrement ? Je voudrais juste cette effet, rien de plus. Je crois que c'est de la transition ? Mais impossible de trouver le code
Pour finir, j'aimerais pour les champs des profils, au lieu qu'ils soient présentés ainsi :
- Age:
- Région:
Le remplacer par un texte comme cela :
"Bonjour tout le monde je suis PSEUDO et j'ai AGE ans. On me connait sous le pseudo PSEUDO....." etc
J'ai tentée de remplacer les champs par une phrase mais cela fini obligatoirement par ":" Bref pas très esthétique :/ Dois-je passer par le template ?
Je vous remercie d'avance
Dernière édition par Cramby' le Ven 6 Mar 2015 - 12:08, édité 1 fois
Re: Changer le profil dans les messages
Pour ta deuxième demande, vu que le profil en lui-même est rangé dans trois variable, je ne sais pas si c'est possible. Peut-être en copiant la technique pour la modification du QEEL mais je suis pas sûre que ça marche.
Dans le doute, essaye d'isoler les variables d'affichage du profil dans viewtopic_body dans un div avec un id (au hasard "profil perso" par exemple) et d'utiliser cette technique pour changer les textes qui te dérangent (tu peux par exemple remplacer ":" par " ", et ça effacera ton problème des ":" à la fin des champs.
Je sais pas trop si ça peut marcher mais ça ne coûte rien d'essayer.
Pour l'avatar qui s'estompe, trouve cette partie de ton template (toujours le même) :
Le reste se passe dans le CSS. Tu peux changer la vitesse sur les lignes "all 1.5s ease;", et personnaliser les couleurs du cadre et du texte qui apparaissent derrière dans profil_mess. Tu peux aussi changer la taille (j'ai mis 200*400 parce que c'est l'un des plus courantes) et à peu près tout, tant que tu gardes les lignes transition opacity, qui gèrent l'effet transparence. Tu peux aussi personnaliser l'aspect des pseudo et des rangs avec pseudo_mess et rang_mess (qui ne sont pas présent dans mon code mais que tu peux utiliser).
Je garantis pas la perfection du code mais il est fonctionnel.
Dans le doute, essaye d'isoler les variables d'affichage du profil dans viewtopic_body dans un div avec un id (au hasard "profil perso" par exemple) et d'utiliser cette technique pour changer les textes qui te dérangent (tu peux par exemple remplacer ":" par " ", et ça effacera ton problème des ":" à la fin des champs.
Je sais pas trop si ça peut marcher mais ça ne coûte rien d'essayer.
Pour l'avatar qui s'estompe, trouve cette partie de ton template (toujours le même) :
- Code:
<!-- BEGIN displayed -->
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="name"><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="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
<!-- 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>
- Code:
<!-- BEGIN displayed -->
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<!--Code affichage dernier message posté--> <a name="{postrow.displayed.U_POST_ID}"></a>
<span class="pseudo_mess">
{postrow.displayed.POSTER_NAME}<br /></span>
<span class="rang_mess">{postrow.displayed.POSTER_RANK}</span>
<span class="avatar_mess"><span class="profil_mess"><!-- 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>
Le reste se passe dans le CSS. Tu peux changer la vitesse sur les lignes "all 1.5s ease;", et personnaliser les couleurs du cadre et du texte qui apparaissent derrière dans profil_mess. Tu peux aussi changer la taille (j'ai mis 200*400 parce que c'est l'un des plus courantes) et à peu près tout, tant que tu gardes les lignes transition opacity, qui gèrent l'effet transparence. Tu peux aussi personnaliser l'aspect des pseudo et des rangs avec pseudo_mess et rang_mess (qui ne sont pas présent dans mon code mais que tu peux utiliser).
- Code:
.avatar_mess
{
display: block;
width: 200px;
height: 400px;
overflow: hidden;
background: #031128;
position: relative;
}
.avatar_mess:hover a
{
display: block;
opacity: 0.0;
-webkit-transition: all 1.5s ease;
-moz- transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
filter: alpha(opacity=0);
width:200px;
height:400px;
overflow:hidden;
}
.avatar_mess a {
display: block;
position: absolute;
left: 0; right: 0;
top: 0; bottom: 0;
-webkit-transition: all 1.5s ease;
-moz- transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
width:200px;
height:400px;
overflow:hidden;
}
.profil_mess
{
position: absolute;
display: block;
padding: 8px;
width: 200px;
height: 400px;
overflow: hidden;
}
Je garantis pas la perfection du code mais il est fonctionnel.
Re: Changer le profil dans les messages
Bonsoir !
Tout d'abord, merci pour votre réponse !
Je n'ai pas encore essayée votre méthode pour les champs du profil, mais elle ne me semble pas mal, je vais donc tester !
Ensuite, pour l'avatar, c'est juste parfait ! En revanche, j'aimerais abuser de votre gentillesse si ça ne vous dérange pas
Sauriez vous comment faire pour que lorsque l'on passe la souris sur l'avatar, il y est l'image du rang derrière celui-ci en plus de cette effet de "disparition" ? (Je ne sais pas si je suis assez clair ) En gros, que lorsque l'on passe la souris sur l'avatar, l'image du rang apparaisse ?
Voici mon template
Et mon css
Je vous remercie d'avance !
Tout d'abord, merci pour votre réponse !
Je n'ai pas encore essayée votre méthode pour les champs du profil, mais elle ne me semble pas mal, je vais donc tester !
Ensuite, pour l'avatar, c'est juste parfait ! En revanche, j'aimerais abuser de votre gentillesse si ça ne vous dérange pas
Sauriez vous comment faire pour que lorsque l'on passe la souris sur l'avatar, il y est l'image du rang derrière celui-ci en plus de cette effet de "disparition" ? (Je ne sais pas si je suis assez clair ) En gros, que lorsque l'on passe la souris sur l'avatar, l'image du rang apparaisse ?
Voici mon template
Et mon css
Je vous remercie d'avance !
Re: Changer le profil dans les messages
En théorie il suffirait de déplacer la variable {postrow.displayed.POSTER_RANK} dans le groupe profil. Remplacer ça :
Par ça :
Ça devrait inclure le rang dans le groupe d'informations qui apparaissent derrière l'avatar.
- Code:
<span class="postdetails poster-profile">
<center><div class="citationprofil">{postrow.displayed.POSTER_RANK}</div></center><br /><div class="avatarprofil"><span class="avatar_mess">{postrow.displayed.POSTER_AVATAR}</span></div><br /><center> {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</center><br />
<!-- 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>
Par ça :
- Code:
<span class="postdetails poster-profile">
<br /><div class="avatarprofil"><span class="avatar_mess">{postrow.displayed.POSTER_AVATAR}</span></div><br /><center> {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</center><br />
<!-- BEGIN profile_field -->
<center><div class="citationprofil">{postrow.displayed.POSTER_RANK}</div></center>
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span>
Ça devrait inclure le rang dans le groupe d'informations qui apparaissent derrière l'avatar.
Re: Changer le profil dans les messages
Ca marche du tonnerre merci beaucoup !
Sujets similaires
» changer couleur de fond du textarea dans le mini-profil des messages
» Déplacer MP & En ligne dans l'encadrement du profil, affiché dans les messages
» Mention "@" dans le profil et dans l'éditeur de messages
» Problème de couleur dans le profil dans les messages.
» Ajouter des classes à chaque champ de la feuille de personnage dans le profil + rassembler les labels et fields de celle-ci dans les messages
» Déplacer MP & En ligne dans l'encadrement du profil, affiché dans les messages
» Mention "@" dans le profil et dans l'éditeur de messages
» Problème de couleur dans le profil dans les messages.
» Ajouter des classes à chaque champ de la feuille de personnage dans le profil + rassembler les labels et fields de celle-ci dans les messages
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum