Recherche code pour créer infobulles

5 participants

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

Résolu Recherche code pour créer infobulles

Message par Shashy 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

Shashy
****

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

https://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 Jeu 8 Mai 2014 - 12:04

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

stefou
*****

Masculin
Messages : 901
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 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

Shashy
****

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

https://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 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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Recherche code pour créer infobulles 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Recherche code pour créer infobulles 3592387030 pour prévenir la modération.

Recherche code pour créer infobulles Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

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

Message par Shashy 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

Shashy
****

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

https://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 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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

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

Message par Shashy 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

Shashy
****

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

https://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 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

MlleAlys
Membre actif

Messages : 5767
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 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

Shashy
****

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

https://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 Ven 9 Mai 2014 - 15:45

de rien ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
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

- Sujets similaires

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