Taille automatique et unique de l'avatar

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Taille automatique et unique de l'avatar

Message par Leda le Mer 6 Avr 2011 - 13:00

Bonjour

Je souhaiterais forcer la taille de l'avatar de mes invités. Attention! Je ne souhaite pas limiter une taille maximum mais bien faire en sorte que TOUT les avatar aient la meme taille , c'est à dire 150 de largeur pour 300 de hauteur, et je voudrais que ca soit automatique.

Je sais que pour cela il faut toucher au CSS et aux templates. Pourriez vous m'eclairer dans l'affaire s'il vous plait?

Merci d'avance Smile

Leda
*

Féminin
Messages : 35
Inscrit(e) le : 13/06/2010

http://crepuscule.forumgratuit.org
Leda a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille automatique et unique de l'avatar

Message par Invité le Mer 6 Avr 2011 - 13:40

Bonjour,

Pour commencer, il va falloir modifier les templates. Rendez vous sur votre Panneau d'administration, onglet Affichage » Templates » Général » éditez le template viewtopic_body. Cherchez maintenant la ligne suivante :
Code:
{postrow.displayed.POSTER_AVATAR}
Remplacez-là par cette ligne-ci :
Code:
<div class="avatar">{postrow.displayed.POSTER_AVATAR}</div>
Maintenant, enregistrez vos modifications et publiez votre template.


Il est temps maintenant d'éditer les CSS ! Rendez vous sur votre Panneau d'administration, onglet Affichage » Couleurs » Feuille de styles CSS et ajoutez-y l'un des codes suivants :
Pour avoir une taille maximale à ne pas dépasser :
Code:
.avatar img {
   max-width:150px;
   max-height:150px;
}

Pour avoir une taille fixe de tous les avatars :
Code:
.avatar img {
   width:150px;
   height:150px;
}
Modifiez les valeurs, sachant que width correspond à la largeur, et height correspond à la hauteur, puis enregistrez vos modifications.

Et grâce a cela tous les avatars seront aux dimensions données.

Bon amusement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille automatique et unique de l'avatar

Message par Leda le Mer 6 Avr 2011 - 13:54

Tout d'abord merci.
Alors, le code marche a merveille, ca il n'y a aucun soucis. Donc rien que pour cela, je vous remercie Smile.
Le soucis en revanche, c'est que maintenant l'avatar depasse sur la partie texte de la fenetre, mais aussi que tandis que j'avais imposer un cadre arrondis aux avatars, il y a a gauche deux petits coins blanc !


Voici l'image pour que ca soit plus clair Smile




Edit: c'est le fait de changer le template qui a poser ce probleme, je vous donne ma solution trouvé dans le second post en dessous.



Dernière édition par Leda le Mer 6 Avr 2011 - 14:57, édité 1 fois

Leda
*

Féminin
Messages : 35
Inscrit(e) le : 13/06/2010

http://crepuscule.forumgratuit.org
Leda a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille automatique et unique de l'avatar

Message par Leda le Mer 6 Avr 2011 - 14:56

J'ai trouvé la solution grace au CSS que tu m'as donné.
J'ai modifié un autre CSS qui concernait l'avatar et du coup je n'ai plus eu besoin de modifier le template.
Voici donc mon CSS modifié!
Vous pouvez modifier le tout a votre guise a savoir que -moz-border-radius designe le contour que vous mettez autour de votre avatar. A vous de decider si vous en voulez ou non, et si vous voulez une autre couleur ou non Smile.
Voila voila!
Code:

.postdetails.poster-profile a img {
  width:150px;
  height:300px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 6px solid #101A24;
}

Leda
*

Féminin
Messages : 35
Inscrit(e) le : 13/06/2010

http://crepuscule.forumgratuit.org
Leda a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille automatique et unique de l'avatar

Message par Marec le Ven 8 Avr 2011 - 11:14

tu n'as pas une proposition pour la taille maximale?

j'ai essayé en rajoutant "max-" avant les width et height, mais ca n'a pas fait son effet ^^"

je suis un peu novice dans le domaine, alors ....

Marec
Nouveau membre

Masculin
Messages : 12
Inscrit(e) le : 08/09/2010

http://nom-a-trouver.bbfr.net/
Marec a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille automatique et unique de l'avatar

Message par Leda le Ven 8 Avr 2011 - 14:19

Prend précisement le code que je t'ai donné... enleve juste toute la partie moz-border-radius si tu ne veux pas de contour.

Ca te donnera ca:

.postdetails.poster-profile a img {
width:150px;
height:300px;
}

Moi ca me redimensionne automatiquement tout les avatars aux tailles que je desire. Mais si tu veux juste une taille max autorisé (et non une taille obligatoire) alors fais

.postdetails.poster-profile a img {
max-width:150px;
max-height:300px;
}

et poste le dans ton CSS Smile

Logiquement ca devrait marcher, sinon utilise l'astuce que Olivierscoop m'a donner. Il marche bien, mais a moi il m'ajouter une bordure blanche indesirable avec l'effet que je voulais.

Dis moi si c'est ok Smile

Leda
*

Féminin
Messages : 35
Inscrit(e) le : 13/06/2010

http://crepuscule.forumgratuit.org
Leda a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille automatique et unique de l'avatar

Message par Leda le Ven 8 Avr 2011 - 15:49

Ho... j'oubliais. Ces effets ne marcheront sans doute pas avec IE.
Prefere lui d'autre navigateur comme Firefox Smile

Leda
*

Féminin
Messages : 35
Inscrit(e) le : 13/06/2010

http://crepuscule.forumgratuit.org
Leda a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille automatique et unique de l'avatar

Message par Marec le Lun 11 Avr 2011 - 13:52

erf, merci quand même je préfère garder mon navigateur, et faire un redimensionnement de l'image manuel avec photofiltre

je suis admin tout de même ^^

bref merci encore

Marec
Nouveau membre

Masculin
Messages : 12
Inscrit(e) le : 08/09/2010

http://nom-a-trouver.bbfr.net/
Marec a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum