Profil personnalisé dans les messages
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Profil personnalisé dans les messages
Bonjour,
J'ai chercher dans les aides, listes des astuces...etc du forum,
mais je n'ais pas trouvé de sujet portant vraiment sur ma recherche.
Je souhaiterais personnalisé " l'apparence " des profils des membres dans leurs messages.
J'ai découvert plusieurs exemples sur des forums.
En voici un que je viens de voir :
Est-il possible d'avoir les renseignements, code CSS... ou autre pour réaliser ce genre de profil ?
( avec le cadre de fond, et les cases à l'interieur... )
Merci beaucoup et bonne journée à tous.
J'ai chercher dans les aides, listes des astuces...etc du forum,
mais je n'ais pas trouvé de sujet portant vraiment sur ma recherche.
Je souhaiterais personnalisé " l'apparence " des profils des membres dans leurs messages.
J'ai découvert plusieurs exemples sur des forums.
En voici un que je viens de voir :
- Spoiler:
Est-il possible d'avoir les renseignements, code CSS... ou autre pour réaliser ce genre de profil ?
( avec le cadre de fond, et les cases à l'interieur... )
Merci beaucoup et bonne journée à tous.
Dernière édition par julworld le Dim 30 Jan 2011 - 20:31, édité 1 fois
Re: Profil personnalisé dans les messages
Vous devez personnaliser tes templates, plus précisément "view_topic_body" à ce niveau :
- Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}
<!-- 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>
En leur apportant des "class" que vous modifiez ensuite dans votre CSS.
Par contre, vu que là il s'agit d'une image de mon forum que vous mettez en exemple, ne comptez pas sur moi pour vous donner les mêmes variables directement
En revanche, vous pouvez, comme je l'ai fait, les chercher sur ce forum. Les différents codes que j'ai utilisé puis modifiés à ma sauce sont disséminées dans plusieurs topics dans les demandes d’apparences.
Vous pourrez ainsi créer votre propre design, en cherchant un peu, pour ensuite y apporter votre touche personnelle
Re: Profil personnalisé dans les messages
Bonsoir,
Merci pour votre aide.
Mais après avoir rechercher dans les topics résolus concernant ce que je recherche, je n'ais rien trouvé d'interressant qui puisse m'aider.
Je ne sais pas quelles "class" il faut apporter et que mettre dans le CSS...
En attente d'une aide et d'un code ci-possible d'un des membres.
Bonne soirée !
Merci pour votre aide.
Mais après avoir rechercher dans les topics résolus concernant ce que je recherche, je n'ais rien trouvé d'interressant qui puisse m'aider.
Je ne sais pas quelles "class" il faut apporter et que mettre dans le CSS...
En attente d'une aide et d'un code ci-possible d'un des membres.
Bonne soirée !
Re: Profil personnalisé dans les messages
Concernant le "bouton" pour le profil du perso, c'est sur et certain que la réponse a été postée.
Sinon en ce qui concernant le reste, essayez dans le template view_topic_body un code du style :
- Code:
<div id="fondprofil">
- Code:
#fondprofil {
background-color: #ffffff;
border: solid #000000 1px;
}
Ceci est le principe de base, maintenant à vous de modifier à votre goût, donner d'autres variables à la CSS pour chaque "div". Peut-être donner à chaque variable ou groupe de variables du template ("{postrow.displayed.POSTER_RANK}", etc ...) une "div" différente à modifier ensuite dans la CSS ?
Re: Profil personnalisé dans les messages
Bonsoir,
Merci, cela m'aide encore un peu plus.
Mais, lorsque j'insère cela, que tout est en place, le fond pour le profil ne marche pas...
Et puis, tout ces codes, c'est pas ma tasse de thé !
J'ai tendance à m'y perdre facilemment.
Je viens de trouver un code, mais je ne crois pas que ça ressemble à ce que je demande, en tout cas, ça marche pas quand j'essaye de l'installer pour voir...
Au passage, si il y a une personne qui serait d'accord pour me donner le code entier de ce que je demande, ce sera avec joie. ( il est évident que je personnaliserais à ma sauce, car je veux quelque chose qui ne ressemble pas aux autres, mais ça, c'est lorsque je modifierais après...)
Voilà, bonne soirée et en attente de réponse.
Merci, cela m'aide encore un peu plus.
Mais, lorsque j'insère cela, que tout est en place, le fond pour le profil ne marche pas...
Et puis, tout ces codes, c'est pas ma tasse de thé !
J'ai tendance à m'y perdre facilemment.
Je viens de trouver un code, mais je ne crois pas que ça ressemble à ce que je demande, en tout cas, ça marche pas quand j'essaye de l'installer pour voir...
#profil_head
{
background-color: #000000;
background-repeat: repeat-y;
position-profil: relative;
border: solid #adbacd;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
width: 150px;
max-height: 150px;
overflow: auto;
}
#name
{
padding-top: -20px;
}
Au passage, si il y a une personne qui serait d'accord pour me donner le code entier de ce que je demande, ce sera avec joie. ( il est évident que je personnaliserais à ma sauce, car je veux quelque chose qui ne ressemble pas aux autres, mais ça, c'est lorsque je modifierais après...)
Voilà, bonne soirée et en attente de réponse.
Re: Profil personnalisé dans les messages
Avez vous penser à refermer la balise "div" après les variables dans le template view_topic_body par :
En ajoutant ensuite le code suivant à la CSS cela fonctionne chez moi...
Je ne pense pas que le code que vous donnez fonctionne pour la CSS. Je ne connais pas toutes les variables mais il me semble que "overflow: auto;" par exemple n'est pas possible avec ce genre de cadre que vous essayez de reproduire.
Malgrè tout, gardez à l'esprit que les deux dénominations suivantes doivent être les même dans le template et la CSS pour que cela fonctionne :
- Code:
</div>
- Code:
<div id="fondprofil">
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}
<!-- 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>
</div>
En ajoutant ensuite le code suivant à la CSS cela fonctionne chez moi...
- Code:
#fondprofil {
background-color: #ffffff;
border: solid #000000 1px;
}
Je ne pense pas que le code que vous donnez fonctionne pour la CSS. Je ne connais pas toutes les variables mais il me semble que "overflow: auto;" par exemple n'est pas possible avec ce genre de cadre que vous essayez de reproduire.
Malgrè tout, gardez à l'esprit que les deux dénominations suivantes doivent être les même dans le template et la CSS pour que cela fonctionne :
- Code:
TEMPLATE : <div id="fondprofil">
et
CSS: #fondprofil
Re: Profil personnalisé dans les messages
Bonjour,
Merci pour le
Mais, malgrès vos instructions, ça donne quelque chose de pas terrible... :
Les avatars...etc ont disparu... j'ai donc enlevé... mais ça règle pas mon problème... je suis vraiment désolé.
Merci pour le
que j'avais oublié de mettre</div>
Mais, malgrès vos instructions, ça donne quelque chose de pas terrible... :
- Spoiler:
Les avatars...etc ont disparu... j'ai donc enlevé... mais ça règle pas mon problème... je suis vraiment désolé.
Re: Profil personnalisé dans les messages
up.
EDIT : Voici une image créer vite fait, pour que vous voyez mieux ce que je souhaite comme profil à gauche des messages :
Merci d'avance pour vos prochaines réponses.
EDIT : Voici une image créer vite fait, pour que vous voyez mieux ce que je souhaite comme profil à gauche des messages :
- Spoiler:
Merci d'avance pour vos prochaines réponses.
Re: Profil personnalisé dans les messages
Bonsoir,
Up.
Up.
Re: Profil personnalisé dans les messages
Bonsoir,
Essaye ça pour les contours de l'avatar :
Bonne soirée !
Essaye ça pour les contours de l'avatar :
- Code:
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 1px solid #FF7700;
}
Bonne soirée !
kiwi14637- Membre habitué
-
Messages : 1387
Inscrit(e) le : 19/05/2010
Re: Profil personnalisé dans les messages
Merci, mais ça ne fait qu'un contour.
Je souhaite avoir le fond avec le pseudo compris dans le cadre,
ainsi que certains informations, comme la date d'inscription...
Mais merci quand même, c'est un début.
PS : rapel de mon message du 5 janvier, voici un exemple de ce que je souhaite :
https://i.servimg.com/u/f36/13/16/83/96/previe10.png
Bonne soirée à tous !
Je souhaite avoir le fond avec le pseudo compris dans le cadre,
ainsi que certains informations, comme la date d'inscription...
Mais merci quand même, c'est un début.
PS : rapel de mon message du 5 janvier, voici un exemple de ce que je souhaite :
https://i.servimg.com/u/f36/13/16/83/96/previe10.png
Bonne soirée à tous !
Re: Profil personnalisé dans les messages
Bonsoir,
Sans doute qu'en utilisant la balise <div> avec des attributs, on peut arriver à ce résultat !
Par-contre, je ne me rappelle plus du code et je ne le retrouve plus ! :s
Bonne soirée !
Sans doute qu'en utilisant la balise <div> avec des attributs, on peut arriver à ce résultat !
Par-contre, je ne me rappelle plus du code et je ne le retrouve plus ! :s
Bonne soirée !
kiwi14637- Membre habitué
-
Messages : 1387
Inscrit(e) le : 19/05/2010
Re: Profil personnalisé dans les messages
Salut,
C'est bien là le problème... c'est que moi non plus je ne les connais pas... et il me semblait avoir déja vu des topics "d'astuces" à ce sujet, mais impossible de les retrouvés pour avoir les codes nécéssaires...
C'est bien là le problème... c'est que moi non plus je ne les connais pas... et il me semblait avoir déja vu des topics "d'astuces" à ce sujet, mais impossible de les retrouvés pour avoir les codes nécéssaires...
Re: Profil personnalisé dans les messages
Bonjour.
up.
up.
Re: Profil personnalisé dans les messages
up et bonne fin de journée.
Re: Profil personnalisé dans les messages
Bonjour
Il n'y a pas de raison que cela ne fonctionne pas donc nous allons tout reprendre.
Remplacer cette patie
Par celle ci
Puis coller ce code dans votre feuille de style css
Il n'y a pas de raison que cela ne fonctionne pas donc nous allons tout reprendre.
Remplacer cette patie
- Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}
<!-- 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 celle ci
- Code:
<div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}
<!-- 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>
</div>
Puis coller ce code dans votre feuille de style css
- Code:
.profilentour {
text-align: center;
padding: 8px;
background-color: #3D4557;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
Re: Profil personnalisé dans les messages
Bonsoir,
Merci beaucoup, c'est déja un très bon début.
Voici ce que ça me donne :
Voici sur quoi je souhaite me basé :
C'est-à-dire, 2 cadres par dessus, avec les informations. Comment faire les deux cadres par dessus le fond de l'image ?
Déja merci pour cette bonne partie de votre aide, en espérant que vous puissiez m'aider pour la suite.
EDIT : j'ai modifié l'image car j'ai réussi à centrer les informations, car il y avait un bug...etc.
Merci beaucoup, c'est déja un très bon début.
Voici ce que ça me donne :
- Spoiler:
Voici sur quoi je souhaite me basé :
- Spoiler:
C'est-à-dire, 2 cadres par dessus, avec les informations. Comment faire les deux cadres par dessus le fond de l'image ?
Déja merci pour cette bonne partie de votre aide, en espérant que vous puissiez m'aider pour la suite.
EDIT : j'ai modifié l'image car j'ai réussi à centrer les informations, car il y avait un bug...etc.
Re: Profil personnalisé dans les messages
Bon j'ai presque trouvé me reste plus qu'a trouver pour encadrer le speudo essayer déjà ceci.
css
Remplacer cette partie
Par celle ci
css
- Code:
.profilentour {
text-align: center;
padding: 1px;
background-color: #3D4557;
border-radius: 10px;
}
.profilentinfos {
text-align: center;
padding: 1px;
background-color: #3D4557;
border-radius: 10px;
}
Remplacer cette partie
- Code:
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="name"><a name="{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><br />
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
Par celle ci
- Code:
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profilentour"><span class="name"><a name="{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 /></span></div><br>
<!-- BEGIN profile_field -->
<div class="profilentinfos"><span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br /></div>
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px; height:1px" />
</td>
Re: Profil personnalisé dans les messages
Voila cette fois c'est la bonne
Remplacer cette partie
Par celle-ci
css
Remplacer cette partie
- Code:
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="name"><a name="{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><br />
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
Par celle-ci
- Code:
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profilone"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}</div><br />
<div class="profiltwo">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</span></div><br />
<!-- BEGIN profile_field -->
<div class="profiltree"><span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br /></div>
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px; height:1px" />
</td>
css
- Code:
.profilone {
text-align: center;
padding: 1px;
background-color: #3D4557;
border-radius: 10px;
}
.profiltwo {
text-align: center;
padding: 1px;
background-color: #3D4557;
border-radius: 10px;
}
.profiltree {
text-align: center;
padding: 1px;
background-color: #3D4557;
border-radius: 10px;
}
Re: Profil personnalisé dans les messages
Bonjour.
Ah merci, cela prend forme.
Mais il reste encore quelques soucis.
Voici un screen pour vous aider :
https://i.servimg.com/u/f36/13/16/83/96/screen13.png
Le pseudo et le rang seraient mieux, centrés et dans un cadre eux aussi. Si possible.
Je ne sais pas non plus où mettre le code pour l'image de fond qui est ;
Encore merci pour être en train de me suivre dans mon problème.
Ah merci, cela prend forme.
Mais il reste encore quelques soucis.
Voici un screen pour vous aider :
https://i.servimg.com/u/f36/13/16/83/96/screen13.png
Le pseudo et le rang seraient mieux, centrés et dans un cadre eux aussi. Si possible.
Je ne sais pas non plus où mettre le code pour l'image de fond qui est ;
- Code:
background-image: url('http://i36.servimg.com/u/f36/13/16/83/96/fondpr10.png');
Encore merci pour être en train de me suivre dans mon problème.
Page 1 sur 2 • 1, 2
Sujets similaires
» Champ de profil personnalisé qui ne s'affiche pas dans les messages
» Profil personnalisé dans un widget
» Problème d'apparence profil de membre personnalisé dans un sujet
» Problème d'affichage dans profil personnalisé
» Déplacer MP & En ligne dans l'encadrement du profil, affiché dans les messages
» Profil personnalisé dans un widget
» Problème d'apparence profil de membre personnalisé dans un sujet
» Problème d'affichage dans profil personnalisé
» Déplacer MP & En ligne dans l'encadrement du profil, affiché dans les messages
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum