Lisez 01net pour 2,45 € / n° seulement

Avis sur les produits

Avis sur les logiciels

Avis sur les jeux

Actualités

Micro Hebdo

L'Ordinateur Individuel

01net

A propos des forums

Forums MH Internet, réseaux, high tech Création de sites Réaliser un dégradé de couleur pour site Web...

Réaliser un... - FORUMS MH.

5 réponses / 11939 vues

Réaliser un dégradé de couleur pour site Web (Résolu)

envoyer
par mail

imprimer

Partager |

Auteur

le 04/08/2006 20h19

Bonsoir à vous tous qui me lisez! :hello:

Voila mon problème: :love:

je voudrais savoir si quelqu'un sur le forum, peut me dire comment réaliser un fond de page en couleur dégradée? :whistle:

Si oui, avec quel logiciel? (Gratuit si possible)

J'ai recherché sur le Web, mais n'ai rien trouvé sur le sujet.

Merci d'avance à vous tous! :salut:

-------
Bug1488

Message édité par bug1488 le 06/08/2006 19:10:24

Auteur

le 04/08/2006 21h17

Salut

Tu peux faire une image.jpg pas très haute ( 20 pixels par ex), tu la mets en AR plan et tu la répètes,( background-repeat:repeat-y;) répète en hauteur,

pour la largeurdu dégradé, elle dépend de ton image, pour compléter tu mets en fond la même couleur que celle de la fin du dégradé.
le code ressemblerait à çà:

<style type="text/css">


</style>

http://openweb.eu.org/articles/background_css/

-------
L'homme qui se perd dans sa passion a moins perdu que celui qui a perdu sa passion.

Message édité par Didontou le 04/08/2006 21:43:39

Auteur

le 05/08/2006 19h11

Bonsoir Didontou!

Merci pour ta réponse!

je ne comprend pas bien ton explication!

Moi, ce que je voudrais, c'est comment réaliser le dégrader avant de le mettre en fond de page (Background color).
A partir de cela, pour placer le fond, je connais!

Je voudrais pouvoir réaliser une couleur, par exemple Bleu, et qui se dégrade de plus en plus, en allant vers un bleu de plus en plus clair, en tirant presque sur le blanc sur le bord.
Ton astuce de faire une photo et ingénieuse, mais il faut avoir ce dégradé sous la main pour le prendre en photo.
(Peut-être que je ne comprend pas ton explication, aussi; dans ce cas reprend moi ?)
Le lien que tu m'a donné ne fonctionne pas.
Merci tout de même de ta réponse et d'avoir pris du temps pour moi!

-------
Bug1488

Message édité par bug1488 le 08/01/2010 13:39:18

Auteur

le 05/08/2006 21h13

Salut

Je pars de l 'hypothése que ton dégradé part de la gauche .

Je réalise une image .jpg avec Photofiltre

Menu Filtre > couleur > dégradé,

c'est juste un dégradé de couleur, comme ceci par ex:
image

Cette image, je la mets en fond :

background-image: url("dgrad.jpg");

et je la répète en hauteur:

background-repeat:repeat-y;

je rajoute éventuellement, suivant la largeur de mon image une couleur de fond pour compléter:
background-color:# XXXXXX; dans l' exemple ce serait inutile puisqu' on termine par du blanc;

Est-ce plus clair?

le lien fonctionne bien chez moi!?

-------
L'homme qui se perd dans sa passion a moins perdu que celui qui a perdu sa passion.

Auteur

le 06/08/2006 18h48

Bonsoir Didontou!

Ton message est devenu limpide!

Maintenant j'ai compris la manoeuvre.

Je télécharge Photofiltre, est je travail dessus.
Si j'ai un souci je te rappelle.

Merci encore de tes explications, qui me font faire un grand pas!

A bientôt!

Je réédite mon message, pour te dire que j'ai téléchargé Photofiltre.

Résultat impécable, tout à fait ce que je voulais faire, et en plus d'une simplicité exemplaire. plus facile tu meures!
Je ne connaisais pas ce logiciel en pratique, seulement en ouïe dire.
Il est possible de faire beaucoup de choses avec!

Encore merci! Tu est formidable!

-------
Bug1488

Message édité par bug1488 le 06/08/2006 19:09:08