Téléchargement
illégal
Posez votre question Signaler

Infobulle personnalisée sur image map [Résolu]

Eliza - Dernière réponse le 7 nov. 2009 à 11:16
Bonjour,
Je souhaite réaliser des infobulles comme sur Ateliers Dinand de Sikarr: pas moyen d'obtenir des bulles à la taille adéquate, contenant un texte en couleur, sur un fond coloré aussi. J'ai observé son code, ai réussi à placer un rollover et modifier le texte dans la petite bulle standard (sur image réactive). Je sèche et m'énerve ...J'aimerais aussi supprimer le message automatique généré par IE qui empêche l'affichage du contenu son.... Je ne suis pas du tout spécialiste et je tatonne avec le code...
Merci pour votre aide.
Eliza
Lire la suite 

Infobulle personnalisée sur image map »

11 réponses
Réponse
+2
moins plus
Salut Eliza.

Pour des infobulles personnalisées, tu peux utiliser le script présenté sur cette page : http://sitesweb.abondance.free.fr/copyleft/billet.php?idBillet=1

Il accepte pas mal d'options, qui permettent notamment de modifier l'apparence de la bulle.
Le tout est bien documenté.
Ajouter un commentaire
Réponse
+0
moins plus
Salut,

"comme sur Ateliers Dinand de Sikarr"


Késako ?
Ajouter un commentaire
Réponse
+0
moins plus
Salut,

Ateliers Dinand, c'est un site réalisé par Sikaar qui a posté en avril. On peut voir sur GGle, ateliers dinand (en 2ème position). Il a crée un logo : image mappée+infobulle personnalisée, cà dire que tu peux affecter une police, des couleurs, une taille, à l'infobulle. J'ai essayé de faire comme lui, avec mes couleurs, j'ai sûrement mal placé mon code car cela n'a pas marché. Par ailleurs dans un autre de ses posts, il disait qu'il avait réussi à virer le message d'alerte généré par IE, qui bloque l'affichage de contenu (son dans mon cas), en modifiant le code. Mais il n'explique pas ce qu'il faut modifier, dommage...
Ajouter un commentaire
Réponse
+0
moins plus
"On peut voir sur GGle, ateliers dinand (en 2ème position)."
Non mais on va pas chercher 1 heure le site, donne le lien.
Ajouter un commentaire
Réponse
+0
moins plus
Ajouter un commentaire
Réponse
+0
moins plus
C'est la class CSS listmenu qui formate le style des info bulles.
Ajouter un commentaire
Réponse
+0
moins plus
Ok merci ! Voici une partie de mon code.

<area shape="rect" coords="107,113,232,180" href="pageson.html" target="_blank" /alt="SON"onmouseover="displaydivision(O)"onmouseout="hidedivision(0)">

J'avais positionné ceci :<div ID="d1" class="listmenu"><p ALIGN="CENTER"><font FACE="Helvetica,Arial" SIZE="-1" COLOR="000000"><b>Nos prestations</b></font></p> à la suite, mais peut-être pas au bon endroit...
Ajouter un commentaire
Réponse
+0
moins plus
http://www.commentcamarche.net/css/cssintro.php3
Ajouter un commentaire
Réponse
+0
moins plus
Merci S.Spark,
Je ne pensais pas qu'il était nécessaire de créer une feuille css spécifiquement pour les infos bulles. Pour le rollover j'ai simplement ajouté le code repéré sur le logo d'Ateliers Dinand...
Ajouter un commentaire
Réponse
+0
moins plus
Ca n'est pas "une feuille css spécifiquement pour les infos bulles", c'est du CSS, mettre le nom de la class ne suffit pas il faut après ajouter les attributs de style, soit dans la balise (inapproprié ici), soit dans les balise head soit dans une feuille de style.
Ajouter un commentaire
Réponse
+0
moins plus
il suffit de se donner la peine de chercher un peu ...
http://www.commentcamarche.net/...
te donne une super solution:
http://radservebeer.free.fr/demorad/goudspide/
l'est pas mauvais le RAD !!!!
(et pour ton site, il y a aussi bien du boullot au niveau optimisation si tu veux te positionner correctement !)
Ajouter un commentaire
Ce document intitulé « infobulle personnalisée sur image map » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?