Accueil  Calendrier  FAQ  Rechercher  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 [Forumactif] Mettre un cadre autour des avatars

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
MissTrick
Young designer
avatar

Féminin
Nombre de messages : 241
Age : 28
Localisation : Paris
Logiciels : Photofiltre studio-Photoshop CS5

MessageSujet: [Forumactif] Mettre un cadre autour des avatars   Lun 28 Mar - 16:43

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


Revenir en haut Aller en bas
Voir le profil de l'utilisateur
WazZ
Petit nouveau
avatar

Nombre de messages : 25
Age : 25

MessageSujet: Re: [Forumactif] Mettre un cadre autour des avatars   Sam 4 Aoû - 3:30

C'est c'que je cherchais ! Merci beaucoup =).
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
[Forumactif] Mettre un cadre autour des avatars
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Cadre autour de votre page (ou forum)
» Message en HTML
» Infos du profil derrière l'avatar (comme CssActif)
» Mettre votre © Copyright dans le footer de votre forum
» cadre autour de l'avatar & Profil

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Learning Design :: World wide web :: Les tutoriaux :: Forums-
Sauter vers: