Faire une bulle avec les informations dedans (Page d'accueil)

par Gae67 Sam 6 Déc 2014 - 13:31

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 06.12.2014
Lien du forum : http://famille-pandora.forumgratuit.org

Description du problème

Bonjour,

Je souhaite insérer une image avec une bulle dans la page d'accueil avec les informations défilantes.
Le problème c'est que je souhaite que ces informations ne dépassent pas le cadre de la bulle, et qu'elles défilent selon la bulle et non l'espace de la page d'accueil...

J'espère que vous voyez comme je le vois...

Merci d'avance pour vos futures réponses !

par Gae67 Dim 7 Déc 2014 - 22:59

par Henrykiki Lun 8 Déc 2014 - 0:06

Bonjour Gae67,

Si je comprends bien, ce que tu souhaites faire, c'est une case "arrondie", avec dedans des messages qui y défilent... sans pour autant sortir de la bulle.. si c'est cela que tu cherches à faire voici une proposition :

Code:: <html> <head> <style> #bulle { width: 200px; /* largeur */ background: yellow; /* fond */ border: 3px solid black; /* bordure */ overflow: hidden; /* ce qui depasse est caché */ border-radius: 10px; /*coins arrondis */ } </style> </head> <body> <div id="bulle"> <marquee behavior="behavior" direction="up"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis, ut qui deserunt cumque dolor cupiditate quia repudiandae. Voluptate, porro, eum, quos minima laudantium accusantium quibusdam est enim cum ratione mollitia.</p> </marquee> </div> </body> </html>

J'espère que c'était bien cela ton problème ? Et j'espère vraiment t'avoir aidé!

par Gae67 Lun 8 Déc 2014 - 19:23

Bonsoir,

Super ! C'est ce que je recherche, par contre j'ai quelques petites questions :

- Peut-on mettre une image de fond dans cette bulle? Si oui comment
- Est-il obligatoire de mettre un fond de couleur au niveau du texte?
- Et je pense que c'est possible mais je demande quand même, on peut régler la taille comme bon nous semble je pense?

par Henrykiki Lun 8 Déc 2014 - 19:31

Bonjour Gael,

Tu peux vraiment tout faire, ceci dit, pense à tes internautes qui devront lire du texte qui défile (déjà fatiguant pour les yeux) et sur une image (pas souvent lisible) donc oui c'est faisable, et je t'explique de suite comment, mais réfléchis bien avant...

Tu as ce code CSS qui concerne ta bulle, tu peux modifier les valeurs pour l'adapter à ta guise :

Code:: <style> #bulle { width: 200px; /* largeur suffit de changer le chiffre */ height: 50px; /* hauteur, idem, suffit de changer */ background: yellow; /* à utiliser pour un fond de couleur */ background: url("url_de_ton_image"); /* image de fond */ border: 3px solid black; /* bordure */ overflow: hidden; /* ce qui depasse est caché */ border-radius: 10px; /*coins arrondis */ } </style>

par Gae67 Lun 8 Déc 2014 - 20:55

Je te remercie beaucoup !

Bonne soirée !

Faire une bulle avec les informations dedans (Page d'accueil)