Comment faire une bulle dans un message

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

Résolu Comment faire une bulle dans un message

Message par hadrien91080 le Sam 11 Juin 2011 - 9:19

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


Dernière édition par hadrien91080 le Dim 12 Juin 2011 - 19:10, édité 1 fois

hadrien91080
Nouveau membre

Messages : 6
Inscrit(e) le : 11/06/2011

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

Résolu Re: Comment faire une bulle dans un message

Message par Invité le Sam 11 Juin 2011 - 9:23

Bonjour,

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

Cordialement

Invité
Invité


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

Résolu Re: Comment faire une bulle dans un message

Message par hadrien91080 le Sam 11 Juin 2011 - 12:01

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 ?

hadrien91080
Nouveau membre

Messages : 6
Inscrit(e) le : 11/06/2011

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

Résolu Re: Comment faire une bulle dans un message

Message par Invité le Sam 11 Juin 2011 - 18:20

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

Invité
Invité


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

Résolu Re: Comment faire une bulle dans un message

Message par hadrien91080 le Sam 11 Juin 2011 - 20:54

J'ai copier le code CSS qui est donner sur le lien (http://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]

hadrien91080
Nouveau membre

Messages : 6
Inscrit(e) le : 11/06/2011

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

Résolu Re: Comment faire une bulle dans un message

Message par tupac le Sam 11 Juin 2011 - 21:33

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;
}

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Comment faire une bulle dans un message

Message par Invité le Sam 11 Juin 2011 - 22:18

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

Invité
Invité


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

Résolu Re: Comment faire une bulle dans un message

Message par hadrien91080 le Sam 11 Juin 2011 - 22:44

@tupac a écrit: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
Nouveau membre

Messages : 6
Inscrit(e) le : 11/06/2011

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

Résolu Re: Comment faire une bulle dans un message

Message par hadrien91080 le Sam 11 Juin 2011 - 22:51

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é ?
(http://forum.forumactif.com/t306078-table-comme-sur-le-fdf)

hadrien91080
Nouveau membre

Messages : 6
Inscrit(e) le : 11/06/2011

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

Résolu Re: Comment faire une bulle dans un message

Message par tupac le Sam 11 Juin 2011 - 23:40

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>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Comment faire une bulle dans un message

Message par hadrien91080 le Dim 12 Juin 2011 - 19:10

Merci Smile

hadrien91080
Nouveau membre

Messages : 6
Inscrit(e) le : 11/06/2011

hadrien91080 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