Contour ombré pour avatar.

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

  • 0

Résolu Contour ombré pour avatar.

Message par Bloodhomen le Ven 7 Jan 2011 - 1:37

Bonjour !

Je viens juste de m'inscrire sur le forum car ça doit être la première fois que je ne trouve pas, en fouillant dans tous les sujets déjà créés, de réponse à ma question... Donc excusez ma maladresse si ce sujet a déjà été abordé ou autre... Embarassed

Voilà, je travaille actuellement sur un nouveau thème pour mon forum (le forum lié à mon profil est mon forum de test) et j'aimerais ajouter un contour ombré aux avatars.
Après quelques recherches j'ai trouvé ceci:

.
Code:
postdetails.poster-profile a img {
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
border: 10px solid #38a5ff;
}

Le code fonctionne mais donne un contour solide. Je suppose que la mention "solid" à la dernière ligne y est pour quelque chose... Mais je ne sais pas par quoi il fait le remplacer pour obtenir un contour qui va en s'atténuant. J'ai bien essayé avec "shadow" mais ça ne fonctionne pas.

Quelqu'un pourrait donc m'éclairer sur les mots à saisir pour les différentes apparences de cadre?

Merci bien !


Dernière édition par Bloodhomen le Dim 9 Jan 2011 - 17:17, édité 1 fois

Bloodhomen
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 07/01/2011

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

Résolu Re: Contour ombré pour avatar.

Message par Izumi375 le Ven 7 Jan 2011 - 2:47

Bonsoir,

As tu essayé ceci? (chez moi ca marche niquel Wink)

Code:
.postdetails.poster-profile a img {
-moz-box-shadow: Xpx Xpx Xpx #38a5ff;
-webkit-box-shadow: Xpx Xpx Xpx #38a5ff;
box-shadow: Xpx Xpx Xpx #38a5ff;

}

Viel Glück!

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Contour ombré pour avatar.

Message par Bloodhomen le Ven 7 Jan 2011 - 3:13

Merci pour la réponse!
L'effet est bon en lui même, c'est ce que je recherche, cependant il y a un problème: le cadre ombré semble trop petit par rapport à l'avatar, il n'entoure que deux côtés et pas en entier. J'ai essayé de diminuer la taille de l'avatar mais ça ne change rien...

Voilà ce que ça donne:

Spoiler:

Peut-être une question de réglage? Je n'y connais franchement pas grand chose ..

Bloodhomen
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 07/01/2011

http://rthertherghe.forumgratuit.org/forum
Bloodhomen a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Contour ombré pour avatar.

Message par Izumi375 le Ven 7 Jan 2011 - 3:32

En fait ca n'a rien a voir avec la taille de ton image réduis là autant que tu veux ca ne changera rien Wink.

La première valeur est le décalage vers la droite la deuxième vers le bas et la troisième c'est pour le contour.
Essaye ça:

Code:
.postdetails.poster-profile a img {
-moz-box-shadow: 1px 1px 20px #38a5ff;
  -webkit-box-shadow: 1px 1px 20px #38a5ff;
  box-shadow: 1px 1px 20px #38a5ff;

}

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour ombré pour avatar.

Message par Bloodhomen le Ven 7 Jan 2011 - 4:01

Ah ça se rapproche! Razz
J'ai l'impression que c'est encore un poil plus petit. J'ai essayé de bidouiller les chiffres mais il n'y a rien qui change, je ne sais pas comment tu fais Laughing

A la rigueur il y aurait possibilité de coupler ce contour ombré avec un petit contour solide? Que ça fasse cadre solide qui s'estompe. J'en demande peut-être beaucoup, désolé. C'est aussi peut-être parce que le cadre est encore un peu trop petit que ça donne l'impression d'être en dessous de l'image.

Bloodhomen
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 07/01/2011

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

Résolu Re: Contour ombré pour avatar.

Message par Izumi375 le Ven 7 Jan 2011 - 20:48

hum...

Je ne comprends pas tu trouves ça trop petit ou pas assez intense?
Ou les deux...

Pas grave je vais considérer la dernière option!
Donc pour la taille du contour (comme tu l'as dit, fais gaffe à ton cadre, c'est pas très esthétique...) c'est la troisième valeur. Pour le rendre plus intense on ajoute une quatrième valeur. (tiens, pourquoi j'ai mis 1 à la place de 0 dans le code que j'ai donné ><?)

Bref essaye ça:

Code:
.postdetails.poster-profile a img {
-moz-box-shadow: 0px 0px 30px 5px #38a5ff;
-webkit-box-shadow: 0px 0px 30px 5px #38a5ff;
box-shadow: 0px 0px 30px 5px #38a5ff;

}

Pas besoin de bidouiller maintenant qu'il y a les codes Wink.

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour ombré pour avatar.

Message par Bloodhomen le Ven 7 Jan 2011 - 21:08

Oui c'est super comme ça ! Smile
Je tenterais d'ajouter un effet de transparence sur les avatars pour voir ce que ça donne, et aussi tenter d'élargir la colonne des profils pour que l'ombre ne chevauche pas le contour du forum, je vais essayer de trouver mon bonheur dans les topics déjà crées!

Merci pour ton aide précieuse ! Flowers2

EDIT: Voilà ! La largeur de la colonne des profil a été modifiée et la transparence de l'avatar est installée. Ça correspond à l'idée que j'en avais ! Seul bémol: la translucidité s'applique aussi au contour ombré de l'avatar. Vous voyez une solution? Sinon ça restera comme ça, tant pis! ^^

Bloodhomen
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 07/01/2011

http://rthertherghe.forumgratuit.org/forum
Bloodhomen 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