Dégradé en arrière plan

makis · Message par **makis** » 13 janv. 2009, 15:09

Bonjour,

je cherche un moyen de mettre en arrière plan de ma page une couleur dégradée de haut vers le bas.
Est ce que quelqu'un a une idée?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

calimo · Message par **calimo** » 13 janv. 2009, 15:45

Voir http://www.geckozone.org/forum/viewtopic.php?t=55281

(ce sera le userContent.css)

pirlouy · Message par **pirlouy** » 13 janv. 2009, 18:30

Ou alors c'est du développement de site web, et ce n'est pas la bonne section.

Message par **jpj** » 13 janv. 2009, 22:27

Bonsoir,

makis a écrit : de ma page une couleur dégradée de haut vers le bas.

De quelle page parles-tu. Celle de n'importe quel site ou celle de ton site personnel, celui dont tu es le webmestre.

Invité · Message par **Invité** » 14 janv. 2009, 12:23

j'ai écris une page dans laquelle j'aimerai mettre dans mon style en arrière plan une dégradé. je l'ai sur iexplorer mais je n'arrive pas sur firefox.

cordialement

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

teoli2003 · Message par **teoli2003** » 14 janv. 2009, 13:07

Tu as utilisé quelle balise html?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 Ubiquity/0.1.3rc6

makis · Message par **makis** » 14 janv. 2009, 13:29

J'ai quelque chose pareil qui fonctionne sur iexplorer et pas sur firefox.

Code : Tout sélectionner

<body  style="filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#FFFFFF',EndColorStr='#000000')">

contenu
</body>

je cherche si il y a un moyen de le faire aussi sur firefox et comment.

cordialement

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

teoli2003 · Message par **teoli2003** » 14 janv. 2009, 13:36

Ah mais c'est du Microsoft-only-pas-standard. Cela ne va marcher que sur IE, et pas sur les autres navigateurs Fx, Chrome, Safari, Opera.

Je ne sais pas s'il y a un équivalent standard. Mais le fil doit être déplacer sous développement Web là où les spécialistes se trouvent.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 Ubiquity/0.1.3rc6

Asumbaa · Message par **Asumbaa** » 14 janv. 2009, 13:49

Salut,

C'est en effet Microsoft-only (c'est d'ailleurs écrit dedans).
En standard, utiliser une image de fond.

(il faudra déplacer en Dev Web, oui)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0

zavko · Message par **zavko** » 16 janv. 2009, 20:55

C'est évidemment possible en utilisant cette balise

Code : Tout sélectionner

body {
background: #fff url(URLdeimagedefond) left top repeat-y;
}

Pour avoir un dégradé, il suffit de créer une image de 1 ou 2 pixels de large et autant de pixels que tu le voudra de hauteur d'appliquer le dégradé sur celle-ci.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

Geckozone

Dégradé en arrière plan

Dégradé en arrière plan

Re: Dégradé en arrière plan

Qui est en ligne ?