Discussion :

[laurent314]

Bonjour,

Je suis en train de faire un site internet avec Dreamweaver Mx et j'aimerais avoir le même fond d'écran que le site suivant: http://www.jci.cc/local/belgium

Je parle du fond fixe gris avec les buildings au-dessus. Comment dois-je faire pour faire cela?

Merci d'avance à tout le monde

[HiRoN]

Bonjour et bienvenue sur le forum

Je parle du fond fixe gris avec les buildings au-dessus. Comment dois-je faire pour faire cela?

Pour la création de l'image, un logiciel comme Photoshop ou Gimp (voir même Paint vu que réalisation vraiment simple).
Pour l'intégration, un brin de CSS

[Botzouk]

Bonjour,

Voici comment le webdesigner s'y est pris.

Il a crée une image représentant des (espèces de) buildings :



Personnellement j'aurais préféré utiliser le format jpg car dans son cas le dégradé en gif rend moyen. Ou alors c'était son intention d'avoir un effet comme celui-ci.

Il a fait en sorte que cette image ne se répète que de façon horizontale pour donner l'impression d'une vue de ville et qu'elle commence en haut à gauche de la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
body {
	background-attachment: fixed;
	background-color: #CCCCCC;
	background-image: url(../images/bckgrnd.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

Pour avoir le gris il a ajouté la ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	background-color: #CCCCCC;

L'image de fond prend le pas sur la couleur de fond. Comme cette image ne se répète pas verticalement, on voit le fond gris en-dessous. Il suffit ensuite que l'image ait un dégradé se finissant par la même couleur que le fond de la page (#CCCCCC) et l'illusion est parfaite