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 *