Bonsoir !!!!

Alors voila... je me demande comment je peux mélanger une image pour ma PA et des code HTML comme par exemple sur ce site :

http://zestedecouleurs.forumactif.org/forum.htm



Merci d'avance =)

Bonjour ,

Il suffit de creer tes images comme sur zeste de couleur puis de creer un css avec lequel tu aura un fond ou tu pourras ecrire ce que tu souhaite .

Exemple:

Code:

Dans CSS:

.fondpartenaire {
background-image.....;
border....;}

....

Dans ta page d'accueil:

Au niveau des partenaires tu commence ta cellule avec <div class*ou td class*="fondpartenaire">... Ton contenu</div> ( ou td)

J'espere avoir été clair *pour l'etre j'ai du mettre un exemple XD*

T'as surement été on ne peut plus claire... c'est juste que comme je suis une quiche en code................... j'ai rien compris xD

Je dois "découper" mon image c'est ça ?

.... je crois que je vais faire un exemple aussi en fait *revient avec son image histoire de mieux comprendre*


alors voila... j'ai fait ça à vite fait... donc par exemple... ça donnerait quoi ? u_u

Spoiler:

euh la carrement c'est du découpage qu'il faudrait faire ... Je crois qu'il y a un tuto ici mais je suis pas sur ( en tous cas je ne suis pas encore qualifié dessus XD. Moi c'est une image de fond comme ce que tu as mis à gauche en marron et par dessus du texte mais la c'est tous avec du graph XD )

Je pense que quelqu'un deja codeur (et non stagiaire XD) pourrais te répondre dessus .... Moi je sais pas découper pour le moment et coder...

Coucou !

Une page d'accueil de ce style est en fait une image découpée en ce qu'on appelle des "tranches" sur un logiciel tel que Photoshop, puis codé avec un logiciel de codage du type Dreamweaver par exemple. Le tout demande une base en html quand même, et une manipulation des logiciels en question ...

Après, il existe un moyen qu'on appelle "map". C'est à dire que l'image de fond est entière, et qu'on intègre un code spécial. Malheureusement, je n'utilise pas ce code, et j'ignore son fonctionnement. J'utilise que le premier (découpe & codage)

Liliana

Hey, je me permet aussi, y a un autre moyen tout bête : prendre l'image comme image de fond. Après il suffit d'utiliser des "padding" à tout va ^^"

Nashii : Merciiiiiiiii quand même d'avoir pris le temps de me répondre =)

Liliana : Pour le map c'est ce que j'ai en ce moment, mais quand j'ai vu la page de zeste mes yeux ont fait *__* d'où ma question xD Mais effectivement si faut des programmes particulier et surtout des bases... je pense que je vais rester avec mon bon vieux map xD
Merci en tout cas =)

Basil : Pas con *_______* mais.......... map is good je crois. Vu mon niveau, vaut mieux LoooL

A classer =)

Bonjour,

J'avais pas vu ^^
Classé

Euh salut *se tape l'incruste*
Moi j'ai pas tout saisi au code, le fond d'image on le mets a la place de "image" ou a la suite ? En fait on mets ou le lien de l'image ? lol

Merci =)

Alors c'est très simple, tu vas voir =)

Le code est le suivant :

Code:

<IMG NAME="accueil0" SRC="LIEN DE TON IMAGE" WIDTH="800" HEIGHT="600" BORDER="0" USEMAP="#accueil">

<MAP NAME="accueil">

<AREA SHAPE="rect" COORDS="205,28,369,77" HREF="LIEN VERS QUOI CA ENVOI" ALT="Nom du lien, par exemple -intrigues-">

</MAP>

et tu mets le AREA SHAPE pour chaque lien que tu souhaites mettre sur ton image de base.

Les chiffres sont les coordonnées X,Y,X2 et Y2 que tu peux retrouver par exemple sur photofiltre en sélectionnant la partie de l'image sur laquelle tu cliqueras et qui t'enverras directement sur le lien.

Il faut aussi modifier la taille de ton image en fonction de celle-ci dans la première ligne.

Voila ^^