Degrade de couleur

Degrade de couleur - HTML/CSS - Programmation

Marsh Posté le 23-08-2005 à 20:38:24    


 
 
Salut, voici un code que javais recuperé je ne sais plus trop ou...
 
<BODY style="float: right" style="FILTER:  
progid:DXImageTransform.Microsoft.GRADIENT(startColorstr=#FFFFFF  
,endColorstr=#7189AB ,gradientType=0" bgColor=#7189AB scroll=yes>
<div id="masthead">
 
Il permet de faire un arriere plan en couleur en degradé...
 
Pratique mais j'ai remarqué que sous IE, il fonctionne et que sous Firefox, il ne fonctionne pas, il y a que la couleur de fin qui s'affiche.
 
Pourquoi ? Est-ce un mauvais code ? Merci ! :)

Reply

Marsh Posté le 23-08-2005 à 20:38:24   

Reply

Marsh Posté le 23-08-2005 à 20:39:47    

[:petrus75]
 
DXImageTransform.Microsoft.GRADIENT
 
d'autres questions stupides [:petrus dei]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-08-2005 à 20:40:09    

...;

Reply

Marsh Posté le 23-08-2005 à 20:58:08    


 
Hum on est pas tous excellents je présume.. j'avais vu ca sur un forum quelconque..dsl je suis bete..
 
Sympa  :o  
 

Reply

Marsh Posté le 23-08-2005 à 21:10:34    

Lukan a écrit :

dsl je suis bete..


Disons plutôt que tu as manqué d'attention sur le coup et restons en là, mais ne recommencez pas monsieur, la prochaine fois c'est la fosse aux lions :o


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-08-2005 à 14:36:59    

Faire un degradé avec un logiciel de photo quelconque ,
 
Pour un débradé vertical :
 
 l'enregistrer en le réduisant en taille Largeur 1 px   x 1500 hauteur (par exemple) ,
 
 le ftper
 
puis htlmiser ton code
 

 
<STYLE>
body{  
background-color:#FFFFFF;  
background-image:url(TON FICHIER GIF OU PNG);  
background-position: top left;  
background-repeat: repeat-x }
</STYLE>

 
Pour un décradé horizontal avec logiciel photo .
 
 
l'enregistrer en le réduisant en taille Largeur 1000 (par exemple )x 1 px hauteur
 
 le ftper
 
puis htlmiser ton code
 

<STYLE>
body{  
background-color:#FFFFFF;  
background-image:url(TON FICHIER GIF OU PNG);  
background-position: top left;  
background-repeat: repeat-y }
</STYLE>

 
 
exemple :
 
http://livedji.free.fr/POURHRF


Message édité par livedji le 24-08-2005 à 14:46:14
Reply

Marsh Posté le 24-08-2005 à 16:25:16    

Exact mais sache que ces 4 "lignes" peuvent être condensées en une seule :
 
background: url(/comm/enterprise/images/fond_rubriques.png) top left repeat-y #E9FAFE;
 
Après, mais c'est personnel, une image de 1500px pfff... à mon avis, mieux vaut en faire une beaucoup plus petite qui part en fondu vers la couleur de background. Aucun problème si redimensionnement.

Reply

Marsh Posté le 24-08-2005 à 16:29:42    

Beral2 a écrit :

Exact mais sache que ces 4 "lignes" peuvent être condensées en une seule :
 
background: url(/comm/enterprise/images/fond_rubriques.png) top left repeat-y #E9FAFE;


Couleur en premier :o :o :o


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed