Photoshop + html
Fermé
bigc4684
Messages postés
361
Date d'inscription
lundi 19 novembre 2007
Statut
Membre
Dernière intervention
1 décembre 2014
-
12 mai 2008 à 13:19
maxmethot Messages postés 168 Date d'inscription jeudi 18 janvier 2007 Statut Membre Dernière intervention 12 octobre 2008 - 12 mai 2008 à 20:27
maxmethot Messages postés 168 Date d'inscription jeudi 18 janvier 2007 Statut Membre Dernière intervention 12 octobre 2008 - 12 mai 2008 à 20:27
A voir également:
- Photoshop + html
- Photoshop pour pc - Télécharger - Montage photo
- Editeur html - Télécharger - HTML
- Html download - Télécharger - HTML
- Image cliquable html ✓ - Forum Réseaux sociaux
- Photoshop elements gratuit - Télécharger - Retouche d'image
4 réponses
PRK
Messages postés
795
Date d'inscription
mardi 4 septembre 2007
Statut
Membre
Dernière intervention
6 décembre 2015
113
12 mai 2008 à 13:24
12 mai 2008 à 13:24
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=
maxmethot
Messages postés
168
Date d'inscription
jeudi 18 janvier 2007
Statut
Membre
Dernière intervention
12 octobre 2008
55
12 mai 2008 à 13:32
12 mai 2008 à 13:32
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
bigc4684
Messages postés
361
Date d'inscription
lundi 19 novembre 2007
Statut
Membre
Dernière intervention
1 décembre 2014
60
12 mai 2008 à 13:41
12 mai 2008 à 13:41
Je v toujour esayer et je te dirai quoi apret merci !!!
bigc4684
Messages postés
361
Date d'inscription
lundi 19 novembre 2007
Statut
Membre
Dernière intervention
1 décembre 2014
60
12 mai 2008 à 15:34
12 mai 2008 à 15:34
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 !
maxmethot
Messages postés
168
Date d'inscription
jeudi 18 janvier 2007
Statut
Membre
Dernière intervention
12 octobre 2008
55
12 mai 2008 à 20:27
12 mai 2008 à 20:27
Ya toujours Frontpage de microsoft et Dreamweaver de Macromedia qui te permettent de faire des design web avec interfaces graphiques
12 mai 2008 à 13:28