|
 .Little Lady 
{ Membre actif }
 Messages : 564
 | Bonjour,
J'aimerais savoir comment faire pour que le contour de l'avatar entoure aussi le pseudo et le rang des membres. | | |
|
 | |
Boow
{ Membre actif }
 Messages : 866
| Vous avez déjà un code qui entoure l'avatar et/ou autre chose ? Si oui, pouvez-vous nous donner votre template ? =) | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| Pour le contour du vava oui, c'est celui donné sur le forum et c'est pas dans les templates c'est dans le CSS. | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Je peux voir alors quel est le css que vous avez utilisé ? | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| Le voici - Code:
-
.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: 5px solid #4d784c;
} | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Oui, je vois.... Et bien il va falloir faire une petite modification de templates pour que cela encadre aussi le pseudo et le rang.
Dans le template viewtopic_body, cherchez ceci :
- Code:
-
<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://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" /> </td>
Mettez ceci :
- Code:
-
<table><tr><td class="profil_entoure">
entre <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> et <span class="name">
Et ceci :
- Code:
-
</td></tr></table>
entre <br /><br /> et <!-- BEGIN profile_field -->
Ensuite, mettez le code comme ceci :
- Code:
-
.profil_entoure
{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #4d784c;
} | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| |
| | |
Boow
{ Membre actif }
Messages : 866
| C'est bon ? Ça marche correctement ? =) | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| Oui, mais ce que je souhaiterais c'est que le contour soit un peu comme sur ce forum: http://www.new-york-city-life.com/partenariats-f27/nos-boutons-t8.htm
En fait, il y a une couleur de fond. | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Dans ce cas-là, mettez tout simplement ceci : (normalement ça doit marcher xD)
- Code:
-
.profil_entoure
{
background-color: COULEUR DU FOND;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #4d784c;
} | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| |
| | |
Boow
{ Membre actif }
Messages : 866
| Ça marche chez moi.... Est-ce que vous n'auriez pas oublié le point virgule ( derrière la couleur ? =O | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| Non mais j'avais oublié le g de background | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Ça fonctionne à présent ? | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| Oui. Et si je veux ajouter une ombre j'ajoute: text-shadow ?? | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| |
| | |
.Little Lady
{ Membre actif }
Messages : 564
| Ok merci beaucoup B•øw !!! | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| |
| | |
.Little Lady
{ Membre actif }
Messages : 564
| Pas encore. je viens de m'apercevoir que la taille de la police des champs du profil vient d'augmenter !! | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Ah ouais, je pense que j'avais oublié ce détail.... Hum =S Je vais y réfléchir x) Je reviens d'une longue journée bien éprouvante =S
EDIT : Je viens de résoudre ça xD Je vais aussi aller le modifier dans mon tutoriel. =] Merci de cette remarque très constructive.
Dans ton template, tu as donc ceci :
- Code:
-
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><table><tr><td class="profil_entoure"> <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 /></td></tr></table> <!-- 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://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" /> </td>
Il faut maintenant que tu rajoutes ceci :
- Code:
-
<span style="font-size: TAILLE SOUHAITÉEpx;">
entre <!-- BEGIN profile_field --> et {postrow.displayed.profile_field.LABEL}
Ainsi que ceci :
- Code:
-
</span> entre <img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" /> et </td>
Je crois que ça convient =D | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| Merci beaucoup B•øw ! Ca marche !!! | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| [color:5f48="378b7e]Je peux donc déplacer maintenant ? =D | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| |
| | |
Contenu sponsorisé
| |
| | |
|
