28221 sujets
c'est simple regarde sur le site http://pompage.net/pompe/sprites/
pour avoir la petit bulle il faut mettre un title sur tes liens.
d'autre exemples:
http://www.frankmanno.com/ideas/css-imagemap/
http://www.alistapart.com/articles/sprites/
Modifié par ilo (18 Mar 2005 - 02:26)
pour avoir la petit bulle il faut mettre un title sur tes liens.
<a href="#" title="Pas plus de 60 caractères"></a>
d'autre exemples:
http://www.frankmanno.com/ideas/css-imagemap/
http://www.alistapart.com/articles/sprites/

Modifié par ilo (18 Mar 2005 - 02:26)
ok mais dans ces articles il n'est jamais mentionné le faite d'utiliser des images map et de colorer la zone réactive...Il est plutot question de mettre plusieurs images en rollover alors que moi je ne veut pas utiliser plusieurs images mais simplement une couleur pour chaque zone...
Ci dessous un exemple de code appliqué sur une image qui contient 3 zone réactive......
<img src="image.gif" width="250" height="207" border="0" usemap="#Map">
<map name="Map">
<area shape="poly" coords="10,128,28,155,53,131,95,119,108,127,137,100,140,80,151,56,151,32,122,10,105,42,116,74,107,86,99,82,89,84,86,86,76,86,60,93,41,102,27,109,15,116" href="http://www.site1.com">
<area shape="poly" coords="203,23,207,33,201,48,209,66,219,79,238,64,247,72,244,96,227,107,210,121,188,131,168,148,160,151,145,147,167,89,167,75,172,63" href="http://www.site1.com">
<area shape="poly" coords="120,193,97,184,68,182,59,196,43,188,21,190,6,201,22,160,45,145,73,129,91,124,111,132,139,129,142,152,162,160,163,166" href="http://www.site1.com">
</map>
Comment utilisé ce code et celui de ton site pour faire ce que j'ai besoin...j'ai fait quelques test mais sa joue pas....
Ci dessous un exemple de code appliqué sur une image qui contient 3 zone réactive......
<img src="image.gif" width="250" height="207" border="0" usemap="#Map">
<map name="Map">
<area shape="poly" coords="10,128,28,155,53,131,95,119,108,127,137,100,140,80,151,56,151,32,122,10,105,42,116,74,107,86,99,82,89,84,86,86,76,86,60,93,41,102,27,109,15,116" href="http://www.site1.com">
<area shape="poly" coords="203,23,207,33,201,48,209,66,219,79,238,64,247,72,244,96,227,107,210,121,188,131,168,148,160,151,145,147,167,89,167,75,172,63" href="http://www.site1.com">
<area shape="poly" coords="120,193,97,184,68,182,59,196,43,188,21,190,6,201,22,160,45,145,73,129,91,124,111,132,139,129,142,152,162,160,163,166" href="http://www.site1.com">
</map>
Comment utilisé ce code et celui de ton site pour faire ce que j'ai besoin...j'ai fait quelques test mais sa joue pas....
Bonjour,
Merci d'utiliser [ code][ /code] (sans les espaces) pour présenter du code dans les messages comme l'indique les règles du forum que tous les membres ont lu et apprise par cœur.
grillé
Modifié par Igor (18 Mar 2005 - 14:35)
Merci d'utiliser [ code][ /code] (sans les espaces) pour présenter du code dans les messages comme l'indique les règles du forum que tous les membres ont lu et apprise par cœur.

grillé

Modifié par Igor (18 Mar 2005 - 14:35)