Ajouter de l'ombrage sur le cadre des avatars
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Ajouter de l'ombrage sur le cadre des avatars
Bonjour!^^
Alors voici mon problème:
J'ai créé un contour autour des avatars sur ma feuille CSS et il fonctionne très bien, mais j'aimerais avoir un ombrage sur le cadrage. J'aimerais donc modifier le code CSS pour avoir le résultat avec ombrage. Est-ce possible et si oui, comment? Un énorme merci à la personne qui me répondra! =)
Voici mon code CSS pour le cadrage :
Alors voici mon problème:
J'ai créé un contour autour des avatars sur ma feuille CSS et il fonctionne très bien, mais j'aimerais avoir un ombrage sur le cadrage. J'aimerais donc modifier le code CSS pour avoir le résultat avec ombrage. Est-ce possible et si oui, comment? Un énorme merci à la personne qui me répondra! =)
Voici mon code CSS pour le cadrage :
- Code:
/* CONTOUR AVATAR */
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 10px solid #77b2b9;
}
Dernière édition par Dixon le Lun 14 Fév 2011 - 18:14, édité 1 fois
Re: Ajouter de l'ombrage sur le cadre des avatars
Bonsoir,
Essayez avec ceci:
Cordialement.
Essayez avec ceci:
- Code:
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 10px solid #77b2b9;
-moz-box-shadow: 8px 8px 8px #000;}
Cordialement.
Invité- Invité
Re: Ajouter de l'ombrage sur le cadre des avatars
Bonjour!^^ J'ai essayé le code proposé et ça ne fonctionne pas. J'ai Google Chrome et je ne vois pas de différence, ni sur Opéra, ni sur Explorer. est-ce que ce genre de code ne fonctionne qu'avec Mozilla Firefox?
Re: Ajouter de l'ombrage sur le cadre des avatars
Bonjour,
Oui le code que j'ai donné ne fonctionne que pour firefox. J'ai réussi à obtenir l'affichage sous Opéra11.
Cordialement.
Oui le code que j'ai donné ne fonctionne que pour firefox. J'ai réussi à obtenir l'affichage sous Opéra11.
- Code:
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-bottom-left-radius:15px;
border-bottom-right-radius-:15px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border: 10px solid #77b2b9;
-moz-box-shadow: 8px 8px 8px #000;
box-shadow: 8px 8px 8px #000;}
Cordialement.
Invité- Invité
Re: Ajouter de l'ombrage sur le cadre des avatars
Isolde a écrit:Bonjour,
Oui le code que j'ai donné ne fonctionne que pour firefox. J'ai réussi à obtenir l'affichage sous Opéra11.
- Code:
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-bottom-left-radius:15px;
border-bottom-right-radius-:15px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border: 10px solid #77b2b9;
-moz-box-shadow: 8px 8px 8px #000;
box-shadow: 8px 8px 8px #000;}
Cordialement.
Faux ! ^^
Voici le code pour firefox, chrome et opéra normalement :
- Code:
/* CONTOUR AVATAR */
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 10px solid #77b2b9;
-moz-border-shadow: #000 0px 0px 8px;
-webkit-border-shadow: #000 0px 0px 8px;
-border-shadow: #000 0px 0px 8px;
}
Si l'ombre ne fonctionne pas sous opéra, essayer d'enlever le " - " du début de " -border-shadow: " !
Normalement, ça devrait fonctionner
kalyon- Membre habitué
-
Messages : 1079
Inscrit(e) le : 20/05/2009
Re: Ajouter de l'ombrage sur le cadre des avatars
Bonjour,
Avant de poster, je m'assure toujours que mon code fonctionne. Il est vrai que j'ai laissé un malheureux" - " de trop à la fin d'un radius. Mais le code que j'ai donné fonctionne sous opéra et firefox.
Cordialement.
Avant de poster, je m'assure toujours que mon code fonctionne. Il est vrai que j'ai laissé un malheureux" - " de trop à la fin d'un radius. Mais le code que j'ai donné fonctionne sous opéra et firefox.
- capture du résultat:
Cordialement.
Invité- Invité
Re: Ajouter de l'ombrage sur le cadre des avatars
Oooooh merci!!!! Tu me sauves tellement la vie!
Ça fonctionne super bien! T'es trop génial! Merci encore! <3
Ça fonctionne super bien! T'es trop génial! Merci encore! <3
Re: Ajouter de l'ombrage sur le cadre des avatars
Isolde a écrit:Bonjour,
Avant de poster, je m'assure toujours que mon code fonctionne. Il est vrai que j'ai laissé un malheureux" - " de trop à la fin d'un radius. Mais le code que j'ai donné fonctionne sous opéra et firefox.Pour ce qui est d'IE, je n'ai que IE8 qui ne veut rien entendre en terme de CSS ... et pour chrome, je ne parviens toujours pas à obtenir l'ombre.
- capture du résultat:
Cordialement.
Bonjour,
Je ne m'adressais pas a toi concernant le " - ", je parlais de mon code a moi
Edit: en effet, il y as un " - " de trop dans ton code, c'est un pur hazard, je ne l'avais même pas remarqué ^^
kalyon- Membre habitué
-
Messages : 1079
Inscrit(e) le : 20/05/2009
Sujets similaires
» Cadre autour des avatars et avatars obliques
» Cadre autour des avatars disparu
» Problème de cadre des avatars
» Ombrer les avatars dans un cadre (CSS)
» Supprimer cadre autour des avatars
» Cadre autour des avatars disparu
» Problème de cadre des avatars
» Ombrer les avatars dans un cadre (CSS)
» Supprimer cadre autour des avatars
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum