High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Arriere plan dégradé?

Dernière réponse le 22 sep 2009 à 11:18:00 Namu, le 27 oct 2006 à 10:25:06 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Arriere plan dégradé? » dans :
Découper un objet de l'arrière plan (détourage) VoirParfois on peut vouloir découper un objet de son arrière-plan, par exemple un visage, un fruit posé sur une table, etc. L'outil habituellement utilisé est le lasso, mais l'opération est délicate. On peut également utiliser des calques, mais dans...
Les arrière-plans VoirInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise  : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière...
Posez votre question Répondre

1

P@, le 27 oct 2006 à 10:39:33

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

..:::P@ ... a tras, a PoOf ou a chou :::..

L'imagination est plus importante que la connaissance. Albert Einstein

   
Répondre à P@

2

soso59, le 27 oct 2006 à 11:01:52
  • +2

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

   
Répondre à soso59

12

yurika5987, le 7 oct 2008 à 00:58:28

Et soso59 Tu t"appelerai pas Sovann par hasard, sinon je cherche un logiciel ou je pourrais faire des montages avec des photos perso comme arrière plan. Merci.

   
Répondre à yurika5987

3

namu, le 27 oct 2006 à 14:12:02

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

   
Répondre à namu

4

soso59, le 27 oct 2006 à 22:40:35

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.

   
Répondre à soso59

5

P@, le 28 oct 2006 à 14:26:56

Oui, mais dans ce cas :
1 tu fixes la hauteur et la largeur de la page
2 l'image est lourde a cgarger ... donc tu perd du temp au téléchargement.

Certaines personnes peuvent préférer un écran "flexible" qui s'adapte au poste utilisateur.
Ton image de 1024 sur 768 risque de tout casser sur un écran de plus grande résolution ...
et c'est en cela que la solution n'est pas génial.
Je n'en ai pas d'autre malheureusement, mais je comprend pourquoi la solution ne convient pas totalement.
Personnellement c'est pour cela que je n'utilise pas de dégradé ou seulement sur une petite partie. mais c'est tout :D

Si il y a d'autre solution ... sans utilisé d'image, je suis aussi prenneuse pour ma culture ..:::P@ ... a tras, a PoOf ou a chou :::..

L'imagination est plus importante que la connaissance. Albert Einstein

   
Répondre à P@

6

soso59, le 29 oct 2006 à 18:03:01

Voila un script qui pourrait t interesser

<!-- Dégradé Vertical -->
<BODY STYLE="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#000000')">

ou

<!-- Dégradé Horizontal -->
<BODY STYLE="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFFFF', EndColorStr='#000000')">



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/codes/DEGRADE-FOND-ECRAN-VOTRE-SITE_16111.aspx



toujours faire confiance a google notre cher ami

   
Répondre à soso59

7

Squalou, le 30 oct 2006 à 09:32:40

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...

@+

   
Répondre à Squalou

8

xbb, le 30 oct 2006 à 12:00:44

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

   
Répondre à xbb

9

Rem's, le 18 jui 2007 à 10:31:57

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.

@+

   
Répondre à Rem's

10

Gihef, le 18 jui 2007 à 17:25:32
  • +1

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
 

   
Répondre à Gihef

11

rimadu06, le 14 sep 2008 à 20:04:25

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

   
Répondre à rimadu06

13

 bidossessy, le 22 sep 2009 à 11:18:00

Merci Gihef simple et efficace!

   
Répondre à bidossessy
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net