[Forumactif] Mettre un cadre autour des avatars

Cadre autour d'un avatar sur Forumactif

Comment mettre un cadre autour des avatars? C'est simple! En principe il ne faut pas avoir modifié les templates. Il faut aller dans Affichage > Couleurs > Feuille de style CSS et y coller le code ci dessous

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 #COULEUR DU CONTOUR;
}

Deuxième façon:
Il y a une autre façon, si vous avez déjà modifié la template viewtopic body le code donné au dessus ne marchera pas. Il faut donc passer par cette template. Pour y avoir accès il faut être le fondateur du forum.

Tout d'abord, il faut passer par la feuille de style css. Elle est située dans le panneau d'administration> Affichage > Feuille de style css.

Collez y ce code en le modifiant suivant ce que vous voulez faire:

Code:

.cadreavatar {
width: XXpx;
height: XXpx;
background-color: # Code couleur;
border: taille px solid #COULEUR DU CONTOUR; }

Vous pouvez personaliser le code ci dessus, en y ajoutant une bordure, ou en changeant le style de celle ci en y mettant un arrondi etc.

Ensuite tu vas dans tes templates viewtopic_body. Appuie sur ctrl + F, ça sera plus simple et cherches ce code:

Code:

{postrow.displayed.POSTER_AVATAR}

Puis entoure ce code de la class qu'on a créer dans la css du forum:

On a donc:

Code:

<div class="cadreavatar">{postrow.displayed.POSTER_AVATAR}</div>

Et voilà! Tu enregistres et publies et normalement tout devrait marcher! Si tu as un souci, n'hésites pas Wink

[Forumactif] Mettre un cadre autour des avatars

[Forumactif] Mettre un cadre autour des avatars

Sujets similaires

Sujets similaires