Profil personnalisé dans les messages

4 participants

Page 2 sur 2 Précédent  1, 2

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

Résolu Profil personnalisé dans les messages

Message par julworld Mar 28 Déc 2010 - 15:36

Rappel du premier message :

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

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


Dernière édition par julworld le Dim 30 Jan 2011 - 20:31, édité 1 fois
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par tupac Lun 24 Jan 2011 - 15:05

Bonjour

Toujours dans la même partie du template view_topic_body

Chercher ceci
Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

Remplacer le par ceci
Code:
<td class="fondprofil"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

puis dans votre css
Code:
.fondprofil {
background-image: url('http://i36.servimg.com/u/f36/13/16/83/96/fondpr10.png');}
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par julworld Lun 24 Jan 2011 - 21:44

Bonsoir,

Ah, merci beaucoup. Very Happy

Bon, aller, deux derniers problèmes à résoudres, et promis après je ne vous embette plus. Razz

Voici le rendu actuel : https://i.servimg.com/u/f36/13/16/83/96/screen14.png

J'aurais aimé savoir comment faire pour faire réaparaître le fond du profil (style bois...), après la dernière case. Comme je l'ais fait pour la case de haut, j'ai utiliser un "<br />", sauf que pour la dernière case, je n'y arrive pas. Lorsque je fais un "<br />", cela m'agrandit la dernière case. Comment faire ?

Et enfin, dernière chose, comment faire ce rendu là dans la dernière case (gris fonçé) :
Spoiler:
Je souhaite en clair, juste rajouté une image à droite, pour faire un style de carte d'identité.

Merci beaucoup pour votre attention et votre aide. Flowers2
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par tupac Mar 25 Jan 2011 - 2:16

Donc pour faire réapparaître ton image vers le bas,repère cette partie juste en dessous du code installé hier et augmente le cellpadding.

Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="0" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="45">

En ce qui concerne de mettre une image a droite de message et description je suis entrain de chercher.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par julworld Mar 25 Jan 2011 - 18:41

Merci, cela marche très bien. Very Happy

D'accord, pas de problème, je peux attendre. Wink
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par tupac Mar 25 Jan 2011 - 23:49

Pour l'instant le seul moyen de mettre une image c'est a gauche.

1/ Utilisateurs et groupes
2/ Profils et cliquer sur la molette de votre choix ou vous désirez mettre votre image.

En ce qui concerne l'image sur la droite je me demande ci cela est possible.
L'avez-vous déjà vu sur un forum?
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par tupac Mer 26 Jan 2011 - 2:42

J'ai enfin trouvé pour placer une petite image a droite de message et description.
Toujours dans la même partie que nous avions modifié précédemment.

Repérer cette ligne.
Code:
{postrow.displayed.POSTER_RPG}

Remplacer par ceci.
Code:
{postrow.displayed.POSTER_RPG}<img src="URL de votre image">
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par julworld Mer 26 Jan 2011 - 19:00

Merci beaucoup, je l'utiliserais plutard. Smile

Par-contre, je viens de voir un gros problème...
Le voici, marqué par la flèche rouge :
https://i.servimg.com/u/f36/13/16/83/96/screen16.png

J'ai essayé de voir ce qui n'allait pas, mais je n'ais rien trouvé, voici la partie du code, si vous constatez un problème lors d'un copier/coller :

Code:
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<center><td class="fondprofil"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><br />
<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.RANK_IMAGE}</div><br /></center>

<div class="profiltwo">{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></div>
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px; height:1px" />
</td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="24"></td>

               <tr><td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>

Encore désolé, pour le dérangement, avec ce problème... Confused
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par tupac Jeu 27 Jan 2011 - 1:22

Oui je vois c'est parce que l'on a augmenté le cellpadding,je l'ai remis a zéro et je vais essayer de trouver une autre solution pour faire réapparaitre l'image vers le bas.

Spoiler:
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par julworld Jeu 27 Jan 2011 - 14:02

D'accord, merci. Very Happy
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par tupac Ven 28 Jan 2011 - 6:57

Bonjour

Bon voila c'est fait.
J'ai juste rajouté "height"340" au début du code a vous de régler la hauteur.

Code:
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<center><td class="fondprofil"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150" height="340"><br />
<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.RANK_IMAGE}</div><br /></center>

<div class="profiltwo">{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></div>
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px; height:1px" />
</td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0"></td>

              <tr><td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par julworld Ven 28 Jan 2011 - 20:08

Merci beaucoup.

J'ai cependant essayé de rajouté "background-repeat: no-repeat;" après... pour que le fond ne ce répète pas, lorsque l'on poste un message trop long... mais cela ne marche pas.

Où mettre ce code précisement ?
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par tupac Sam 29 Jan 2011 - 14:04

En effet oui je vais voir ce que je peux faire
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par julworld Sam 29 Jan 2011 - 14:14

Merci beaucoup. Very Happy
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par julworld Dim 30 Jan 2011 - 14:45

up.

J'ai aussi oublié de vous avertir, que lorsque je poste un message, où même les anciens messages... et bien tous, sont centrés automatiquement.

Je ne sais pas, mais je pense que dans le code, il doit y avoir quelque chose qui centre tout, ou un truc du genre... Rolling Eyes

Bonne journée.
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par tupac Dim 30 Jan 2011 - 20:23

Bonsoir Julworld

Je l'ai testé et ce code fonctionne très bien sur mon forum
Code:

<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="fondprofil"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><br />
<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.RANK_IMAGE}</div><br />

<div class="profiltwo">{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></div>
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px; height:1px" />
</td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0"></td>

              <tr><td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil personnalisé dans les messages

Message par julworld Dim 30 Jan 2011 - 20:29

Et bien... cela n'aura pas été de tout repos pour vous,
mais je vous félicite vraiment pour votre aide !! Flowers2

Sujet résolu.

Aurevoir et bonne soirée. Very Happy
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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