Afficher boite de message sur une page htmlFermé

Question

Bonjour, 

Je souhaiterez faire une boite de message du genre comme Facebook où elle indique les nouveautés.

http://data.imagup.com/12/1132148303.png

J'ai fait et je continue mes recherches mais rien de beau :(

Merci d'avance, +++.

Configuration: Windows 7 / Firefox 7.0.1

Gaël · Answer

Bonjour, le mieux pour faire cette boîte de message c'est :  
Créer un DIV,  
mettre une image en fond pour donner un style à la boîte de message,   
écrire le texte que l'on veut à l'intérieur,  
changer le style du texte avec le CSS et une class ou id,  
mettre cette div en flottant (CSS : float:right ou float:left)  
Puis de positionner cette boîte dans la page avec les marges (CSS : margin:)   
et ensuite, mettre un display:none (l'élément n'est pas affiché)
puis un :hover pour la class ou id DU BOUTON cette fois-ci, suivi de la class (ou id) de la boîte de message, et spécifier un display:block  
Normalement, le message s'affichera quand le visiteur mettra le curseur sur le bouton.

avion-f16 · Answer

Salut,

Regarde du côté des tooltips :
- http://qtip2.com/demos/
- http://plugins.learningjquery.com/cluetip/
- http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

Il reste possible de réaliser ça en codant soi-même, évidemment.

Utilisateur anonyme · Answer

Merci, je vais regarder sa de plus près et je vous tiens au courant ;)

Afficher boite de message sur une page html

3 réponses

Discussions similaires

Newsletters