Encadrement avatar

5 participants

Page 1 sur 2 1, 2  Suivant

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

Résolu Encadrement avatar

Message par Ocawina Dim 29 Déc 2013 - 16:43

Bonjour forumactif !


Je voulais savoir s'il était possible de modifier l'encadrement des images de profil ?
L'encadrement actuel est comme ceci Encadrement avatar Image_12

J'aimerais avoir une bulle/cercle à la place de ce rectangle.

Est-ce possible ?
Si oui, comment ?


Dernière édition par Ocawina le Mer 1 Jan 2014 - 17:18, édité 1 fois
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Ange Tuteur Dim 29 Déc 2013 - 21:15

Bonsoir Ocawina,

Essayer en ajoutant ce CSS :
Panneau d'administration > Affichage > Couleurs > Feuille de style CSS
Code:
.poster-profile br + img { border-radius:50%; }
Ange Tuteur

Ange Tuteur
****

Masculin
Messages : 482
Inscrit(e) le : 16/11/2013

https://fmdesign.forumotion.com
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Ocawina Lun 30 Déc 2013 - 14:14

Hello Ange Tuteur

J'ai copier/coller le code, rien ne se passe :/
Spoiler:
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Ange Tuteur Mar 31 Déc 2013 - 2:14

enlever ' 1. '

.poster-profile br + img { border-radius:50%; }
Ange Tuteur

Ange Tuteur
****

Masculin
Messages : 482
Inscrit(e) le : 16/11/2013

https://fmdesign.forumotion.com
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 12:07

C'est fait et je n'ai pas remarqué de changement :'(
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Yurltahz Mar 31 Déc 2013 - 13:43

 salut 
as-tu essayer de la modifier sur un logiciel de retouche et tu la télécharges sur ton forum
 salut 
Yurltahz

Yurltahz
*

Messages : 32
Inscrit(e) le : 12/02/2012

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

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 14:06

Pour mon image de profil ?
Non du tout, je l'ai prise tel qu'elle, en l'enregistrant, puis en la téléchargent sur le forum.
Mais le cadre reste le même pour tout les inscrits du forum, pas que pour moi :/
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Yurltahz Mar 31 Déc 2013 - 14:11

tu peux me l'envoyer si tu m'autorises à voir ce que je peux faire
si cela peut t'aider
Yurltahz

Yurltahz
*

Messages : 32
Inscrit(e) le : 12/02/2012

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

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 14:22

Envoyer quoi ? ^^
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Yurltahz Mar 31 Déc 2013 - 14:31

l'image que tu as mis c'est celle que tu veux encadrer
comme cela
Encadrement avatar Amaj11
Yurltahz

Yurltahz
*

Messages : 32
Inscrit(e) le : 12/02/2012

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

Résolu Re: Encadrement avatar

Message par Invité Mar 31 Déc 2013 - 16:07

Bonjour,

Mettez ceci dans votre CSS :

Code:
#profile-advanced-right .module .inner div img, .postprofile dt img {
    border-radius: 15px;
}
Anonymous

Invité
Invité


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

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 16:08

Sans le cadre et l'effet loupe ce serait top ^^"  C'est ce que je recherche en tout cas, tu l'as compris

Mais faire image par image demandera beaucoup trop de temps, puis si jamais une personne ou plusieurs, change d'image de profil, bah il retrouvera sa forme rectangulaire. Ce qui voudra dire que je vais devoir re-faire son image de profil avec un cadre rond.

C'est pour cela que je recherche un code, s'il existe, afin de rendre le cadre de toute les images de profil, rondes et non plus rectangulaire, de manière automatique et non manuel ^^"

Merci d'essayer en tout cas, c'est cool Smile

Salut Crème, j'essaye ça tout de suite ! merci
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 16:15

Je ne sais pas si j'ai bien copier/coller ton code Crème, voici en image ce que ça donne :/ :

Dans panneau de configuration
Spoiler:

Dans le forum
Spoiler:
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Invité Mar 31 Déc 2013 - 16:42

Bonjour,

Réessayez avec ce code :

