Aller au menu - Aller au contenu

Modifier l'apparence d'une infobulle


Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page Précédente  1  2  3  4  5  6 
Pseudo Commentaire
Page Précédente  1  2  3  4  5  6 
Hors ligne ZebulogaZ # Posté le 14/01/2009 à 21:56:16
What else ? --Semaine Verte--
Avatar

Ville : Toulouse
Pays : France métropolitaine

bravo félicitation :p

Secret (cliquez pour afficher)
20/20
 
Hors ligne Frank_mtf # Posté le 15/01/2009 à 13:10:22
Je vais prouver que j'existe
Avatar

Ville : Douala
Pays : Cameroun

C'est vraiment excellent ! Et en plus les infos-bulles ne font pas intervenir de javascript! QUE tu css ! :D :D
Merci pour ce tutoriel. Il me sera très utile pour faire des aperçus.
Secret (cliquez pour afficher)
Tu as beaucoup travaillé, ça mérite 20/20 !
 
Hors ligne skoua # Posté le 15/01/2009 à 14:24:32
Avatar

J'aurai jamais pensé tout seul à faire ça et pourtant c'est si simple, j'aurais tout de suite utilisé jQuery, et pourtant...

Je fais péter le 20/20.
Hors ligne ShadowBlade # Posté le 15/01/2009 à 15:32:46
Avatar

Merci pour vos notes et vos commentaires.

Je comptes apporter quelques améliorations au tuto très prochainement, je vous invite donc à venir le consulter de temps en temps, vous risqueriez d'être agréablement surpris ;)

ubuntu-user Image utilisateur

> Découvrez mes tutos sur le SdZ.
> Komodo Edit, outil de développement open source orienté Web.
 
Hors ligne Aravis # Posté le 01/03/2009 à 13:02:37
apt-get install Windows
Avatar

Une question me tournante. C'est le css qui fait tout. Mais sans css ?
Premièrement il n'y a pas de title. Deuxièment on voit tout le html qui va s'afficher.
Donc super bien mais c'est pas accessible. Je me trompe ?

Image utilisateur
 
Hors ligne king9306 # Posté le 08/03/2009 à 13:59:30
Avatar

Super !!!

Merci , vraiment extra.
C'est exactement ce qu'il me fallait , de plus je n'avais pas trop envie d'utiliser du javascript , que je ne connais pas trop.

Encore merci , et bravo !! :)



Projet Link Box : Avancement |||||||||||||||||||| 5%

 
Hors ligne sztruks # Posté le 12/03/2009 à 11:52:38

