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, +++.
A voir également:
- Page la boite a message
- Supprimer page word - Guide
- Se connecter à ma boite hotmail - Guide
- Recuperer message whatsapp supprimé - Guide
- Boite gmail saturée - Guide
- Message supprimé whatsapp - Guide
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 :
Puis de positionner cette boîte dans la page avec les marges (CSS :
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.
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:rightou
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.
Gaël
Si je n'ai pas été clair, n'hésitez pas à demander plus d'explications !
Gaël
autant pour moi, cette méthode ne fonctionne que pour les listes par exemple, le seul moyen semble être le javascript...
