Rechercher : dans
Par :

Photoshop + html

Dernière réponse le 12 mai 2008 à 20:27:49 bigc4684, le 12 mai 2008 à 13:19:29 
 Signaler ce message aux modérateurs

Bonjour , Voici mon probléme J'ai crée tout mon design avec photoshop mais le probléme je ne c pas comment faire pour que quant on clique sur l'image accueil de mon design ben on aille a une autre page ???


Comment faire des zone active ='(

1

PRK, le 12 mai 2008 à 13:24:32

Bah si tu vise toute l'image tu procède de la sorte :

<a href=(ta cible)><IMG SRC=(adresse de ton image) border=0></a>

Lorsque tu cliquera sur ton image tu sera dirigé vers le lien que tu auras entré dans Href= (^°°)> -----> < *__* >

Répondre à PRK

2

bigc4684, le 12 mai 2008 à 13:28:24

Merci de m'avoir répondu mais non ce n'est pas sa mon probléme par exemple j'ai un design avec une banniére et en dessous de ma baniére j'ai une image de 750 px de large sur 250 px de long et ke dedant il y a Accueil , Téléchargement ,Forum , Contact ... Ben comment faire pour que quant je clique sur accueil ont se dirige a l'accueil quant je clique sur téléchargement ont se dirige vers les téléchargement etc

Répondre à bigc4684

3

maxmethot, le 12 mai 2008 à 13:32:14

Salut !

voici un exemple de ce que tu pourrais faire:

// balises de base à mettre pour que ta page web fonctionne
<html>
<head></head>

<body>
<div align="center">
<a href="page_ou_tu_veux_aller" target="_blank">
<img src="le_path_de_ton_image" border="0">
</a>
</div>
</body>

</html>


Avec ce code, tu aura une image au centre qui menera vers une autre page lorsqu'on cliquera dessus.
Tu devra remplacer page_ou_tu_veux_aller par ta page de destination et le_path_de_ton_image avec le
chemin de ton image sur ton serveur.
Également, tu peux changer le target du lien (actuellement à _blank, qui ouvre une nouvelle fenêtre) par _self,
_parent ou encore le laisser vide pour que l'action soit faite par défaut.
Finalement, tu peux changer l'attribut border à 1, 2, 3, etc. pour mettre une bordure à ton image de grosseur du chiffre que tu lui donne. Dans mon exemple, j'ai désactivé la bordure.

//OUPS, j'ai vu ta réponse après avoir écris mon message, désolé.

Alors là, il faut utiliser les "Image Maps"

Exemple:

<map name="FPMap0">
<area target="main" coords="25, 102, 86, 122" shape="rect" href="http://razia.ca/nouvelles.html">
<area target="main" coords="91, 103, 116, 124" shape="rect" href="http://razia.ca/bio.html">
<area target="main" coords="120, 102, 159, 123" shape="rect" href="http://razia.ca/multimedia.html">
<area target="main" coords="334, 103, 380, 123" shape="rect" href="http://razia.ca/merchies.html">
<area target="main" coords="473, 104, 518, 123" shape="rect" href="http://razia.ca/courriel.html">
</map>

// L'image à associer au map
<img border="0" src="images/top.jpg" usemap="#FPMap0" width="730" height="125">

En espérant t'avoir aidé,

Au plaisir,
maxmethot SVP notez le sujet comme étant Résolu une fois la question répondue.
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

Répondre à maxmethot

4

bigc4684, le 12 mai 2008 à 13:41:34

Je v toujour esayer et je te dirai quoi apret merci !!!

Répondre à bigc4684

5

bigc4684, le 12 mai 2008 à 15:34:28

Re ! Je vien d'esayer mais ce n'ai toujour pas sa que je recherche vous n'aurier pas un programe a me conseiller pour mon site ou bien si vous n'avier pas de logiciel pouvier vous me donner des exemple pour faire un beaux design ( je préfére et je mi connait mieux en CSS ) J'utilise Photoshop cs 2 et Notepad ++ Pouvier vous m'aider !

Répondre à bigc4684

6

 maxmethot, le 12 mai 2008 à 20:27:49

Ya toujours Frontpage de microsoft et Dreamweaver de Macromedia qui te permettent de faire des design web avec interfaces graphiques SVP notez le sujet comme étant Résolu une fois la question répondue.
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

Répondre à maxmethot
Collection CommentÇaMarche.net