Version complète: sur le forum Webmaster Hub : 1er site
Webmaster Hub > Accueil > Le salon de Webmaster Hub
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
Perrine
Bonsoir Pepsi smile.gif

Très joli design wink.gif

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 wink.gif
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 smile.gif

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 wink.gif
Pepsi
ca je le fais avec photoshop et l'outil tranche happy.gif
merci de votre aide!
Ernestine
C'est vrai qu'elle est toute mignone cette image smile.gif 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 wink.gif
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 wink.gif
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 happy.gif 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 wink.gif "à 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 laugh.gif
Bon alors si vraiment tu y tiens, le code pour placer une image :
CODE
<img src="fichier.jpg" style="position: absolute; left:50px; top:50px;" />

Et tu ajustes left et top aux valeurs que tu veux.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.