Ce code permet de personnaliser le profil des membres avec un contour à fond uni.

 

 

♦ Rendez-vous dans votre Panneau d’Administration
♦ Dirigez-vous dans Affichages > Affichage > Template > General
♦ Cliquez sur Modifier, puis « viewtopic_body »
♦ Cherchez maintenant cette partie original de code.

<!– 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://illiweb.com/_.gif » alt= » » style= »width:150px;height:1px » />
</td>

♦ Nous commençons par la partie Pseudo/Avatar, nous allons rajouter

<div class= »profilentour »>

Devant ceci

<span class= »name »><a name= »{postrow.displayed.U_POST_ID} »>

♦ Rajouter ce petit code.

</div>

♦ Après ce code, si vous n’aviez rien modifié

{postrow.displayed.POSTER_AVATAR}

♦ Si vous aviez mis le pseudo après l’avatar, mettez le après ce code

{postrow.displayed.RANK_IMAGE}

 

♦ Nous continuons la partie Profil, rajoutez ceci

<div class= »profilentour »><span class= »postdetails poster-profile »>

♦ Devant celui ci

 <!– BEGIN profile_field –>

♦ Rajoutez ce petit code

</div>

♦ Après ce code

<!– END profile_field –></span>

 

♦ Nous continuons la partie Feuille du personnage, rajoutez ceci

<div class= »profilentour »><span class= »postdetails poster-profile »>

♦ Devant celui-ci

{postrow.displayed.POSTER_RPG}</span>

♦ Rajoutez ce petit code

</div>

♦ Après ce code

{postrow.displayed.POSTER_RPG}</span>

♦ Faites maintenant « Valider » et n’oubliez pas de Publier.

♦ OU Si vous n’aviez pas tout saisi et que vous n’aviez jamais modifié ses codes d’origines
♦ Vous pouviez toujours remplace le code d’origine par celui qui est déjà tout prêt

<!– 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}</div><br /><br />
<div class= »profilentour »><span class= »postdetails poster-profile »><!– BEGIN profile_field –>
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!– END profile_field –></span></div><br/>
<div class= »profilentour »><span class= »postdetails poster-profile »>{postrow.displayed.POSTER_RPG}</div>
</span><br />
<img src= »http://illiweb.com/_.gif » alt= » » style= »width:150px;height:1px » />
</td>

♦ Faites maintenant « Valider » et n’oubliez pas de Publier.

♦ Rendez vous dans Panneau d’Administration > Affichages > Couleurs
♦ Puis cliquez sur Feuille de Styles et rajoutez ce code

.profilentour
{text-align:center;
background-color:#COULEUR; /* Change la couleur du fond */
-moz-border-radius:10px;
padding:7px;}

.postdetails.poster-profile a img
{-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 3px solid #COULEUR; /* Change la couleur des bordures*/}

.name
{text-transform: uppercase; /* Cela met le texte en majuscules, vous pouvez retirer si vous n’en souhaitez pas */ }

♦ Si vous souhaitez mettre un cadre continu, insérez ce code après .profilentour {

border: 1px solid #COULEUR;

♦ Si vous souhaitez mettre un cadre avec des pointillés réguliers, insérez ce code après .profilentour {

border: 1px dotted #COULEUR;

♦ Si vous souhaitez mettre un cadre avec des traits réguliers,insérez ce code après .profilentour {

border: 1px dashed #COULEUR;

♦ Puis enregistrez.

© By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *