Arriere plan dégradé?

Question

Bjr,
Comment faire pour avoir un arriére plan en couleur dégardé?
Exemple: début en noir, puis reste ne bleu? au fur et a mesure?
Merci de votre aide

Rainbow · Accepted Answer

Il existe 3 types de navigateurs : Internet Explore, Firefox et le moteur Webit utilisé par Safari et Google-Chrome;

Comme les Navigateur n'utilise que les style qu'ils connaissent, il suffit de mettre les trois styles l'un sous l'autre.
Exemple pour un dégradé du rouge au vert.


/* Pour Internet Explorer */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ff0000', EndColorStr='#0000ff');
/* Pour Firefox */
background:-moz-linear-gradient(left, #ff0000 0%,  #0000ff 100%);
/* Pour Google-Chrome, Safari, Opéra (moteur Webkit) */
background:-webkit-gradient(linear, left top, right top, color-stop(0,#ff0000), color-stop(1, #0000ff));

Pour plus d'info, frapper "moz, webkit gradient" dans Google

P@ · Answer

Sur toute ta page ???

Tu crées une image de 1px de large et autant de haut qu'il te convient.
sur l'image tu met ton dégradé et tu le met en fond. De mannière naturel, il va se dupliquer :D

Si il y a des techniques sans image, je ne les connais pas ... mais je serait trés intéréssé pour qu'on me les explique

soso59 · Answer

le mieux est que tu construises une image en dégradé avec les couleurs que tu veux et que tu l installes dans le background de ta page.

voici un exemple qui utilise une image fixe et centrée comme ca tu as toujours ton image entiére sur ta page.

	background-image:url(images2/FOND.jpg);
	background-position:50% 50%;
	background-attachment:fixed;

tu peux également mettre une couleur dans le fond de la page si ton image ne remplit pas tout l ecran. sachant que la résolution d'écran la plus utilisée est 1024X768
	background-color: #000000;
	
essai et tiens moi au courant

namu · Answer

Merci de vos infos.
Donc cela est impossible en javascript ou html?
il faut que je fasse une petite image!
Merci de vos autres infos si qqn connait

soso59 · Answer

tu peux faire une image de 1024x768 comme je te l ai indiqué, il suffit d inscrire les codes dans ta page dans le head ou dans ta page css si tu l utilises.

soso59 · Answer

Voila un script qui pourrait t interesser ou Ce n est pas exactement ce que tu recherches mais ca peut te donner une idee http://acestgratuit.free.fr/scripts_dhtml/trans10.html http://www.ccim.be/ccim328/trucs/trans10.html http://www.javascriptfr.com toujours faire confiance a google notre cher ami

Squalou · Answer

Bonjour, 

En sachant quand même que cette méthode ne marche que sous IE :(

Je te conseille donc l'image de fond pour le moment...

@+

xbb · Answer

L'image de 1px de large qui se duplique horizontalement est une technique pas mal, mais a le défaut d'avoir une hauteur fixe... Aussi si la page est grande, le contenu débordera et dépassera l'image par en bas

Rem's · Answer

Bonjour,

C'est la raison pour laquelle il faut egalement mettre en couleur de fond la dernier pixels de l'image ainsi la page sera toujours sympa a voir, meme si qqn regarde la page en grande resolution ou bien que le texte depasse.

@+

Gihef · Answer

Bonjour,

En voici un exemple : fonddegrade.html

L'image fait 2x800px et pèse 1 200 octets.
Rien n'empêche d'en fabriquer une plus haute.
La couleur du bas de la page est la même que la dernière utilisée dans l'image.

On peut aussi commencer et terminer le dégradé par la même couleur, et on peut le laisser se répéter aussi en hauteur : fonddegrade2.html

rimadu06 · Answer

oui pour organiser un projet il lui faut un arriere olan et tout et tout

bidossessy · Answer

Merci Gihef simple et efficace!

Arriere plan dégradé?

12 réponses

Discussions similaires

Newsletters