#profile-advanced-right .module .inner div img, .postprofile dt img {
border-radius: 15px;
}
Anonymous

Invité
Invité


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

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 17:08

Même résultat :'(

Dans panneau de configuration
Spoiler:

Dans le forum
Spoiler:
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Invité Mar 31 Déc 2013 - 17:15

Bonjour,

Et avec celui là :
Code:
.postdetails img {
      border-radius: 15px;
      }
Anonymous

Invité
Invité


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

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 17:41

._.

Dans le panneau de configuration
Spoiler:

Dans le forum
Spoiler:

 Sad 
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Oliver-HCR Mar 31 Déc 2013 - 17:49

Bonsoir,

Il aurait été bon de savoir qu'elle était votre navigateur, puisque certains navigateurs ne prennent pas en charge les " border-radius "
Oliver-HCR

Oliver-HCR
Nouveau membre

Messages : 5
Inscrit(e) le : 08/10/2013

http://www.hamster-russe.fr/
Oliver-HCR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 17:59

J'en ai 2 à ma disposition : Safari ainsi que Firefox (inscrits dans ma fiche de profil ^^)
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Invité Mar 31 Déc 2013 - 18:00

Bonsoir,

Je pense que la balise code à un gros problème mettez celui là :
.postdetails img {
border-radius: 15px;
}
Anonymous

Invité
Invité


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

Résolu Re: Encadrement avatar

Message par Oliver-HCR Mar 31 Déc 2013 - 18:01

Re,

Et avec lequel vous visionnez vos modifications border ?
Oliver-HCR

Oliver-HCR
Nouveau membre

Messages : 5
Inscrit(e) le : 08/10/2013

http://www.hamster-russe.fr/
Oliver-HCR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 18:03

J'ai oublié la politesse ._.
Bonsoir !

@Olivier-HCR : Firefox ^^

@Crème : Je pense aussi.
Les résultats sont les même qu'au-dessus :/
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Invité Mar 31 Déc 2013 - 18:04

Anonymous

Invité
Invité


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

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 18:15

Si tu peux prendre un screen Crème, car je vois toujours des carrés/rectangles x)
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Invité Mar 31 Déc 2013 - 18:16

Bonjour,

https://www.zupimages.net/up/13/01/mu21.png

Avez-vous pensé à vider le cache et faire CTRL+F5
Anonymous

Invité
Invité


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

Résolu Re: Encadrement avatar

Message par Oliver-HCR Mar 31 Déc 2013 - 18:19

Re,

Mettez ceci:
Code:
.poster-profile img{
  border-radius:50px;
}
Oliver-HCR

Oliver-HCR
Nouveau membre

Messages : 5
Inscrit(e) le : 08/10/2013

http://www.hamster-russe.fr/
Oliver-HCR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 18:27

J'ai vidé le cache de mon navigateur (Firefox) je ne vois aucun changement
Mais je suis aller sur le forum avec mon portable qui utilise Internet Explorer, là je vois les changements.
Les membres du forum en questions voient la même chose que ce que je vois sur mon portable, et toi aussi Crème.

Je vais appliquer ce code Olivier-HCR
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement avatar

Message par Invité Mar 31 Déc 2013 - 18:28

Bonsoir,

Le code que vous a donné Olivier-HCR c'est le même que Ange Tuteur :/
Anonymous

Invité
Invité


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

Résolu Re: Encadrement avatar

Message par Ocawina Mar 31 Déc 2013 - 18:31

Vraiment bizarre, je ne vois rien sur Firefox Surprised

Edit : Ah oui en effet x)
Ocawina

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Encadrement avatar

Message par Oliver-HCR Mar 31 Déc 2013 - 18:31

Re,

Vous pensez que :

Code:
.poster-profile br + img { border-radius:50%; }

Et le même que le mien:

       
Code:
.poster-profile img{
          border-radius:50px;
        }

Dans le codage, il faut être précis.
Oliver-HCR

Oliver-HCR
Nouveau membre

Messages : 5
Inscrit(e) le : 08/10/2013

http://www.hamster-russe.fr/
Oliver-HCR a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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

- Sujets similaires

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