Encadrement d'avatar

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

Résolu Encadrement d'avatar

Message par Sasuke Mibu le Dim 13 Mar 2011 - 3:50

Bonjour, je voudrais savoir:
Comment on encadre les avatar?
Merci d'avance!


Dernière édition par Sasuke Mibu le Lun 14 Mar 2011 - 16:43, édité 1 fois

Sasuke Mibu
**

Masculin
Messages : 97
Inscrit(e) le : 05/09/2010

http://multi.narutorpg.org/
Sasuke Mibu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement d'avatar

Message par julworld le Dim 13 Mar 2011 - 10:32

Bonjour,

Essayez ceci dans votre CSS et pensez à le personnalisé :

Code:
 /* CONTOUR AVATAR */

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 10px solid #COULEUR;
-moz-border-shadow: #000 0px 0px 0px;
-webkit-border-shadow: #000 0px 0px 0px;
-border-shadow: #000 0px 0px 0px;
}

Bonne journée. Wink

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: Encadrement d'avatar

Message par Sasuke Mibu le Dim 13 Mar 2011 - 15:07

C'est à dire?

Sasuke Mibu
**

Masculin
Messages : 97
Inscrit(e) le : 05/09/2010

http://multi.narutorpg.org/
Sasuke Mibu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement d'avatar

Message par tupac le Dim 13 Mar 2011 - 15:22

Bonjour

A placer dans votre feuille de style css
Code:
.postdetails.poster-profile a img {
border : 3px solid #ffffff;      /* couleur du cadre */
-moz-border-radius: 5px;      /* arrondi le cadre */
-webkit-border-radius: 5px;
border-radius: 5px;
}

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement d'avatar

Message par Sasuke Mibu le Dim 13 Mar 2011 - 16:30

En fait je voudrais que ça encadre l'avatar et les infos.

Sasuke Mibu
**

Masculin
Messages : 97
Inscrit(e) le : 05/09/2010

http://multi.narutorpg.org/
Sasuke Mibu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement d'avatar

Message par tupac le Dim 13 Mar 2011 - 16:56

Ok

Il vous faut aller dans le template viewtopic_body.

Panneau d'administration:
1/ Affichage
2/ Templates puis général
3/ viewtopic_body

Chercher cette partie.
Spoiler:
Code:
<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 />

et la remplacer par celle-ci.
Spoiler:
Code:

<div class="prof">
<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></div><br />

Puis dans votre feuille de style css placer ce code.
Code:
.prof{
border : 3px solid #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement d'avatar

Message par Sasuke Mibu le Dim 13 Mar 2011 - 19:00

La couleur peut-être modifié?

Sasuke Mibu
**

Masculin
Messages : 97
Inscrit(e) le : 05/09/2010

http://multi.narutorpg.org/
Sasuke Mibu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement d'avatar

Message par tupac le Dim 13 Mar 2011 - 19:48

Bien sur je vous ai tout indiqué sur le code.
Si vous voulez un cadre plein il faut remplacer "double" par "solid"

Code:
.postdetails.poster-profile a img{
border: 4px double #ffffff;    /* couleur */
padding:5px;  /*  espace entre l avatar et le cadre */
-moz-border-radius: 4px;  /* arrondi les angle */
-webkit-border-radius: 4px;  /* arrondi aussi pour autre navigateur */
border-radius: 4px;              /* arrondi aussi pour autre navigateur */
}

tupac
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum