Como colocar estes quadros

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como colocar estes quadros

Mensagem por zW-No.? em 04/04/12, 09:34 pm

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:

http://img692.imageshack.us/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:
http://img692.imageshack.us/img692/5823/fasdfawqedqwe.jpg

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

Versão do meu fórum:
PUNBB
avatar

zW-No.?
Nível 10

Masculino
Inscrito dia : 12/02/2012
Mensagens : 257
Pontos Ativos : 335

Ver perfil do usuário http://www.masterpixelforum.forumeiros.eu

Resolvido Re: Como colocar estes quadros

Mensagem por Nickname em 04/04/12, 09:49 pm

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

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como colocar estes quadros

Mensagem por zW-No.? em 04/04/12, 09:54 pm

Onde coloco ?

Pagina HTML ?
Java Script ?
avatar

zW-No.?
Nível 10

Masculino
Inscrito dia : 12/02/2012
Mensagens : 257
Pontos Ativos : 335

Ver perfil do usuário http://www.masterpixelforum.forumeiros.eu

Resolvido Re: Como colocar estes quadros

Mensagem por Nickname em 04/04/12, 09:58 pm

Na propria mensagem

Até mais

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como colocar estes quadros

Mensagem por zW-No.? em 04/04/12, 09:59 pm

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 ?
avatar

zW-No.?
Nível 10

Masculino
Inscrito dia : 12/02/2012
Mensagens : 257
Pontos Ativos : 335

Ver perfil do usuário http://www.masterpixelforum.forumeiros.eu

Resolvido Re: Como colocar estes quadros

Mensagem por Cristian 95 em 07/04/12, 03:02 am

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". '-')
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Resolvido Re: Como colocar estes quadros

Mensagem por zW-No.? em 07/04/12, 08:36 am

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

avatar

zW-No.?
Nível 10

Masculino
Inscrito dia : 12/02/2012
Mensagens : 257
Pontos Ativos : 335

Ver perfil do usuário http://www.masterpixelforum.forumeiros.eu

Resolvido Re: Como colocar estes quadros

Mensagem por EduardoWenes em 07/04/12, 09:26 am

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:

Para aquele verde que aparece lá;

Código:
<div class="resolvido"> Texto a ser digitado </div>

Para aquele azul que aparece lá;

Código:
<div class="informacao"> Texto a ser digitado </div>

Para aquele amarelo que aparece lá;

Código:
<div class="alerta"> Texto a ser digitado </div>

Para aquele vermelho que aparece lá;

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. Piscada
avatar

EduardoWenes
Usuário destaque

Masculino
Inscrito dia : 18/11/2011
Mensagens : 533
Pontos Ativos : 766

Ver perfil do usuário

Resolvido Re: Como colocar estes quadros

Mensagem por zW-No.? em 07/04/12, 09:40 am

Funcinou Podem Fechar o Tópico.
avatar

zW-No.?
Nível 10

Masculino
Inscrito dia : 12/02/2012
Mensagens : 257
Pontos Ativos : 335

Ver perfil do usuário http://www.masterpixelforum.forumeiros.eu

Resolvido Re: Como colocar estes quadros

Mensagem por Thiago Barbosa em 07/04/12, 09:56 am

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

Thiago Barbosa
Nível 9

Masculino
Inscrito dia : 09/01/2011
Mensagens : 239
Pontos Ativos : 348

Ver perfil do usuário http://world-gamers.forumeiros.com

Resolvido Re: Como colocar estes quadros

Mensagem por EduardoWenes em 07/04/12, 09:57 am

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

EduardoWenes
Usuário destaque

Masculino
Inscrito dia : 18/11/2011
Mensagens : 533
Pontos Ativos : 766

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum