Afficher boite de message sur une page html
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
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, +++.
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, +++.
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
oufloat: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. -
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. -