Photoshop + html
bigc4684
Messages postés
361
Date d'inscription
Statut
Membre
Dernière intervention
-
maxmethot Messages postés 168 Date d'inscription Statut Membre Dernière intervention -
maxmethot Messages postés 168 Date d'inscription Statut Membre Dernière intervention -
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 ='(
Comment faire des zone active ='(
A voir également:
- Photoshop + html
- Adobe photoshop - Accueil - Applications & Logiciels
- Editeur html - Télécharger - HTML
- Photoshop pour pc - Télécharger - Montage photo
- Photoshop elements gratuit - Télécharger - Retouche d'image
- Br html ✓ - Forum Webmastering
4 réponses
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=
<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=
bigc4684
Messages postés
361
Date d'inscription
Statut
Membre
Dernière intervention
60
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
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
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
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 !
