Afficher boite de message sur une page html

Fermé
Utilisateur anonyme - 1 oct. 2011 à 17:29
 Utilisateur anonyme - 2 oct. 2011 à 12:23
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, +++.

A voir également:

3 réponses

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.
0
Si je n'ai pas été clair, n'hésitez pas à demander plus d'explications !
0
autant pour moi, cette méthode ne fonctionne que pour les listes par exemple, le seul moyen semble être le javascript...
0
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
1 oct. 2011 à 20:24
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.
0
Utilisateur anonyme
2 oct. 2011 à 12:23
Merci, je vais regarder sa de plus près et je vous tiens au courant ;)
0