1er site

[Pepsi]

salut tout le monde! Alors je me suis mis a faire un site. Un design tout fait maison grace a photoshop.

Mais le pb, c'est que je ne sait pas cmt mettre une image de fond (en l'occurence, un ciel nuagé).

mon design en .jpg

je voudrais savoir cmt incurster une image de fond derriere cette image.

Merci de votre aide

Modifié 13 Décembre 2004 par Dan

[Perrine]

Bonsoir Pepsi

Très joli design

Pour mettre une image en fond, c'est très facile grâce à la propriété CSS background

Cette image peut, ou non, se répéter sur toute la page, ou simplement sur l'axe x ou y.

Maintenant, le plus dur, c'est de pouvoir faire une image de nuages qui pourra se répéter en background. Il faut donc faire en sorte que les images mises à côte à côté se chevauchent bien ... un peu comme quand tu poses du papier peint

[Pepsi]

je dois donc créer 2 images? Une avec le tronc et deja le fond bleu, une avec le feuillage et deja le fond bleu puis au "montage", je les place ou je veux sur le site et puis je place mon image de fond c'est ca?

[Perrine]

Oui en quelque sorte

Le but du jeu étant d'alléger la page au maximum.

Il va aussi falloir que tu détermines des zones sensibles sur l'image pour le menu, afin que les "panneaux" soient cliquables.

Bref, tout un programme

[Pepsi]

ca je le fais avec photoshop et l'outil tranche

merci de votre aide!

[Ernestine]

C'est vrai qu'elle est toute mignone cette image Maintenant, il faut voir si elle est "plaçable" sur un site web. Tout est possible bien sûr, mais comme le fait justement remarquer Azon, il faut l'alléger au maximum. Voir si les nuages en fond ne vont pas rendre la lecture des textes difficiles. Voir si tout ceci est un minimum accessible. Voir s'il ne vaut pas mieux coder un chouillas à la main que d'utiliser l'outil tranche de Photoshop

Cela dit c'est vrai que l'image est jolie, et cette idée de panneaux sur un tronc d'arbre pour accéder aux rubriques est bien trouvée... à exploiter

A bientôt,

Ernestine

[petit-ourson]

Ca va finir par faire un gros site (en poid) comme le mien ;o)

Ceci dit, l'outil tranche de photoshop fonctionne plutot bien normalement et assez proprement.

[Pepsi]

erf je galere un peu :s pourriez vous me donner le code a inséré pour mettre menu.jpg a gauche et banniere.jpg en haut (comme l'image que je vous ai montré mais en 2 partie différente merci)

et aussi l'endroit ou je odis l'inséré, je débute dans le html... dsl

[Ernestine]

Hello,

Je doute qu'on puisse répondre à cette question, ça dépend de plein de choses. "en haut", c'est vague "à gauche aussi". Il n'y a pas de code tout fait pour ce genre de choses.

Essaie de faire une page toute simple, déjà... Tu peux par exemple ce tutoriel progressif : http://mammouthland.free.fr/cours/css/index.php (c'est un exemple, il existe des tonnes de tutoriels)

A bientôt,

Ernestine

édit : je suis la première à trouver stupide de répondre à une question qui n'est pas posée et je fais pareil

Bon alors si vraiment tu y tiens, le code pour placer une image :

<img src="fichier.jpg" style="position: absolute; left:50px; top:50px;" />

Et tu ajustes left et top aux valeurs que tu veux.

Modifié 18 Décembre 2004 par Ernestine