Fork me on GitHub






prijest
style image mappé
#1
Régulier
Inscrit: 30/01/2009 09:11
De pays de kersauson
Messages: 225
bonjour,

J'ai mappé une carte avec un bouton pour chaque continent
je voudrai que les boutons changent de couleur au passage de la sourie .
<AREA SHAPE="RECT" COORDS="39,4,141,23" HREF="le lien" TITLE="Afrique">

je ne sais pas comment rajouter du css à mon <area>
j'essaye de trouver des infos mais pas évident et le flash ne me botte pas trop.

MERCI

Posté le : 20/04/2010 10:22

T'es sur ou tu crois, parce que si tu crois, c'est que t'es pas sur.
Partager Twitter Partagez cette article sur GG+
Rapport Haut
tatane
Re: style image mappé
#2
Xoops accro
Inscrit: 27/07/2005 16:10
De France
Messages: 2970
bonjour
théoriquement en css pour modifier la couleur au passage la souris il te faut ajouter un :hover

Posté le : 20/04/2010 10:29

Aidez nous à  soutenir l'association Neurogel en marche

Xoops demo : Démonstration de templates Xoops
Partager Twitter Partagez cette article sur GG+
Rapport Haut
prijest
Re: style image mappé
#3
Régulier
Inscrit: 30/01/2009 09:11
De pays de kersauson
Messages: 225
<style type="text/css">
<!--
a.id1 { color: #fff; }
a.id1:hover { color: #ff0000;}

a.id2 { color: #fff; }
a.id2:hover { color: #ff0000;}
-->
</style>
<AREA SHAPE="RECT" COORDS="39,4,141,23" HREF="le lien" TITLE="Afrique">
<AREA SHAPE="RECT" COORDS="39,4,141,23" HREF="le lien" TITLE="Europe">

l'identifiant je le place comment dans l'area?

Posté le : 20/04/2010 10:53

T'es sur ou tu crois, parce que si tu crois, c'est que t'es pas sur.
Partager Twitter Partagez cette article sur GG+
Rapport Haut
tatane
Re: style image mappé
#4
Xoops accro
Inscrit: 27/07/2005 16:10
De France
Messages: 2970
tu peux me montrer un lien direct?

Posté le : 20/04/2010 10:57

Aidez nous à  soutenir l'association Neurogel en marche

Xoops demo : Démonstration de templates Xoops
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Fabrice59
Re: style image mappé
#5
Régulier
Inscrit: 24/03/2010 08:52
De Lille
Messages: 109
Perso, j'ai fiat un truc bourin sur un truc de ce genre,

J'avais
- la carte du fond pleine,
- pour chaque zone de la carte (onmouseover), j'avais la même image que la carte du fond, seule la partie "changeante" était conservée (en mettant les autres éléments en transparence)
- un fond transparent (pour onmouseout)

et dans le code (extrait) j'avais :
<map name="MAPCC">
(...)
<area shape="rect" href="france.php" coords="620,342,711,506" onmouseover="document.img_over.src='images/map/monde_france.png'" onmouseout="document.img_over.src='images/map/monde_transp.png'" />
(...)
</map>

<img src="images/map/monde.png" width="874" height="511" style="position:absolute;z-index:4;" usemap="#MAPCC">

<img src="images/map/monde_transp.png" width="874" height="511" style="position:absolute;z-index:6;" border="0" usemap="#MAPCC" name="img_over">

Posté le : 20/04/2010 11:08
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

19 Personne(s) en ligne (10 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 19 | Plus ...