Recherche code pour créer infobulles

[Shashy]

Bonjour,

Je recherche les codes qui correspondent à la création d'infobulles s'il vous plaît. Ces infobulles seront intégrées dans des messages du forum tout simplement.

En vous remerciant par avance,

Shashy

[stefou]

Bonjour,
En faisant simplement une recherche sur le forum je tombe directement là dessus

[Shashy]

Edit à 12:40:42 le 08.05.2014: Je suis de retour sur mon ordinateur !


Je tiens à donner des précisions sur mon souhait:

L'infobulle devra être en affichage constant, c'est à dire aucun passage de souris pour l'afficher ! Merci ^^

[Lixyr]

Bonjour,

La propriété d'une infobulle et de s'afficher quand a besoin d'une information, au passage de la souris. Ce n'est donc pas une infobulle que vous souhaitez. Pouvez-vous être plus précise ? Car autrement ce serait du simple code sans hover.

[Shashy]

Bonsoir,

Ce que je souhaite c'est une forme de bulle, une bulle rectangle avec coins arrondis et si possible que celle-ci ne soit pas plate, c'est-à-dire une sorte de surélévation, une ombre portée ferait l'affaire ?

Merci pour votre intervention Lixyr !

[Neptunia]

Bonjour ^^


Je vous invite à lire cette astuce :
Astuce du mardi : afficher les messages sous forme de bulles

Si vous voulez une bulle non plate (on doit dire gazeuse, nan ??) je pense qu'un attribut box-shadow devrait faire l'affaire.

[Shashy]

Bonjour !

Merci pour cette astuce, cependant ce n'est pas cela que je recherche. ^^" C'est une forme de bulle, ce que vous avez dit est tout à fait correct, mais que celle-ci soit à l'intérieur du cadre de message. Je ne souhaite pas modifier mes templates. ^^

Merci beaucoup pour votre aide !

[MlleAlys]

bonjour,

Pour faire un bloc de texte il faut utiliser la balise html <div>...</div>. Vous pourrez ensuite la mettre en forme selon ce que vous désirer grâce à quelques recherches sur les propriétés css :
box-shadow pour l'ombre, border-radius pour les coins arrondis, width pour la largeur, padding pour la marge intérieure, margin pour la marge extérieure et le centrage, background pour le fond, color pour la couleur du texte, etc...

Ce qui pourra donner par exemple :

Code:

<div style="background:white; border-radius:20px; box-shadow: 1px 1px 5px black; margin: 10px auto; width:80%; padding:10px; color: black;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mattis lectus mauris. Duis luctus urna malesuada mauris posuere consectetur. Sed pulvinar neque et velit iaculis vulputate. Sed pulvinar nisl non suscipit convallis. Pellentesque ut diam elit. Cras adipiscing tincidunt libero condimentum rutrum. Sed in pulvinar quam, lobortis posuere neque. Integer eget libero eget nisl feugiat sodales. Donec et tellus magna.</div>

(le html doit être autorisé dans le message)

[Shashy]

Bonjour,

Et bien voilà, c'est exactement ce que je veux ! Je suis très contente du résultat, je vais juste changer les couleurs, je vous remercie beaucoup pour votre aide et je passe le sujet en résolu.   

[MlleAlys]

de rien ^^