OVH Cloud OVH Cloud

Effet de dégradé sans images

4 réponses
Avatar
Sylvain
Bonjour à tous,

J'aimerai intégré dans mon application web des zones contenant des dégradés
de couleurs.
J'ai vu que cela était possible sans utiliser d'images. Par exemple le
dégradé bleu du newsgroup.
Par contre je ne sais pas comment faire. Quelqu'un pourrait il m'éclairer ?

Merci d'avance.
--
Sylvain Duvernay

4 réponses

Avatar
RAVAILLE James
Bonjour,

Pour appliquer un effet dégradé sur une page Web (bleu -> blanc) :
<body
style="FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#0D5EA3, endColorStr=#FFFFFF, gradientType=1)">
</body>

gradientType vous permet de définir l'orientation du dégradé. 1 -> Horizontal.


Aussi, vous pouvez appliquer ce style sur un tableau, une ligne d'un
tableau, une cellule...


Cordialement,

--
James RAVAILLE.
MCAD .NET et MCT .NET
http://www.certifdotnet.com


"Sylvain" a écrit :

Bonjour à tous,

J'aimerai intégré dans mon application web des zones contenant des dégradés
de couleurs.
J'ai vu que cela était possible sans utiliser d'images. Par exemple le
dégradé bleu du newsgroup.
Par contre je ne sais pas comment faire. Quelqu'un pourrait il m'éclairer ?

Merci d'avance.
--
Sylvain Duvernay



Avatar
Fred
Dans le message:,
RAVAILLE James écrit:
Bonjour,



Bonjour,

Pour appliquer un effet dégradé sur une page Web (bleu -> blanc) :
<body
style="FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#0D5EA3,
endColorStr=#FFFFFF, gradientType=1)"> </body>



À noter que «filter» est propre à IE.
La page des newsgroups (pour reprendre l'exemple de Sylvain) est rendue
avec une image sous FF.


--
Fred
http://www.cerbermail.com/?3kA6ftaCvT
Avatar
Sylvain
Salut Fred,

Pourrais tu me donner plus de précisions...voir un exemple si c'est possible.
Merci beaucoup pour ton aide
--
Sylvain Duvernay

"Fred" a écrit :

Dans le message:,
RAVAILLE James écrit:
> Bonjour,

Bonjour,

> Pour appliquer un effet dégradé sur une page Web (bleu -> blanc) :
> <body
> style="FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#0D5EA3,
> endColorStr=#FFFFFF, gradientType=1)"> </body>

À noter que «filter» est propre à IE.
La page des newsgroups (pour reprendre l'exemple de Sylvain) est rendue
avec une image sous FF.


--
Fred
http://www.cerbermail.com/?3kA6ftaCvT




Avatar
Fred
Dans le message:,
Sylvain écrit:
Salut Fred,

Pourrais tu me donner plus de précisions...voir un exemple si c'est
possible. Merci beaucoup pour ton aide



L'exemple donné par James fait ce que tu demandes.
Pour plus d'exemples et si tu as la msdn library installée sur ton post,
fais une recherche avec «Visual filters»
Ou alors, en ligne, ici :
http://msdn.microsoft.com/workshop/author/filter/reference/reference.asp

Ce style CSS n'est pas un standard donc je ne connais pas de solutions
avec d'autres navigateurs que d'utiliser une image (elle peut faire 1
pixel de haut - ou de la large et être répétée).

--
Fred
http://www.cerbermail.com/?3kA6ftaCvT