Rechercher : dans
Par :

Infobulle personnalisée sur image map

Dernière réponse le 7 nov 2009 à 11:16:03 Eliza, le 18 nov 2007 à 09:25:30 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « infobulle personnalisée sur image map » dans :
[Personnaliser] Thème Logon Logoff Bootscreen VoirPersonnaliser Windows XP Vous en avez assez de l'interface standard de Windows XP ? Vous voulez personnaliser, customiser l'ensemble (ou une partie) ? Vous pouvez personnaliser le bureau (thème et papier-peint), mais aussi le style plus général...
[Infographie] Créer des mosaïques d'images VoirSi vous voulez créer des mosaïques d'images telles que celle-là: il existe deux logiciels gratuits sous Windows qui permettent d'en créer: AndreaMosaic et Foto-Mosaik
Créer un économiseur d'écran personnalisé avec ses photos VoirQui n'a jamais souhaité avoir un économiseur d'écran personnalisé en faisant un diaporama avec ses propres photos persos ? Windows propose une fonctionnalité permettant de créer son propre écran de veille en utilisant les photos situées dans le...
Télécharger AMSN VoiraMSN est un clone de MSN Messenger en version libre, possédant de nombreuses fonctionnalités parmi lesquelles : Affichage des images Emoticones personnalisées Support Multi-langues (40 langages supportés) Support des Webcams Connexion...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
PHP - Génération d'images VoirPrérequis PHP permet de créer des images au format GIF à l'aide d'une librairie de fonctions prévue à cet effet. La librairie permettant de créer et manipuler des fichiers graphiques se nomme GD, ainsi, pour pouvoir utiliser ces fonctions il faut...
Fichier ISO (Image ISO) VoirFormat ISO Un fichier possédant l'extension .ISO est une image ISO, c'est-à-dire une image d'un disque (CD, DVD ou disque dur) sous forme de fichier, créer avec un logiciel de gravure. Comment lire un fichier ISO ? En l'absence de graveur, il...

1

s.spark, le 19 nov 2007 à 06:25:46

Salut,

"comme sur Ateliers Dinand de Sikarr"


Késako ?

Répondre à s.spark

2

Eliza, le 19 nov 2007 à 13:09:44

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...

Répondre à Eliza

3

s.spark, le 19 nov 2007 à 14:31:08

"On peut voir sur GGle, ateliers dinand (en 2ème position)."
Non mais on va pas chercher 1 heure le site, donne le lien.

Répondre à s.spark

4

Eliza, le 19 nov 2007 à 15:15:43
Répondre à Eliza

5

s.spark, le 19 nov 2007 à 15:53:17

C'est la class CSS listmenu qui formate le style des info bulles.

Répondre à s.spark

6

Eliza, le 19 nov 2007 à 17:55:00

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...

Répondre à Eliza

7

s.spark, le 19 nov 2007 à 21:33:31
Répondre à s.spark

8

Eliza, le 20 nov 2007 à 08:02:19

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...

Répondre à Eliza

9

s.spark, le 20 nov 2007 à 13:39:52

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.

Répondre à s.spark

10

juanou, le 7 nov 2009 à 08:05:19

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?idBill­et=1

Il accepte pas mal d'options, qui permettent notamment de modifier l'apparence de la bulle.
Le tout est bien documenté.

Répondre à juanou

11

 bg62, le 7 nov 2009 à 11:16:03

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 !) le 'www' est fait aussi pour communiquer, partager et échang­er, non ?
merci d'avoir la politesse de répondre à ceux qui essaient d­e vous aider

Répondre à bg62
Collection CommentÇaMarche.net