Afficher boite de message sur une page html

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

3 réponses

  1. Gaël
     
    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
    1. Gaël
       
      Si je n'ai pas été clair, n'hésitez pas à demander plus d'explications !
      0
    2. Gaël
       
      autant pour moi, cette méthode ne fonctionne que pour les listes par exemple, le seul moyen semble être le javascript...
      0
  2. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    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
  3. Utilisateur anonyme
     
    Merci, je vais regarder sa de plus près et je vous tiens au courant ;)
    0