| | Image Réactive (messages) |  |
|
|
 Lolo 
{ Membre }
 Messages : 20
 | Merci pour ce tuto.
Grâce à celui ci j'ai réussi.
Un grand merci. | | |
|
| | |
KiiMy
{ Membre }
Messages : 82
| merci pur ce tuto =)
c'est pas compliquer a faire et ça fait une page dynamique c'est super ! | | |
|
| | |
Regan
{ Membre }
Messages : 131
| Oh mon dieu. J'ai jamais vu un tuto aussi simple. Je suis ravie, comblée *______* merci ENORMEMENT ! ça va me faciliter la tâche ( oui, flemme de faire des tableaux t_t ) ! mais j'ai une question ^^ serait-il possible de mettre des infobulles sur une image réactive? |
Dernière édition par Regan le Dim 08 Aoû 2010, 21:39, édité 1 fois | |
|
| | |
EverythingElse
{ Membre }
Messages : 10
| Excusez moi mais , je ne vois pas ou on met ces codes ?!
Je les ai mis dans Affiche > generalités > contenu du message .C'est bien ça ?!
Quand je fais tout ça , ma crea s'affiche 2 fois , et quand je clique sur la zone "reactive" , je suis rediriger vers mon herbergeur d'image ! :S | | |
|
| | |
Kodoku
{ Membre }
 Messages : 4
