Recherche code pour créer infobulles

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Recherche code pour créer infobulles

Message par Shashy le Jeu 8 Mai 2014 - 10:18

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


Dernière édition par Shashy le Ven 9 Mai 2014 - 15:45, édité 1 fois

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code pour créer infobulles

Message par stefou le Jeu 8 Mai 2014 - 12:04

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

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code pour créer infobulles

Message par Shashy le Jeu 8 Mai 2014 - 12:39

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 ^^

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code pour créer infobulles

Message par Lixyr le Ven 9 Mai 2014 - 0:23

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code pour créer infobulles

Message par Shashy le Ven 9 Mai 2014 - 1:30

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 ! Smile

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code pour créer infobulles

Message par Neptunia le Ven 9 Mai 2014 - 2:01

Bonjour ^^


Je vous invite à lire cette astuce :
Right 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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code pour créer infobulles

Message par Shashy le Ven 9 Mai 2014 - 12:35

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 !

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code pour créer infobulles

Message par MlleAlys le Ven 9 Mai 2014 - 15:40

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)

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code pour créer infobulles

Message par Shashy le Ven 9 Mai 2014 - 15:44

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.  Yahoo 

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Recherche code pour créer infobulles

Message par MlleAlys le Ven 9 Mai 2014 - 15:45

de rien ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum