Partager vos
astuces Déco
Posez votre question Signaler

Ombrage ou 3D

nov - Dernière réponse le 24 janv. 2007 à 22:14
bonjour,j'aurai voulu savoir ,est il possible de donner un effet 3D ou de l'ombrage avec les css,mon site comprend une entete un menu à gauche ,le contenu à droite et un pied de page et j'aurai voulu qu'il y ait un peu de relief car je le trouve plat en 2D!
merci
Lire la suite 

Ombrage ou 3D »

Suggestions
Plus
8 réponses
Réponse
+0
moins plus
Gihef 5246Messages postés 20 juillet 2005Date d'inscription 18 janv. 2007 à 16:35
Bonjour,

L'ombrage est prévu, mais peu de navigateurs le rendent.

Ça se fait avec text-shadow.

Voilà* ce que ça peut donner avec, par exemple
text-shadow : 5px 5px 8px #444;



* 1 dans Safari
  2 dans Firefox

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
nov 19 janv. 2007 à 09:36
merci pour ta réponse.Je suppose que ça s'utilise que pour le texte moi ,je voudrais l'appliquer à une balise div.
Et IE7 ne le prend pas en compte?

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Gihef 5246Messages postés 20 juillet 2005Date d'inscription 19 janv. 2007 à 21:43
“Et IE7 ne le prend pas en compte?”
 ???
Je n'en sais rien.

Après ton complément d'information, je crois avoir compris.
Je te propose cet exemple.

Pour obtenir un effet d'ombrage, on est obligé (à ma connaissance) d'utiliser des images. Images qu'on place dans la feuille de styles (“avec les css”) en arrière-plan des blocs qu'on veut ombrer.

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
nov 22 janv. 2007 à 14:44
merci pour vos réponses.
En fait gihef,c'est presque ça que je voudrais faire mais qu'il s'applique à la page web c'est à dire au carré(conteneur) que tu as fait derriere ton exemple mais à l'exterieur,c'est possible?sachant que j'ai déjà une image d'arriere plan qui se répète.J'ai essayé de l'appliquer à ma page web mais sans succès soit il me le met à l'interieur (et non pas à l'extérieur) sois j'arrive à le mettre à l'extérieur mais il m'enleve mon arriere plan que j'avais.
je ne sais pas si je me suis bien exprimé cette fois ci...

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Gihef 5246Messages postés 20 juillet 2005Date d'inscription 22 janv. 2007 à 15:32
“c'est possible?”
Ça l'est. Même s'il faut “ruser”.

Mais il faudrait savoir :
“une image d'arriere plan qui se répète”
Dans le conteneur ou sur la page elle-même, dans la fenêtre entière ?

Cette image d'arrière-plan, elle est comment ?
On peut la voir ?

Parce que, en fonction de son apparence et de sa position, on s'y prendra différemment.


+ Le mieux serait qu'on puisse voir la page elle-même.

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
nov 23 janv. 2007 à 15:53
voici l'image de mon site auquel ,j'ai rajouté un effet ombre portée sous photoshop,c'est possible d'avoir le meme rendu?
http://animrds.site.voila.fr/site.jpg
j'ai également essayé de rajouter une bordure autour du document à l'aide de border:1 solid #000;
ça marche bien pour firefox mais pas correctement pour IE,celui ci me place le contenu de la page sous le menu...comment ça se fait que ça change completement ma page?y a t il une astuce pour que IE l'affiche correctement?
merci d'avance

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Gihef 5246Messages postés 20 juillet 2005Date d'inscription 24 janv. 2007 à 22:14
C'est difficile de répondre comme ça.
Il faudrait savoir comment c'est fait.
Si les dimensions sont fixes ou si la taille s'adapte…

“pas correctement pour IE”
IE7 a fait des progrès. Il doit certainement maintenant prendre en compte toutes les dimensions. Et le fait d'ajouter des bordures ajoute des pixels. Le contenu devient trop large et est chassé (?)

“Le mieux serait qu'on puisse voir la page elle-même.” Pas une copie d'écran ou autre.

Ajouter un commentaire
Ajouter un commentaire
Réponse
-1
moins plus
king 19 janv. 2007 à 22:36
En fait IE prend en compte, c'est Firefox qui ne prend pas en compte.

Page présentant la chose:
http://fr.selfhtml.org/css/proprietes/filtres_ms.htm

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « ombrage ou 3D » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook