Learning Design
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
Accueil  Dernières imagesDernières images  Rechercher  S'enregistrerS'enregistrer  Connexion  
-40%
Le deal à ne pas rater :
-40% sur le Pack Gaming Mario PDP Manette filaire + Casque filaire ...
29.99 € 49.99 €
Voir le deal

 

 [Forumactif] Mettre un cadre autour des avatars

Aller en bas 
2 participants
AuteurMessage
MissTrick
Young designer
MissTrick


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

[Forumactif] Mettre un cadre autour des avatars Empty
MessageSujet: [Forumactif] Mettre un cadre autour des avatars   [Forumactif] Mettre un cadre autour des avatars EmptyLun 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
WazZ
Petit nouveau
WazZ


Nombre de messages : 25
Age : 31

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

C'est c'que je cherchais ! Merci beaucoup =).
Revenir en haut Aller en bas
 
[Forumactif] Mettre un cadre autour des avatars
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Forumactif] Mettre un favicon
» Ecrire un texte autour d'un personnage [photoshop]
» [Forumactif] Changer son curseur

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:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser