Como colocar estes quadros

Qual é minha questão:
Olá vim num forum que eles tem uns quadros como :

quando a pessoa fala algo improprio ele abre um quadro escrito cencurado vou mostrar:

https://2img.net/r/ihimizer/img692/5823/fasdfawqedqwe.jpg

Olhem os quadros :
como :

Resolvido
Informações
Alerta
Tópico Fechado
Censurado

Link do forum que eu vi: http://dix-forum.forumeiros.com/t308-regras-metodo-novo-para-usuarios-saff

Medidas que eu tomei para corrigir o problema:
...

Links e imagens do meu problema:
https://2img.net/r/ihimizer/img692/5823/fasdfawqedqwe.jpg

Endereço do meu fórum:
www.masterpixelforum.forumeiros.eu

Versão do meu fórum:
PUNBB

Olá
Proucurei um que é meio diferente,
Basta somente editar a imagem e a cor

Código:

    [table border="0" cellpadding="5" cellspacing="0" style="border: #FF0000 solid 2px; width: 100%;"][tr][td style="background-color: #FF0000; font-size: 48px; width: 15px; height:56px; color: #FFF;"]![/td][td style="color: #000000; background-color: #FF8888; height:56px; padding: 5px;"]MENSAGEM DE MODERAÇÃO[/td][/tr][/table]

MENSAGEM DE MODERAÇÃO: Coloque o conteúdo da mensagem neste local.

Até mais

Onde coloco ?

Pagina HTML ?
Java Script ?

Na propria mensagem

Até mais

Não teria como passar os codigos onde eu só coloco o codigo e escrevo a mensagem exemplo o codigo foi adicionado no JS ai só coloca no tópico.

<div class="resolvido"> Aqi a mensagem </div>
e a mensagem ?

TooP_DeaD escreveu:Não teria como passar os codigos onde eu só coloco o codigo e escrevo a mensagem exemplo o codigo foi adicionado no JS ai só coloca no tópico.

<div class="resolvido"> Aqi a mensagem </div>
e a mensagem ?

Brother eu acho que não, sabe por que, em tópico não da para por javascritp ou seilá que linguagem é essa que você usou, note que você colocou isso aqui neste tópico e não aconteceu nada. '-'


(Eu pensei que era algo que quando você escreve algum palavriado aparecia um alerta de cencura por que você disse "ele abre um quadro escrito cencurado". '-')

Olá, entre nesta mensagem do Fórum Dix-Forum :

http://dix-forum.forumeiros.com/t308-

Olá,

adicione este código em seu CSS;

Código:

.resolvido{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#b8e5a1;background-image:url(http://img37.imagefra.me/img/img37/8/8/10/picol/f_104jdemjym_6d51d34.png);background-padding-right:6px;background-repeat:no-repeat;border:2px solid #99e573;border-radius:5px;color:#000;height:auto;margin-bottom:10px;padding:6px 6px 6px 30px;vertical-align:middle}.informacao{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#b2ccff;background-image:url(http://i55.tinypic.com/m8mhsl.png);background-padding-right:6px;background-repeat:no-repeat;border:2px solid #80aaff;border-radius:5px;color:#000;height:auto;margin-bottom:10px;padding:6px 6px 6px 30px;vertical-align:middle}.alerta{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#ffe5b2;background-image:url(http://i52.tinypic.com/2r542yx.png);background-padding-right:6px;background-repeat:no-repeat;border:2px solid #ffd580;border-radius:5px;color:#000;height:auto;margin-bottom:10px;padding:6px 6px 6px 30px;vertical-align:middle}.proibido{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#ffb2b2;background-image:url(http://i55.tinypic.com/29vyxcx.png);background-padding-right:6px;background-repeat:no-repeat;border:2px solid #ff8080;border-radius:5px;color:#000;height:auto;margin-bottom:10px;padding:6px 6px 6px 30px;vertical-align:middle}


Logo após.

Você tem de responder a uma mensagem qualquer assim:

Código:

<div class="resolvido"> Texto a ser digitado </div>

Código:

<div class="informacao"> Texto a ser digitado </div>

Código:

<div class="alerta"> Texto a ser digitado </div>

Código:

<div class="proibido"> Texto a ser digitado </div>

Importante: O mais certo é quando colocar esses códigos não funcionar.

Então o que deve fazer para funcionar?

Simples, antes de postar qualquer código desses você tem de ir
ao seu Perfil, Preferências, e em baixo onde diz: Sempre permitir HTML você coloca "SIM":

Sempre permitir HTML : [X] SIM [ ] NAO

Salve e pronto! Já vai poder colocar isso.

Até mais.

Funcinou Podem Fechar o Tópico.

EduardoWenes , tem como permitir esse codigo só para a Staff? ou já esta ? .

Apenas para a staff não, mais pode manter em secreto, ou seja, passe esse código só para a equipe Staff.