High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Fond de site

Dernière réponse le 4 jui 2009 à 02:58:21 will1088, le 4 jui 2009 à 01:34:06 
 Signaler ce message aux modérateurs

Bonjour à tous, je suis nouveau sur le forum
Et pour mon premier post j'aimerais que l'on m'éclaire un peu sur le fond des sites
Parfois il y'en a des dégradé, c'est à dire qui démarre d'une image puis progressivement tendent vers une couleur unie
Et dans d'autres cas, j'ai limpression que le fond est "extensible" par rapport au bloc
Ma question : mais comment font ils ? xD

Merci de vos réponses.

Configuration: Mac OS X
Safari 525.20.1

Meilleures réponses pour « Fond de site » dans :
Fond d'écran "aquarium " gratuit VoirChoisir la bonne résolution pour le fond d'écran Télécharger un fond d'écran d'aquarium à partir de Google images Télécharger un fond d'écran d'aquarium sur un site d'images De nombreux sites permettent de télécharger gratuitement des...
Posez votre question Répondre

1

Fallentree, le 4 jui 2009 à 01:46:17

Il faut mettre 100% dans les parametre de hauteur

   
Répondre à Fallentree

2

will1088, le 4 jui 2009 à 01:49:54

Oui mais exemple : tu as une image que tu veux mettre en fond, mais tu ne sais pas combien de hauteur fera ton site à la fin, à moins de faire un design fixe.
Et dans le cas d'un repeat-y, ça va pas non plus, ça fera moche ^^

   
Répondre à will1088

3

Fallentree, le 4 jui 2009 à 01:53:11

Quel est le language que tu utilises?

   
Répondre à Fallentree

4

will1088, le 4 jui 2009 à 01:55:02

HTML/CSS mais je ne vois pas en quoi d'autres cela pourrait poser problème ^^ en flash tu montes la page toi même graphiquement donc pas trop trop de problème je pense.

   
Répondre à will1088

5

Fallentree, le 4 jui 2009 à 02:03:45

<BODY BACKGROUND="include/Bkground/Fond2.JPG" WIDTH="20%" >
En effet ca ne marche pas ...

   
Répondre à Fallentree

6

will1088, le 4 jui 2009 à 02:06:56

Ok mais comment fais-tu pour que le l'image se "fonde" avec une couleur unie par exemple le noir pour le reste de la page ? Je ne sais si tu vois ce que je veux dire...

   
Répondre à will1088

7

Fallentree, le 4 jui 2009 à 02:12:23

PEUT ETRE QU UN TABLEAU PEUT AIDER?
tu mes ton image dans le tableau, tu dimensionne avec des bordures que tu colorises...

   
Répondre à Fallentree

8

will1088, le 4 jui 2009 à 02:17:21

Hmmm donc le fond serait un tableau je ne savais pas qu'on pouvait faire un truc pareil.

   
Répondre à will1088

9

Fallentree, le 4 jui 2009 à 02:22:36

Pas le fond ....
Juste apres le body ...

   
Répondre à Fallentree

10

will1088, le 4 jui 2009 à 02:30:41

Voilà un exemple typique de ce dont je parle : http://www.eva-sion.com/ ^^
Il y'aurait donc un tableau caché là dans ?

   
Répondre à will1088

11

Fallentree, le 4 jui 2009 à 02:42:27

Le code tourne autour des element <div>

   
Répondre à Fallentree

12

 monkey_monk, le 4 jui 2009 à 02:58:21

Bonjour à tous,

pour ce qui est des fonds allant vers un fond uni ce n'est vraiment pas compliqué.

Pour l'exemple que tu as donné, il y a une couleur pour le fond de la page et une image qui se répète sur la largeur... il suffit de bien penser la chose et de chipoter un peu. (pour info voici l'image qui est utiliser dans le site que tu as donné comme exemple : http://www.eva-sion.com/templates/yoo_sunblogger/images/page­_bg.png )

En général, pour des fonds dégradé plus "classique" on utilise une image d'un seul pixel de large sur autant que l'on désire de haut. Le poids de l'image reste insignifiant. Ensuite, il faut définir la couleur de fond en fonction de la couleur du dernier pixel (celui du bas).

En CSS, ça ressemble à ça : 

body { background-color:black; url(degradeBlancVersNoir.jpg); }


Il y a aussi la technique du double background, on définit un fond de qualité médiocre pour la balise html (avec le CSS) et la même image mais de bonne qualité pour la balise body... ceci permet de faire un effet de transition acceptable (visuellement parlant) pour ensuite afficher un fond très grand qui englobe toutes les résolution possible (plus ou moins ^^).
Exemple : 
html { background:black url(fond_light.jpg) 0 0 fixed; }
body { background:transparent url(fond_high.jpg) 0 0 fixed; }


L'image fera par exemple 1690 X 2500 pixels...

Voici un exemple de site qui utilise cette technique >> www.lisarael.be

Mais évidemment, pour percevoir les 2 fonds différent, il faut non seulement faire attention mais en plus avoir une connexion très lente ! =D
[Monkey Monk]

   
Répondre à monkey_monk
Posez votre question Répondre
Ils ont besoin de votre aide