Comment faire une bulle dans un message

[hadrien91080]

Bonjour,

J'aimerez faire une bulle dans un message avec on fond vert ou rouge et une image a gauche
Voici un exemple, dans le 2ème message : http://graph-passion.jdrforum.com/t319-un-avatar-entre-rayquaza-et-bugdroid

Merci cordialement

[Invité]

Bonjour,

Ce post devrait vous fournir des renseignements pour ce faire : https://forum.forumactif.com/t306078-table-comme-sur-le-fdf

Cordialement

[hadrien91080]

Merci mais ce n,'est pas très beau.
Sur le forum montré, le membre utilise

Code:

<div class="valide"> TEXTE </div>

Comment faire avec ceci ?

[Invité]

Bonsoir,

Est-ce que vous avez associé le code CSS au tableau donné dans post en lien dans mon message précédent afin de personnaliser le message ?
Vous pouvez je pense et si vous le souhaitez y rajouter un background etc...

Pour ce qui du code que vous mentionnez, je ne saurai malheureusement pas vous dire comment l'utiliser. Normalement, ce type de code, me semble t-il s'insère dans les templates.

Cordialement

[hadrien91080]

J'ai copier le code CSS qui est donner sur le lien (https://forum.forumactif.com/t306078-table-comme-sur-le-fdf)
Mais j'aimerez savoir comment arrondir les bord, comment changer la couleurs des bord, et mettre une couleur de fond.

Merci cordialement.

EDIT : Voici le code que je met dans les messages :

Code:

[color=green][b]<table class="xxx"><tr><td> [table class="tr- creas"][tr][td vertical-align="middle"][img]http://i24.servimg.com/u/f24/11/24/20/36/10624110.png[/img][/td][td vertical-align="middle"]
TEXTE
[/td][/tr][/table] </td></tr></table>[/b][/color]

[tupac]

Bonsoir

J'avais ce code de côté peut-être te conviendra t-il.

place celui-la dans le message.

Code:

<div class="bulle">Bonsoir<br>tu place ton texte ici<br>avec une petite image si tu le souhaite<img src="http://hariboow.free.fr/upload/images/0057.gif" alt="" > </div>

et celui-la dans la feuille de style

Code:

.bulle{
  padding: 10px;
  width: 500px;
  height: 70px;
  color:#F0E36B;
  font-family: Papyrus, time new roman, serif;
  text-align: center;
  background: #4E3D28;
  border: 1px solid #ffff00;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

[Invité]

Bonsoir,

Sur le topic dans lequel vous avez trouvé ce code, ma collègue Macema donnait le code CSS que l'on pouvait lui associer :

Code:

.xxx {
-moz-box-shadow: 1px 1px 20px #0000ff;
  -webkit-box-shadow: 1px 1px 20px #0000ff;
  box-shadow: 1px 1px 20px #0000ff;

}

Vous pouvez modifier les valeurs: 20px ainsi que les codes couleurs :#0000ff

Cordialement

[hadrien91080]

Bonsoir

J'avais ce code de côté peut-être te conviendra t-il.

place celui-la dans le message.

Code:

<div class="bulle">Bonsoir<br>tu place ton texte ici<br>avec une petite image si tu le souhaite<img src="http://hariboow.free.fr/upload/images/0057.gif" alt="" > </div>

et celui-la dans la feuille de style

Code:

.bulle{
  padding: 10px;
  width: 500px;
  height: 70px;
  color:#F0E36B;
  font-family: Papyrus, time new roman, serif;
  text-align: center;
  background: #4E3D28;
  border: 1px solid #ffff00;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

Merci Beaucoup !!!!!!
C'est sa que je chercher !!
Encore merci, cordialement !!!

[hadrien91080]

Mais comment faire pour centrer l'image a gauche, et mettre le texte a droite de l'image comme sur le site que je vous est donné ?
(https://forum.forumactif.com/t306078-table-comme-sur-le-fdf)

[tupac]

J'ai rajouté un align="left après le img

Code:

<div class="bulle"><img align="left" src="http://hariboow.free.fr/upload/images/385778nyn.png">Bonsoir<br>tu place ton texte ici<br>avec une petite image si tu le souhaite </div>

[hadrien91080]

Merci