| Exactement ce que je cherchais ♥
J'avais le code mais ne trouvais pas à quoi correspondaient précisément les coordonnées et dans quel ordre.
Merci pour l'astuce photofiltre, et merci pour le tuto d'ailleurs ^^
| | |
|
| | |
Krypt0.
{ Membre }
Messages : 101
| Merci énormément.  Peut-on mettre plusieurs « map » sur une même image réactive? | | |
|
| | |
nadejda
{ Membre }
Messages : 7
| Merci beaucoup ! Ce tutoriel fonctionne à merveille =) | | |
|
| | |
EverythingElse
{ Membre }
Messages : 10
| Excusez moi de UP mais , quelqu'un peut repondre a ma question ?!
" Ou met-on les codes?"
Merci. | | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Je crois qu'il faut le mettre dans un code html, puis après à l'endroit où se situe votre image réactive, la page d'accueil par exemple ^w^
Bisous~ | | |
|
| | |
Elyon
{ Membre }
Messages : 8
| Merci beaucoup pour ce tuto !
Mais, question bête sûrement, comment on fait pour mettre plusieurs 'map' sur l'image ? Comme pour une PA par exemple. Et si oui, comment ? J'ai essayé mais j'y arrive pas. | | |
|
| | |
Glenwind
{ Membre }
Messages : 4
| Pour un renvoi vers plusieurs liens, il suffit de répéter ce code - Code:
-
<area shape="rect" coords="A,B,C,D" href="LIEN" alt="NOM DU LIEN"> à la suite du premier, et sur le même principe Exemple du code employer pour ma carte en page d'accueil (j'ai retirer les liens pour éviter la pub) - Code:
-
<img name="accueil0" src="http://img10.hostingpics.net/pics/186615Map.jpg" usemap="#accueil"> <map name="accueil"> <area shape="rect" coords="180,127,281,176" href="LIEN" alt="Stonefolm"> <area shape="rect" coords="68,77,207,318" href="LIEN" alt="Stonefolm"> <area shape="rect" coords="218,182,333,240" href="LIEN" alt="Terres neutres"> <area shape="rect" coords="210,141,254,403" href="LIEN" alt="Terres neutres"> <area shape="rect" coords="258,302,432,462" href="LIEN" alt="Pallengad"> <area shape="rect" coords="288,261,434,297" href="LIEN" alt="Pallengad"> </map> | | |
|
| | |
Elyon
{ Membre }
Messages : 8
| Ah ok merci, j'y étais presque, j'avais juste mis quelques trucs en trop. x) | | |
|
| | |
Rigikohus Hunt
{ Membre }
Messages : 37
| Peut-on introduire des infobulles dans l'image réactive ? | | |
|
| | |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Oui, pour celà, je te renvoi vers le tutoriel plus compliqué situé ici. Tu devras créer plusieurs parties sur ton images (des sortes de blocs) et ensuite, tu mettras ton infobulle dedans en utilisant la propriété CSS margin (: | | |
|
| | |
Rigikohus Hunt
{ Membre }
Messages : 37
| Merci beaucoup, t'es un rapide. (On va dire que tu vas à la vitesse des balles de Nadal avec la précision de celle de Fédérer  ) Edit : en effet il est plus compliqué oO Je vais essayé, mais je pense qu'une commande serait plus efficace xD (parce que si je me goure à un endroit précis, ça va tout faire rater :/) Allez, je m'y met de suite | | |
|
| | |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Effectivement, ce serait la meilleure solution  | | |
|
| | |
Gintoki
{ Membre }
Messages : 128
| Merci beaucoup, ce tutoriel est très clair. ^^ | | |
|
| | |
*Dark-Jump
{ Membre }
Messages : 23
| Hey ! Salut à tous  Donc j'ai essayé de faire une page d'accueil (pour m’entraîner). Et j'ai eu quelques problèmes... Voici ce que ça donne : http://geykho-test-dj.forumgratuit.org/WEBDESIGN-h2.htm Voici le code au cas où : - Spoiler:
- Code:
-
<img name="accueil0" src="http://img717.imageshack.us/img717/6755/webdesignd.png" usemap="#accueil"> <map name="accueil"> <area shape="rect" coords="0,0,588,278" href="http://Geykho.com" alt="Geykho-Design"> <area shape="rect" coords="0,304,280,427" href="http://www.geykho.com/administration-c4" alt="Accueil"> <area shape="rect" coords="292,296,612,412" href="http://www.geykho.com/graphisme-c2" alt="Graphisme"> <area shape="rect" coords="626,301,906,411" href="http://www.geykho.com/concours-graphiques-c7" alt="Concours"> <area shape="rect" coords="925,301,1288,408" href="http://www.geykho.com/commandes-f14/" alt="Commandes"> <area shape="rect" coords="1313,307,1553,405" href="http://www.geykho.com/espace-detente-c6" alt="Détente"> <area shape="rect" coords="1170,536,1449,619" href="http://www.css-actif.com" alt="CSS ACTIF"> <area shape="rect" coords="1168,652,1461,733" href="http://mysterys.xooit.fr/index.php" alt="Mystery's"> <area shape="rect" coords="188,766,1439,845" href="http://coin-pub.actifforum.com/index.htm" alt="Coin Pub"> <area shape="rect" coords="1110,888,1517,967" href="http://www.team-mw.com/" alt="Modern Wii"> <area shape="rect" coords="1164,990,1457,1089" href="http://authority.e-mengine.com/index.php?site=news" alt="Authority"> <area shape="rect" coords="110,594,275,949" href="http://www.geykho.com/profile.forum?mode=viewprofile&u=3" alt="DJ"> <area shape="rect" coords="438,586,603,941" href="http://www.geykho.com/profile.forum?mode=viewprofile&u=8" alt="Nikos"> </map>
Comme vous l'aurez remarqué, la taille de mon image étant de 1600*1200 pxl, cela ne rentre pas dans la page. J'ai donc une questions : Peut on redimensionner l'image sans changé les coordonnées ? | | |
|
| | |
Amaryllis
{ Membre }
Messages : 3
| On peut le faire avec Photoshop (CS5) ?
| | |
|
| | |
Never's
{ Membre }
Messages : 3
| Super tuto, un grand merci ! | | |
|
| | |
Bull'
{ Membre }
Messages : 100
| Ce marche parfaitement ! Merci | | |
|
| | |
Nyouh
{ Membre }
Messages : 7
| Merci beaucoup pour ce tuto très clair et très pratique ! Même pour moi qui suis une quiche en css et html c'était absolument limpide ^^ | | |
|
| | |
Palteza
{ Membre }
Messages : 2
| Impeccable le tuto.
Petite question supplémentaire : que faut-il rajouter pour qu'un onglet (ou nouvelle page) soit ouvert pour charger la page? | | |
|
| | |
Minuit
{ Membre }
Messages : 10
| J'ai un mac, je suis sur photoshop mais je trouve pas ça :  Vous savez où sont ces chiffres ? Merci d'avance | | |
|
| | |
Invité Invité
| - Haribot' ♪ a écrit:
- Gardez toujours votre zone sélectionnée et vous voyez 4 nombres en bas. Retenez-les! On va s'en servir pour le code HTML.
| | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Image Réactive (messages) | |
|
