Code pour faire une ombre en css

Fermé
TE DEUM - 24 sept. 2010 à 19:17
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 25 sept. 2010 à 15:25
Bonjour,

Je voudrais faire apparaitre un "ombrage" entre la page de mon site et l'arrière plan. Je m'explique : https://www.platinapartners.com/ Je voudrais faire comme ce site il y a entre la page blanche et le fond gris une petite ombre entre le fond et la page. Je ne sais pas reproduire cet ombrage! j'utilise des feuilles de style css mais je débute et j'avoue avoir un peu de mal là!

Merci de votre aide.


A voir également:

2 réponses

GameTwo Messages postés 385 Date d'inscription dimanche 11 octobre 2009 Statut Membre Dernière intervention 15 juin 2012 67
24 sept. 2010 à 19:23
Une petite ombre ? Je ne vois rien du tout, désolé...
0
GameTwo Messages postés 385 Date d'inscription dimanche 11 octobre 2009 Statut Membre Dernière intervention 15 juin 2012 67
24 sept. 2010 à 19:25
Tu veut peut-être dire la nuance de gris foncé autour du cadre de la page ?
Ce n'est pas du CSS, il faut simplment faire ça avec un logiciel comme Photofiltre ou encore Gimp, en faite c'est le fond de la page qui est comme ça.
0
Ouai entre le blanc et le gris y a un dégradé de gris. Je voudrais reproduire ça! C'est léger mais ça y est.
Photofiltre et Gimp sont gratuits?
0
zehustler Messages postés 12 Date d'inscription mercredi 22 septembre 2010 Statut Membre Dernière intervention 24 septembre 2010
24 sept. 2010 à 19:40
oui les deux le sont
0
GameTwo Messages postés 385 Date d'inscription dimanche 11 octobre 2009 Statut Membre Dernière intervention 15 juin 2012 67
24 sept. 2010 à 19:41
Oui ils le sont, il y a aussi Photoshop qui est payant je crois, mais qui est exellent.
Sinon Photofiltre Studio est payant, donc prend seulement photofiltre.
0
Ok je vais tentera avec Photofiltre! J'aurais peut-être des questions pour utiliser le logiciel sauf sil il est facile d'utilisation.

Merci.
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
25 sept. 2010 à 15:25
Maintenant qu'IE9 est sur le point de sortir avec un meilleur support des CSS, on peut utiliser le box-shadow en css3.
Bien sûr cela ne fonctionnera pas avec les anciennes versions d'IE, mais il faut inciter les internautes à faire la mise à jour (ce que tu devrais faire aussi en mettant à jour ton IE7...)

La syntaxe css est la suivante (appliquée à un <div id="ombre"> par exemple)

#ombre {
-moz-box-shadow:1px 1px 1px black;
-webkit-box-shadow:1px 1px 1px black;
box-shadow:1px 1px 1px black;  
}


Les -moz et -webkit sont destinés aux navigateurs gecko (firefox, seamonkey) et webkit (safari, chrome), qui ont encore besoin de ces préfixes pour que ça fonctionne.
Les deux premières valeurs sont pour les décalages horizontal et vertical, la 3ème est pour le flou de l'effet d'ombrage.
0