Affichage du profil du "joueur" sur un post

2 participants

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

Résolu Affichage du profil du "joueur" sur un post

Message par Honoka Shizuka Mar 6 Mar 2012 - 11:07

Bonjour, voici comment j'aimerais que s'affiche le profil du joueur positionner a gauche de son post :
Affichage du profil du "joueur" sur un post Image_65

J'aimerais aussi avoir un code pour pouvoir changer les couleurs...

Pouvez-vous m'aidez ?

Cordialement,

Smile


Dernière édition par Honoka Shizuka le Jeu 8 Mar 2012 - 10:31, édité 1 fois
Honoka Shizuka

Honoka Shizuka
***

Féminin
Messages : 160
Inscrit(e) le : 22/05/2011

http://guild-fantasy.forumgratuit.org
Honoka Shizuka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage du profil du "joueur" sur un post

Message par Olivier-Design Mar 6 Mar 2012 - 16:17

Bonjour,

Pour la couleur du pseudo, ajoutez ceci à votre css

Code:
.name{
color: #"code hexadécimal de la couleur";}
Où vous remplacerez "code hexadécimal de la couleur" par un ensemble de 6 caractères (FFFFFF pour blanc, 000000 pour noir etc). Un code hexadécimal requiert toujours un # devant. Faites aussi attention à ne pas oublier le ; après le code de la couleur afin de terminer la présentation de l'attribut color.



Pour la couleur du rang, aller dans Panneau d'administration > Utilisateurs et groupes > Administration des rangs

Pour chaque rang dont vous souhaitez changer la couleur, Affichage du profil du "joueur" sur un post Editer

Titre du rang :
Code:
<color="#code hexadécimal de la couleur voulue">Titre du rang</color>
Où vous remplacerez "code hexadécimal de la couleur voulue" par le même procédé que plus haut et "Titre du rang" par le rang que vous souhaitez avoir.


Pour les informations du profil (nombre de message etc), ajoutez ceci à votre css

Code:
.postdetails poster-profile{
color: #"code hexadécimal de la couleur"; }
Où vous remplacerez "code hexadécimal de la couleur" comme plus haut.
avatar

Olivier-Design
***

Messages : 153
Inscrit(e) le : 10/02/2012

http://plaisirsgourmands.forumactif.com
Olivier-Design a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage du profil du "joueur" sur un post

Message par Honoka Shizuka Mar 6 Mar 2012 - 17:02

Bonsoir, et pour le tour de mon avaar qui encadre le pseudo,le rang et l'avatar, quel code je dois mettre ??

Corrdialemnt,

Wink
Honoka Shizuka

Honoka Shizuka
***

Féminin
Messages : 160
Inscrit(e) le : 22/05/2011

http://guild-fantasy.forumgratuit.org
Honoka Shizuka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage du profil du "joueur" sur un post

Message par Olivier-Design Mar 6 Mar 2012 - 17:54

Bonjour


Dans le template viewtopic_body, repérez ceci :

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

Remplacez par ceci

Code:
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><BR>
            <TABLE border="1" border-style="solid" border-color="#000000" cellspacing="0" cellpadding="5" bgcolor="#FFFFFF">
                                  <TR>
                                    <TD>
                                      {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                                      <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 />
                                      </TD>
                                          </TR>
                                      </TABLE><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>


Reprenons donc

Code:
<TABLE border="1" border-style="solid" border-color="#000000" cellspacing="0" cellpadding="5" bgcolor="#FFFFFF">
                                  <TR>
                                    <TD>
                                      {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                                      <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 />
                                      </TD>
                                          </TR>
                                      </TABLE><BR>

Vous pouvez modifier des valeurs dans ce code. Ces valeurs se trouvent dans la balise <table>.

border="1" = la taille de la bordure en px (à 0 la bordure est invisible)

border-style="solid" = le style de la bordure (vous pouvez voir les attributs possibles en consultant ce lien (Ces attributs sont valables pour le html aussi il vous suffit de remplacer "solid" par "nom de l'attribut que vous voulez".

border-color="#000000" = la couleur de la bordure (#000000 c'est noir)

cellspacing="0" = l'espacement entre les cellules (à 0 c'est mieux selon moi)

cellpadding="5" = les marges dans la cellule du tableau

bgcolor="#FFFFFF" = la couleur du background du tableau (si vous ne voulez pas que le background du tableau soit d'une couleur différente que le fond de votre forum, supprimez cet attribut complètement)
avatar

Olivier-Design
***

Messages : 153
Inscrit(e) le : 10/02/2012

http://plaisirsgourmands.forumactif.com
Olivier-Design a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage du profil du "joueur" sur un post

Message par Honoka Shizuka Mer 7 Mar 2012 - 10:34

Bonjour,

Comment faire pour que les bord soit arrondit ?

Honoka Shizuka

Honoka Shizuka
***

Féminin
Messages : 160
Inscrit(e) le : 22/05/2011

http://guild-fantasy.forumgratuit.org
Honoka Shizuka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage du profil du "joueur" sur un post

Message par Olivier-Design Mer 7 Mar 2012 - 15:54

Voici ce que vous avez afin de déclarer le tableau.

Code:
<TABLE border="1" border-style="solid" border-color="#000000" cellspacing="0" cellpadding="5" bgcolor="#FFFFFF">
                                  <TR>
                                    <TD>
                                      {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                                      <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 />
                                      </TD>
                                          </TR>
                                      </TABLE><BR>

Ajoutez ceci dans la balise <TABLE>

Code:
class="table-avatar"

Ce qui vous donnera

Code:
<TABLE border="1" border-style="solid" border-color="#000000" cellspacing="0" cellpadding="5" bgcolor="#FFFFFF" class="table-avatar">


Maintenant, on change d'endroit. Aller dans Panneau d'administration > Affichage > Couleurs > Feuille de style CSS

Ajouter ce code à votre CSS

Code:
.table-avatar{
border-radius: XXpx;
-moz-border-radius: XXpx;
-webkit-border-radius: XXpx;}

Remplacez les "XX" par le chiffre de votre choix. Ce chiffre indiquera la courbe de l'arrondi. À vous de faire des tests selon ce que vous souhaitez.

À noter par contre, ce code ne fonctionne pas sous Internet Explorer car ce dernier ne supporte pas les arrondis. Également, le contenu de votre tableau ne s'arrondira pas lui, donc il est possible que les avatars de vos membres dépassent du tableau légèrement.
avatar

Olivier-Design
***

Messages : 153
Inscrit(e) le : 10/02/2012

http://plaisirsgourmands.forumactif.com
Olivier-Design 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