Aller au contenu

Sujets conseillés

Posté (modifié)

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é par Dan
Posté

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 ;)

Posté

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?

Posté

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 ;)

Posté

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

Posté

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.

Posté

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

Posté (modifié)

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 :lol:

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é par Ernestine

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...