Dégradé de couleurs

Ti-Loute · Message par **Ti-Loute** » 03 mars 2005, 12:52

Et puisque ton problème semble résolu, j'enchaine avec un problème ... moins complexe, mais casse-bonbons quand même :

Donc, je me suis (doucement) lancé dans le html, et ai créé mon "propre" site ...

Je l'ai conçu sous ... Word

et, éclairé d'une divine lumière, ai découvert FF après

.

J'ai donc soulagé mes fichiers des "ingrédients" inutiles créés par défaut par Word et adapté mes pages pour un affichage correcte sous d'autres navigateurs que IE (ben oui, on en apprend tous les jours !)

Toutefois, un effet (statique) qui me plaisait bien était le dégradé de couleurs en fond de page (voir, pe ma page "humour" sous IE puis sous FF ...)

Comment puis-je faire ?

calimo · Message par **calimo** » 03 mars 2005, 13:23

C'est faisable tout simplement avec une image d'arrière-plan (par exemple un dégradé en PNG

Invité · Message par **Invité** » 03 mars 2005, 18:15

la meilleur façon de procéder est celle que calimo vient de te donner : une image animée 1px sur 1 px avec les couleurs que tu souhaites.

une autre façon mais qui bouffe les ressources du système : javascript

Code : Tout sélectionner

<html>
<head>
<script>

var colors = new Array('#ff0000','#f00000','#e00000','#d00000','#c00000','#b00000','#a00000','#900000','#800000','#700000','#600000','#50000','#400000','#300000','#200000','#100000','#000000');
var n_color = 0;

function changeColor(){
	document.bgColor = colors[n_color];
	n_color = (n_color + 1) % colors.length;
}

</script>
</head>
<body onload="setInterval('changeColor()',100);">
<h1 style="color: white;">testy</h1>
</body>
</html>

ce code brouillon te permet de faire passer ta page du rouge au noir par dégradé et de manière cyclique, elle change la couleur fond à chaque intervale de 0,1 seconde (= 100 millisecondes)

Invité · Message par **Invité** » 03 mars 2005, 18:18

j'avais mal compris ce que tu voilais, désolé

Ti-Loute · Message par **Ti-Loute** » 03 mars 2005, 19:40

Invité a écrit : j'avais mal compris ce que tu voilais, désolé

Ne le sois pas : Je garde ce script sous le coude, mais eu égard à mon niveau, je vais déjà m'appliquer à mettre en pratique la méthode de Calimo ...

Merci à vous deux

Invité · Message par **Invité** » 03 mars 2005, 21:27

ce que je voulais dire c'est que le script ci-dessus montre un dégradé dynamique de la couleur uniforme de fond.

D'un fond uni rouge à un fond uni noir. En cinéma ça s'appelle un fondu de fin, je crois ...

Bref c'était ce que tu demandais...

Invité · Message par **Invité** » 03 mars 2005, 21:28

bref c'était pas ce que tu demandais

ça va mal ce soir !!!

Ti-Loute · Message par **Ti-Loute** » 05 mars 2005, 10:55

Invité a écrit :bref c'était pas ce que tu demandais

ça va mal ce soir !!!

Hi, hi , il y a des soir, comme ça ....

Mais moi, j'avais bien tout compris : Ce que je voulais dire, en parlant de méthode, c'était juste que j'allais essayer de conserver ma présentation selon l'idée de Calimo, mais que pour une future page, la tienne m'irait certainement très bien. Voir cet essai avec mes couleurs et ton script, comparé à cet autre sur fond de "png" (mis en ligne depuis

)

Donc, je vous réitère mes remerciements

nomade · Message par **nomade** » 05 mars 2005, 14:28

Anonymous a écrit :ça va mal ce soir !!!

Salut l'invité!
J'ai l'impression que t'interviens beaucoup sur cette section du forum, mais en fait je suis pas sûr que ça soit toujours toi puisque t'es toujours en invité... d'où ma suggestion : tu veux pas t'inscrire ?

moi je m'y perds dans tes interventions

Geckozone

Dégradé de couleurs

Qui est en ligne ?