Contour du profil + Avatar

Bonjour, c'est maintenant mon tour de faire une demande xD j'ai essayé de trouvé des trucs, mais le resultat a toujours été NUL XD

Message explicatif : Bon j'aimerais bien réussir à avoir un contour autour de mes avatars, qui prendrait le profil et la feuille de personnage comprise.
Effet recherché : Habituellement, je le vois partout et là je cherche et j'ai de la misère à trouver un forum qui en a comme cela. on peut dire quelque chose dans ce genre là : http://theisland.forumakers.com/t7717p75-reglement-du-flood-chatbox-don-t-forgive#513910
Votre forum : X
Autres : Merci d'avance. Smile

Regular **Age** : 30 **Coffee drinked** : 180 **Addicted since** : 16/12/2010

OMFG !!!!

Toi qui n'aime pas le CSS, tu me demandes du CSS. Le monde commence à s'inverser.

Anyway ... C'est assez simple à faire, je pourrais te donner un code tout fait, mais je ne le ferai pas ! Pourquoi ? Parce que tu dois apprendre petit padawane.

Je te fais un mini tutoriel && Je le mettrai soit se soir ou encore demain quand je me lève.

Regular **Age** : 30 **Coffee drinked** : 180 **Addicted since** : 16/12/2010

Encadré autour du Profil*
Mini-tutoriel fait par Junkie Caffeine. Merci de ne pas redistribuer.

En tant que Codeuse, je ne te donnerai jamais le code exact de ton exemple. C'est par principe & respect du travail des autres. De toute manière, ça m'étonnerais que tu veuilles réellement Copier/Coller ce profil.

Avant de commencer, tu dois t'assurer d'être le fondateur du forum pour avoir accès aux templates du forum.

I. Le template à modifier est ; viewtopic_body

II. Dans le template, recherche la partie suivante ;

Code:

 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME} 
 
 {postrow.displayed.POSTER_RANK} 
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR} 
 
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 
 {postrow.displayed.POSTER_RPG}
 
 <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 </td>

Ensuite, tu as deux choix pour les encadrer.

Choix I. Soit l'avatar & les renseignements sont dans le même encadré ; donc tu remplaces le code trouvé par celui-ci :

Code:

 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profilentour">
 <a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME} 
 
 {postrow.displayed.POSTER_RANK} 
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR} 
 
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 
 {postrow.displayed.POSTER_RPG}
 
</div>
 <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 </td>

Choix II. Soit l'avatar & les renseignements sont dans DEUX encadrés différents ; donc tu remplace le code trouvé par celui-ci :

Code:

 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profilentour">
 <a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME} 
 
 {postrow.displayed.POSTER_RANK} 
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR} 
</div>
<div class="infoentour">
 
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 
 {postrow.displayed.POSTER_RPG}
 
</div>
 <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 </td>

III. Maintenant tu as remplacé la partie de templates, tu valides & surtout n'oublie pas de PUBLIER ton template. Sinon tu ne verras pas les changements. - c'est souvent ce que les gens oublient de faire. -

IV. Tu dois maintenant mettre les propriétés CSS. Donc, tu vas dans la feuille de style CSS && tu y postes la class suivante peu importe ton choix :

Code:

.profilentour{
background: #;
border: px solid #;
padding: px;
text-align: center;
-moz-border-radius: px; /* les coins en arrondis*/
font-family:;
font-size:;
}

&& si tu as pris les deux encadrés différents tu dois aussi mettre la class suivante :

Code:

.infoentour{
background: #;
border: px solid #;
padding: px;
text-align: justify;
-moz-border-radius: px; /* les coins en arrondis*/
font-family:;
font-size:;
}

V. Tu valides le tout && Logiquement ça devrait fonctionner.

Si tu as des problèmes, tu n'as qu'à me le dire et j'essayerai de régler ça. =P

Bah, on a décidé d'innover Razz

Je commence à bien m'en sortir xD
mais UN GROS GROS MERCI pour ton aide ! C'est super gentil de ta part Smile

On a bien fait de te choisir comme codeuse Wink

J'ai réussis Wink

J'ai eu un ou deux problèmes, mais j'ai su réglé XD

EDIT: J'ai un petit problème avec les cases de feuille, avec les codes que j'ai mis, ils ne tombent pas tous sous mon titre.. je ne sais pas si tu serais comment faire.

Contour du profil + Avatar Feuill10

Regular **Age** : 30 **Coffee drinked** : 180 **Addicted since** : 16/12/2010

Alors, le petit padawane commence à s'en sortir un peu seul. =P Nice !

Pour la feuille de personnage, je ne peut pas réellement t'aider puisque je suis aussi prise avec ce problème ... Je suis désolée de ne pas pouvoir t'aider ... =S

Merdouille xD, j'ai ajouté DU PERSONNAGE après mes deux mots, ce qui est plus long et met la description sous le mot Wink

Donc, si jamais tu as une réponse à ce problème, fait moi signe Very Happy

Regular **Age** : 30 **Coffee drinked** : 180 **Addicted since** : 16/12/2010

résolu

» Profil & Avatar encadrés : aidez-moi pleeease *-*
» Avatar
» Répertoire avatar
» Note l'avatar de ton VDD !
» Quel avatar utilisez-vous ? [RPG]

Contour du profil + Avatar

Contour du profil + Avatar

Sujets similaires

Sujets similaires