Contour ombré pour avatar.
2 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
Contour ombré pour avatar.
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...
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:
.
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 !
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...
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
Re: Contour ombré pour avatar.
Bonsoir,
As tu essayé ceci? (chez moi ca marche niquel )
Viel Glück!
As tu essayé ceci? (chez moi ca marche niquel )
- 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!
Re: Contour ombré pour avatar.
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:
Peut-être une question de réglage? Je n'y connais franchement pas grand chose ..
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 ..
Re: Contour ombré pour avatar.
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 .
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:
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;
}
Re: Contour ombré pour avatar.
Ah ça se rapproche!
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
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.
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
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.
Re: Contour ombré pour avatar.
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:
Pas besoin de bidouiller maintenant qu'il y a les codes .
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 .
Re: Contour ombré pour avatar.
Oui c'est super comme ça !
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 !
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! ^^
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 !
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! ^^
Sujets similaires
» Avatar avec ombre en Cercle pour Invision
» Contour pour avatar invité
» Code pour contour de l'avatar.
» Contour arrondi et ombré
» Contour du forum ombré en phpbb3 ?
» Contour pour avatar invité
» Code pour contour de l'avatar.
» Contour arrondi et ombré
» Contour du forum ombré en phpbb3 ?
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