:) Un grand merci pour ce tutoriel, cela fait quatre mois que je cherchais desespérement à produire cet effet et je n'avais qu'un JavaScript non valide (quand à produire le mien... l'horreur :( . Je regrette juste de n'avoir pas lu ça plus tôt...

<question></question>Une petite suggestion pour enrichir le tutoriel : serait-il possible de faire des TD pour obtenir les exemples proposés à la fin ? Je n'ai pas trouvé la solution pour remplacer la forme de la boîte par quelque chose de plus sexy et d'extensible en fonction du volume de mes très longues bulles d'aide.

Je signale au passage un problème que j'ai rencontré sur Opera 9.6 : la bulle n'est pas plus longue que le Code : HTML
1
<a>....</a>


Je mets 20 pour le temps gagné grâce à ces conseils
Hors ligne gokuan # Posté le 13/03/2009 à 12:30:07

Un petit 20/20, clair, court, concis, ça le mérite bien :p
Hors ligne Cyclone200 # Posté le 05/04/2009 à 16:44:11
Avatar

Merci beaucoup, vraiment super ce tutoriel !
 
Hors ligne claves # Posté le 20/04/2009 à 19:12:37
Avatar

Bonjour

Bon, j'ai repris le code de Scaraber en page 3, mais impossible d'afficher l'image. Si quelqu'un a une idée !

Supper idée de dépard en tous cas.

EDIT : Je viens de régler le problème. Il suffit juste de mettre '=' entre src et ". Soit src=" et non pas src".

Bonne continuation
Hors ligne Biou # Posté le 27/04/2009 à 11:43:14

Perso j'ai repris le code exact sauf que je l'ai adapté pour une balise <td> au lieu de <a> et ça fonctionne uniquement sur IE; Firefox n'affiche rien mis à part le curseur d'aide :s
Une solution ?
Hors ligne edelo # Posté le 04/07/2009 à 08:50:27

J'ai repris ton code dans la page http://www.siteduzero.com/tutoriel-50- [...] e.html#r33575 (cf La Grande Muraille) mais impossible de caler mon DIV à gauche de l'écran et en pleine largeur
Une solution ?
Hors ligne edelo # Posté le 04/07/2009 à 08:51:17

je me suis tromper d'url dans le précédent post : http://www.edelo.net/routedelasoie/test.htm
Hors ligne Kenairod # Posté le 23/08/2009 à 11:10:22
Je suis un vrai zéro ! ^^
Avatar
Flux RSS

Ville : Teyran
Pays : France métropolitaine

Citation : Le tuto
Ce tutoriel se touche à la fin

Je trouve cette formule un peu spéciale pour un tutoriel. On ne dit pas plutôt "ce tutoriel touche à sa fin" ?
Sinon, très bon tutoriel que j'ai hatte de mettre en place ;)

Image utilisateur
Free the world, take Linux.
Image utilisateur
 
Hors ligne 6pri1 # Posté le 25/08/2009 à 14:44:37
Codeur/Jongleur/Eleveur
Avatar
Flux RSS

Ville : Versailles
Pays : France métropolitaine

"Ce tuto se touche à la fin."
m'a fait beaucoup rire !
 
Hors ligne MontanaSwan # Posté le 22/10/2009 à 17:57:13

super! Decidement... j'aurais jamais cru kiffer autant a apprendre le css! Merci
Hors ligne by # Posté le 02/11/2009 à 08:45:24

Ce tuto est la réponse exacte et claire à la question que je me posais. Merci
Hors ligne Floboss # Posté le 03/02/2010 à 21:20:56
I'm ding ding dong
Avatar

Salut, très bon tuto, mais il manque un détail (ou alors j'ai pas tout compris), tu n'explique pas comment faire pour afficher l'infobulle au niveau de la souris? Comme dans tes exemples à la fin.

Ma signature c'est: pas de signature :o
Mail anonyme: Mask-Mail
Mail Hadopi: Mask-Mail

 
Hors ligne djaps # Posté le 21/02/2010 à 14:59:00
Avatar

Bonjour,

Citation
Je comptes apporter quelques améliorations au tuto très prochainement, je vous invite donc à venir le consulter de temps en temps, vous risqueriez d'être agréablement surpris

J'y compte bien, puisqu'il y a un réel pb avec opéra si l'infobulle (tooltip) déborde de sa balise mère

Exemple: http://japsenne.free.fr/alsa
Image utilisateur

Correction de ce bug (source): http://tint.de/web-design/css-tooltips-for-everybody
David
Hors ligne n0m1s # Posté le 21/02/2010 à 22:29:12
Avatar

Ville : Guichen
Pays : France métropolitaine

j'ai pensé pour ceux qui n'ont pas le css:
Code : HTML
1
2
3
<p>
Grâce au <a href="#" class="info">Wi-Fi<span style="display:none;"> (</span><span>contraction de Wireless Fidelity</span><span style="display:none;">) </span></a>
</p>

on utilise le css pour "masquer" les parenthèses, sauf pour ceux qui n'ont pas le css, qui voient "Wi-Fi (contraction de wireless Fidelity) "

j'aurait bien mis un 20/20 mais je ne sais pas où on vote :(

Image utilisateur

Image utilisateur

Image utilisateur
 
Pour accéder à cette section
Connectez-vous !
connexion_rpx