Encadrement d'avatar
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Encadrement d'avatar
Bonjour, je voudrais savoir:
Comment on encadre les avatar?
Merci d'avance!
Comment on encadre les avatar?
Merci d'avance!
Dernière édition par Sasuke Mibu le Lun 14 Mar 2011 - 16:43, édité 1 fois
Re: Encadrement d'avatar
Bonjour,
Essayez ceci dans votre CSS et pensez à le personnalisé :
Bonne journée.
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.
Re: Encadrement d'avatar
C'est à dire?
Re: Encadrement d'avatar
Bonjour
A placer dans votre feuille de style css
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;
}
Re: Encadrement d'avatar
En fait je voudrais que ça encadre l'avatar et les infos.
Re: Encadrement d'avatar
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.
et la remplacer par celle-ci.
Puis dans votre feuille de style css placer ce code.
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;
}
Re: Encadrement d'avatar
La couleur peut-être modifié?
Re: Encadrement d'avatar
Bien sur je vous ai tout indiqué sur le code.
Si vous voulez un cadre plein il faut remplacer "double" par "solid"
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 */
}
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum