Tom's Guide > Forum > Programmation > dégradé en CSS

dégradé en CSS

Forum Programmation : dégradé en CSS

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
merlinus   29-12-2005 à 22:43:20

bonjour!!

je voulait savoir si c'était possible de faire un dégradé pour le fond du site avec les feuilles de style???

j'ai un scripte pour le faire directement sur la page html mais sa ne fonctionne pas quand je le mets sur css...

comment faire :-? :-?

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
titou529   29-12-2005 à 23:53:17
- 0 +

Il me semble que c'est pour le moment impossible .. Au pire tu ouvre photshop(ou bien tu telecharge the gimp), tu creer ton degradé sur une image assez grande pour couvrir le fond de ton site puis tu la met en fond avec la propriete : background-image:url(ton_image) ;-)

EDIT : sinon voila ce que j'ai trouvé :

filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=red,endColorStr=#401700);

Tu remplace type:0 pour avoir un effet different ;
StartcolorStr est la premiere couleur du degradé.
Endcolor la deuxieme .

Attention ce script ne marche que sous IE il me semble donc je ne te le conseille pas ;-)

Répondre à titou529
rm-max   31-12-2005 à 00:03:15
- 0 +

C'est tout à fait possible !
C'est d'ailleurs plus logique, car de cette façon, les pages sont moins lourdes, puisque ce n'est que du code et non une image !
Voici le code :

Code :
  1. <body
  2. style="filter:progid:DXImageTransform.
  3. microsoft.Gradient(gradientType=0,Start
  4. ColorStr='#FF0000',EndColorStr='#000
  5. 000')"
  6. >



Tu peux bien entendu selectionner les couleurs que tu veux. Normalement, ce code ce met directement dans le body.
Mais je pense que tu peux le faire en CSS. Suffit de réflechir un peu. ;-)

Répondre à rm-max
titou529   31-12-2005 à 00:51:48
- 0 +

Oui c'est ce que j'ai marquer plus haut lol mais ce code n'est valide que sur IE me semble il

Répondre à titou529
rm-max   31-12-2005 à 14:48:43
- 0 +

Oups désolé... j'avais pas lu entièrement... J'ai tendance à trop m'exciter quand je vois un "C'est impossible" ou un truc du genre. :-)

Et oui ça n'est valide que sous IE. Mais le même type de code existe sous momo et sous opera. Suffit juste de mettre les troix codes sur la page, et en fonction du navigateur, l'un se mettra en marche et les autres resteront invalide sans géner spécialement ;-)

Répondre à rm-max
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > dégradé en CSS
Aller à :

Il y a 2529 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,447 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens