"Messages de modération" du Forum des Forums

[Hystos]

Bonjour,

Je me demandais comment vous faisiez pour faire vos "messages de modérations".

Exemple : et vos nombreux autres.

Je serais très intéressé pour les mettre dans mon propre forum. Est-ce possible ? Comment le faire ?

Merci d'avance,
Hystos.

[Threax]

Bonjour,

Il s'agit d'un tableau :

Code:

[table][tr][td]Contenu[/td][/tr][/table]

On a attribué une classe à ce tableau (ex : "moder")

Code:

[table class="moder"][tr][td]Contenu[/td][/tr][/table]

Et via le CSS, on lui donne un peu de style, ex :

Code:

.moder {
  background: white;
  border: 3px double red;
  color: red;
  font-weight: bold;
  width: 80%;
  margin: auto;
}

Ce style donnera ça :

Contenu

Vous pouvez bien évidemment modifier ce style par ce que vous souhaitez.

[Hystos]

Merci beaucoup. Juste une question, comment les modérateurs peuvent-ils les mettre après les avoir mis dans le CSS ?

[Threax]

Eh bien, si vous mettez le code précédent dans le CSS, en postant ça :

Code:

[table class="moder"][tr][td]Contenu[/td][/tr][/table]

et en modifiant juste le contenu, ils auront un message "mis en forme".

[Hystos]

Merci beaucoup

Je teste, puis si ça marche je mets la balise "Résolu".

Deux dernières questions :

Comment faites-vous pour arrondir les bords (c'est plus esthétique^^) ?
Comment avez-vous fait pour intégrer le point d'exclamation dans le message et écrire à côté ?

Merci d'avance,
Hystos.

[Alyz]

Salut,

POUR L'IMAGE :

En reprenant l'exemple, ça donne cela :

Code:

[table class="moder"][tr][td vertical-align="middle"][img]ADRESSE DE TON IMAGE[/img][/td][td vertical-align="middle"]TON TEXTE[/td][/tr][/table]

POUR LES COINS ARRONDIS

Ton css ressemblerait à ça avec l'ajout pour l'arrondi en sachant que tu peux modifier les "10"(pense à bien faire les trois, ça permet d'harmoniser entre les navigateurs) pour que le rendu soit plus ou moins arrondi.

Code:

.moder {
  background: white;
 -moz-border-radius: 10px;
 -webkitborder-radius: 10px;
 border-radius: 10px;
  border: 3px double red;
  color: red;
  font-weight: bold;
  width: 80%;
  margin: auto;
}

[Hystos]

:thanks: à vous deux !

Peut-on éviter de centrer le message ? Parce que moi, ça donne ça :



Merci d'avance.

[Alyz]

Enlève le "margin: auto;" du CSS

[Hystos]

Merci