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

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

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

Message par Gae67 le 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 !


Dernière édition par Gae67 le Lun 8 Déc 2014 - 20:55, édité 1 fois

Gae67
*****

Masculin
Messages : 808
Inscrit(e) le : 23/03/2009

http://famille-pandora.forumgratuit.org
Gae67 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire une bulle avec les informations dedans (Page d'accueil)

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

up

Gae67
*****

Masculin
Messages : 808
Inscrit(e) le : 23/03/2009

http://famille-pandora.forumgratuit.org
Gae67 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire une bulle avec les informations dedans (Page d'accueil)

Message par Henrykiki le 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é!

Henrykiki
**

Masculin
Messages : 95
Inscrit(e) le : 26/11/2014

http://scoubalou.forumsactifs.com
Henrykiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire une bulle avec les informations dedans (Page d'accueil)

Message par Gae67 le 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?


Gae67
*****

Masculin
Messages : 808
Inscrit(e) le : 23/03/2009

http://famille-pandora.forumgratuit.org
Gae67 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire une bulle avec les informations dedans (Page d'accueil)

Message par Henrykiki le 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>

Henrykiki
**

Masculin
Messages : 95
Inscrit(e) le : 26/11/2014

http://scoubalou.forumsactifs.com
Henrykiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire une bulle avec les informations dedans (Page d'accueil)

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

Je te remercie beaucoup !

Bonne soirée !

Gae67
*****

Masculin
Messages : 808
Inscrit(e) le : 23/03/2009

http://famille-pandora.forumgratuit.org
Gae67 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