Encadrement avatar

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 le 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

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
**

Masculin
Messages : 85
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 le 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
****

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

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

Résolu Re: Encadrement avatar

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

Hello Ange Tuteur

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

Ocawina
**

Masculin
Messages : 85
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 le Mar 31 Déc 2013 - 2:14

enlever ' 1. '

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

Ange Tuteur
****

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

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

Résolu Re: Encadrement avatar

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

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

Ocawina
**

Masculin
Messages : 85
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 le 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
*

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 le 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
**

Masculin
Messages : 85
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 le 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
*

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 le Mar 31 Déc 2013 - 14:22

Envoyer quoi ? ^^

Ocawina
**

Masculin
Messages : 85
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 le Mar 31 Déc 2013 - 14:31

l'image que tu as mis c'est celle que tu veux encadrer
comme cela

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é le 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;
}

Invité
Invité


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

Résolu Re: Encadrement avatar

Message par Ocawina le 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
**

Masculin
Messages : 85
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 le 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
**

Masculin
Messages : 85
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é le 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;
}

Invité
Invité


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

Résolu Re: Encadrement avatar

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

Même résultat :'(

Dans panneau de configuration
Spoiler:

Dans le forum
Spoiler:

Ocawina
**

Masculin
Messages : 85
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é le Mar 31 Déc 2013 - 17:15

Bonjour,

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

Invité
Invité


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

Résolu Re: Encadrement avatar

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

._.

Dans le panneau de configuration
Spoiler:

Dans le forum
Spoiler:

 Sad 

Ocawina
**

Masculin
Messages : 85
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 le 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
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 le Mar 31 Déc 2013 - 17:59

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

Ocawina
**

Masculin
Messages : 85
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é le 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;
}

Invité
Invité


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

Résolu Re: Encadrement avatar

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

Re,

Et avec lequel vous visionnez vos modifications border ?

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 le 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
**

Masculin
Messages : 85
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é le Mar 31 Déc 2013 - 18:04

Bonsoir,

Pourtant chez moi ça marche ^^
http://opium-crocoburio.forumactif.org/t2185-ouverture-des-geoles-de-la-rayconciliation

Merci

Invité
Invité


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

Résolu Re: Encadrement avatar

Message par Ocawina le 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
**

Masculin
Messages : 85
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é le Mar 31 Déc 2013 - 18:16

Bonjour,

http://zupimages.net/up/13/01/mu21.png

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

Invité
Invité


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

Résolu Re: Encadrement avatar

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

Re,

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

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 le 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
**

Masculin
Messages : 85
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é le Mar 31 Déc 2013 - 18:28

Bonsoir,

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

Invité
Invité


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

Résolu Re: Encadrement avatar

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

Vraiment bizarre, je ne vois rien sur Firefox Surprised

Edit : Ah oui en effet x)

Ocawina
**

Masculin
Messages : 85
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 le 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
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


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