Comment mettre des infos bulle pour le staff?

[Aventurine]

Coucou a tous

J'aimerai savoir comment peut on faire pour arriver a ce résultat la:

Spoiler:

Et aussi ou apparaissent ces bulles?Je veux dire lorsqu'on veut les utiliser,car j'aimerai en faire plusieurs?

Merci d'avance

Aventurine :thanks:

[Invité]

Bonjour,

Il y a deux choses différentes sur ce screen. Pour la signature, c'est une image réalisé sur un fond transparent. Pour les "bulles" dans les messages sont des tableaux. Si vous savez constituer un tableau, alors vous savez réaliser ce genre de message.
Un exemple:

Code:

[table class="moderation"][tr][td]Votre message[/td][/tr][/table]

Dans la feuille CSS on ajoute:

Code:

.moderation{
border:1px solid #ff0000;
-moz-border-radius:8px;
border-radius:8px;
-moz-box-shadow: 1px 1px 8px #ff0000;
color: #ff0000;}

Cordialement.

[Manga D.raw]

Super merci beaucoup !!!

[Aventurine]

Bonjour,

Il y a deux choses différentes sur ce screen. Pour la signature, c'est une image réalisé sur un fond transparent. Pour les "bulles" dans les messages sont des tableaux. Si vous savez constituer un tableau, alors vous savez réaliser ce genre de message.

Helas non je ne sais pas comment faire un tableau?

[Invité]

Bonsoir,

Dans un tableau il y a plusieurs composants tous entre [ ] en BBcode ou entre < > en html:
- table pour dire " je commence un tableau"
- tr pour dire " je commence une ligne"
- td pour dire " je commence une case"
- et on ajoute un / devant td, tr et table pour dire qu'on ferme tout ça.
Donc un tableau de base avec une seule case se compose comme ceci:

Code:

[table][tr][td]Votre message[/td][/tr][/table]

ou

Code:


<table><tr><td>Votre message</td></tr></table>

pour donner une apparence choisie à ce tableau, on ajoute une class CSS. Vous pouvez la nommer comme vous le souhaitez. Dans mon exemple j'ai mis la class "modération".
Dans le message on met donc la class à la suite de "table":

Code:

[table class="moderation"][tr][td]Votre message[/td][/tr][/table]

ou

Code:

<table class="moderation"><tr><td>Votre message</td></tr></table>

Et dans votre feuille de style CSS, vous ajouter les attributs nécessaires:

Code:

.moderation{
border:1px solid #ff0000;
-moz-border-radius:8px;
-moz-box-shadow: 1px 1px 8px #ff0000;
color: #ff0000;}

Cela donne un tableau avec un cadre rouge, les angles arrondis ( pour mozilla), une ombre rouge sous le cadre(pour mozilla) et une écriture rouge à l'intérieur.

J'espère que ce n'est pas trop brouillon comme explication .
Cordialement.

[Aventurine]

Je pense avoir compris,j'ai fait un essai mais cela apparait tout a gauche,comment faire pour que cela soit centré svp?

[Invité]

Si vous utilisez le tableau en BBcode ajoutez align="center" comme ceci:

Code:

[table class="moderation" align="center"][tr][td]Votre message[/td][/tr][/table]

En html, pour centrer le tableau placez le entre <center> et </center>:

Code:

<center><table class="moderation"><tr><td>Votre message</td></tr></table></center>

[Aventurine]

Youpiiiiiiiiiiiii!!Merci beaucoup

Isolde vous etes geniale!

Aventurine