Avatar arrondi
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Avatar arrondi
Bonjour,
Voilà je voudrais que les avatars soient légèrement arrondi...
alors, modification du CSS
xxxxxxxxxxxxx
parce que je ne sais pas quoi mettre à la place...
j'ai fait quelques recherches, et essayer pas mal de truc, mais je bloque
https://forum.forumactif.com/t337951-arrondir-l-avatar?highlight=arrondir+avatar
et puis un autre, qui me met la puce à l'oreille
https://forum.forumactif.com/t293210-contour-de-couleur-et-bord-arrondi-autour-de-l-avatar-avec-template-modifie
car j'ai aussi le template viewtopic_body modifié.... comme suit :
en fait je ne vois pas comment 'appeler' l'avatar dans le CSS pour pouvoir l'arrondir
Avez-vous une idée ?
Merci par avance
Voilà je voudrais que les avatars soient légèrement arrondi...
alors, modification du CSS
- Code:
/*#####ARRONDI AVATAR#####*/
xxxxxxxxxxx
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-m-border-radius: 10px;
border-radius: 10px;
}
xxxxxxxxxxxxx
parce que je ne sais pas quoi mettre à la place...
j'ai fait quelques recherches, et essayer pas mal de truc, mais je bloque
https://forum.forumactif.com/t337951-arrondir-l-avatar?highlight=arrondir+avatar
et puis un autre, qui me met la puce à l'oreille
https://forum.forumactif.com/t293210-contour-de-couleur-et-bord-arrondi-autour-de-l-avatar-avec-template-modifie
car j'ai aussi le template viewtopic_body modifié.... comme suit :
- Code:
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} align="middle" valign="top" width="150">
<div style="position: absolute;"><span style="position: relative; bottom: 2px; right: 4px;">{postrow.displayed.ONLINE_IMG}</span></div>
{postrow.displayed.POSTER_AVATAR}<br>
<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}
{postrow.displayed.RANK_IMAGE}
</span>
<span class="postdetails poster-profile">
<!-- BEGIN profile_field -->
en fait je ne vois pas comment 'appeler' l'avatar dans le CSS pour pouvoir l'arrondir
Avez-vous une idée ?
Merci par avance
Dernière édition par Anya31 le Jeu 27 Sep 2012 - 19:39, édité 1 fois
Re: Avatar arrondi
Bonjour,
Quand vous parlez de l'avatar, vous parlez de l'image ou du cadre de profil
Quand vous parlez de l'avatar, vous parlez de l'image ou du cadre de profil
Re: Avatar arrondi
de l'image
merci
merci
Re: Avatar arrondi
Il est pas possible de modifier l'image en elle même en css
Re: Avatar arrondi
heu si si
alors
avec :
c'est toutes les images qui sont arrondies par exemple
alors
avec :
- Code:
a img {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-m-border-radius: 10px;
border-radius: 10px;
}
c'est toutes les images qui sont arrondies par exemple
Re: Avatar arrondi
enfin on est d'accord : on ne modifie pas l'image en elle mêmeIfreann a écrit:Il est pas possible de modifier l'image en elle même en css
mais son traitement par le navigateur
Re: Avatar arrondi
Bonjour,
Tu peux alléger à ça directement :
-moz-border-radius n'est plus supporté
-m-border-radius n'existe pas
les deux autres sont pris en charge par les versions récentes.
Également, pour cibler l'avatar et non pas toutes les images :
Tu peux alléger à ça directement :
- Code:
border-radius: 10px;
-moz-border-radius n'est plus supporté
-m-border-radius n'existe pas
les deux autres sont pris en charge par les versions récentes.
Également, pour cibler l'avatar et non pas toutes les images :
- Code:
.postdetails a img {
border-radius: 10px;
}
Re: Avatar arrondi
Merci
mais ça ne marche pas
mais ça ne marche pas
Re: Avatar arrondi
Ton forum, c'est bien "touslesloulous" ? Ou un autre ?
Re: Avatar arrondi
oui c'est bien cela
Re: Avatar arrondi
Je vois, le Template a été (mal) modifié.
Juste avant l'avatar, il y a ça qui ne sert stritement à rien :
Et l'avatar n'est plus dans un lien. Il faudrait remodifier ça, ou mettre une classe à un élément autour de l'avatar, sinon il n'y a aucun moyen direct de le cibler.
Juste avant l'avatar, il y a ça qui ne sert stritement à rien :
- Code:
<div style="position: absolute;"><span style="position: relative; bottom: 2px; right: 4px;"></span></div>
Et l'avatar n'est plus dans un lien. Il faudrait remodifier ça, ou mettre une classe à un élément autour de l'avatar, sinon il n'y a aucun moyen direct de le cibler.
Re: Avatar arrondi
l'histoire de ce template, c'est par là :
https://forum.forumactif.com/t292834-le-en-ligne-sur-l-avatar
sinon j'ai effectivement essayé des trucs sur le template
de ce style, sur cet élément :
et donc dans le CSS, d'appeler imageavatar
mais sans succès...
idem dans un div
je n'ai pas essayé dans un div + span
je suis un peu largué là
(et vais au lit lol)
merci de ton aide en tout cas
https://forum.forumactif.com/t292834-le-en-ligne-sur-l-avatar
sinon j'ai effectivement essayé des trucs sur le template
de ce style, sur cet élément :
- Code:
<span class="imageavatar"> {postrow.displayed.POSTER_AVATAR} </span>
et donc dans le CSS, d'appeler imageavatar
mais sans succès...
idem dans un div
je n'ai pas essayé dans un div + span
je suis un peu largué là
(et vais au lit lol)
merci de ton aide en tout cas
Re: Avatar arrondi
Salut Anya31,
dans ta feuille de style il faut ajouter img à la fin de ta class .
a++
dans ta feuille de style il faut ajouter img à la fin de ta class .
- Code:
.imageavata img
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
a++
Invité- Invité
Re: Avatar arrondi
Oui ; sans les deux premières propriétés, border-radius seulement.
Re: Avatar arrondi
Yeah !
ça fonctionne en modifiant le template et indiquant une classe dans un span
et dans le CSS, en appelant la classe indiquée.
Merci Milouze, Manumanu
Pour info, et être un peu moins bête à l'avenir :
- pourquoi préciser img ?
- et pourquoi mettre un point avant la classe ?
Merci
ça fonctionne en modifiant le template et indiquant une classe dans un span
et dans le CSS, en appelant la classe indiquée.
Merci Milouze, Manumanu
Pour info, et être un peu moins bête à l'avenir :
- pourquoi préciser img ?
- et pourquoi mettre un point avant la classe ?
Merci
Re: Avatar arrondi
On précise img parce que c'est sur l'image qu'on veut appliquer l'effet, et le point c'est parce que c'est comme ça qu'on désigne une classe en CSS.
#element c'est pour cibler un id (id="element")
.element c'est pour cibler une classe (class="element")
element c'est pour cibler une balise (<element>)
#element c'est pour cibler un id (id="element")
.element c'est pour cibler une classe (class="element")
element c'est pour cibler une balise (<element>)
Re: Avatar arrondi
Manumanu a écrit:Je vois, le Template a été (mal) modifié.
Juste avant l'avatar, il y a ça qui ne sert stritement à rien :
- Code:
<div style="position: absolute;"><span style="position: relative; bottom: 2px; right: 4px;"></span></div>
Et l'avatar n'est plus dans un lien. Il faudrait remodifier ça, ou mettre une classe à un élément autour de l'avatar, sinon il n'y a aucun moyen direct de le cibler.
Si ce code me sert, il me positionne le "enligne" comme il faut
- Code:
<div style="position: absolute;"><span style="position: relative; bottom: 2px; right: 4px;">{postrow.displayed.ONLINE_IMG}</span></div>
Re: Avatar arrondi
Ok, effectivement je les voyais juste vide en regardant le code directement.
Re: Avatar arrondi
Manumanu a écrit:On précise img parce que c'est sur l'image qu'on veut appliquer l'effet, et le point c'est parce que c'est comme ça qu'on désigne une classe en CSS.
#element c'est pour cibler un id (id="element")
.element c'est pour cibler une classe (class="element")
element c'est pour cibler une balise (<element>)
Ha ben merci beaucoup pour ces précisions
Sujets similaires
» Contour de couleur et bord arrondi autour de l'avatar (avec template modifié)
» Nouveauté "Avatar du dernier posteur dans les derniers messages''.. réduire la grosseur de l'avatar...
» Avatar du dernier posteur arrondi
» Avatar spécifique pour les personnes sans avatar.
» Cadre arrondi autour de l'avatar.
» Nouveauté "Avatar du dernier posteur dans les derniers messages''.. réduire la grosseur de l'avatar...
» Avatar du dernier posteur arrondi
» Avatar spécifique pour les personnes sans avatar.
» Cadre arrondi autour de l'avatar.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum