Arriere plan dégradé?

Namu - Dernière réponse le 11 juin 2010 à 11:44

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

Arriere plan dégradé »

Suggestions

Arriere plan dégradé?
HTML - Fond dégradé » Forum
Arriere plan degradé qui ne s irime pas » Forum
Arriere plan degradé » Forum
Arrière plan dégradé en java » Forum
Powerpoint 2007 - arrière-plan dégradé » Forum

Plus

Réponse

+11

Rainbow 11 juin 2010 à 11:44

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

Ajouter un commentaire

Réponse

soso59 34Messages postés 20 septembre 2006Date d'inscription 29 oct. 2006 à 18:03

Voila un script qui pourrait t interesser


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

ou


<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

Ajouter un commentaire

Réponse

soso59 34Messages postés 20 septembre 2006Date d'inscription 27 oct. 2006 à 11:01

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

Ajouter un commentaire

yurika5987 - 7 oct. 2008 à 00:58

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éponse

Gihef 5246Messages postés 20 juillet 2005Date d'inscription 18 juil. 2007 à 17:25

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

Ajouter un commentaire

Réponse

P@ 1137Messages postés 7 juillet 2000Date d'inscription 27 oct. 2006 à 10:39

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

Ajouter un commentaire - Site web

Réponse

namu 27 oct. 2006 à 14:12

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

Ajouter un commentaire

Réponse

soso59 34Messages postés 20 septembre 2006Date d'inscription 27 oct. 2006 à 22:40

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.

Ajouter un commentaire

P@- 28 oct. 2006 à 14:26

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

Réponse

Squalou 29Messages postés 6 octobre 2006Date d'inscription 30 oct. 2006 à 09:32

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

@+

Ajouter un commentaire

Réponse

xbb 49Messages postés 24 septembre 2006Date d'inscription 30 oct. 2006 à 12:00

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

Ajouter un commentaire

Réponse

Rem's 18 juil. 2007 à 10:31

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.

@+

Ajouter un commentaire

Réponse

rimadu06 14 sept. 2008 à 20:04

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

Ajouter un commentaire

Réponse

bidossessy 22 sept. 2009 à 11:18

Merci Gihef simple et efficace!

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Arriere plan dégradé?

Arriere plan dégradé »

Passage au tout numérique : quel coût pour les particuliers ?