Como colocar estes quadros

5 participantes

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

Tópico resolvido Como colocar estes quadros

Mensagem por zW-No.? 05.04.12 1:34

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
zW-No.?

zW-No.?
Nível 10

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

http://www.masterpixelforum.forumeiros.eu

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar estes quadros

Mensagem por Nickname 05.04.12 1:49

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

Nickname
Membro do fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1553
Pontos ativos : 2049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar estes quadros

Mensagem por zW-No.? 05.04.12 1:54

Onde coloco ?

Pagina HTML ?
Java Script ?
zW-No.?

zW-No.?
Nível 10

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

http://www.masterpixelforum.forumeiros.eu

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar estes quadros

Mensagem por Nickname 05.04.12 1:58

Na propria mensagem

Até mais
Nickname

Nickname
Membro do fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1553
Pontos ativos : 2049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar estes quadros

Mensagem por zW-No.? 05.04.12 1:59

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 ?
zW-No.?

zW-No.?
Nível 10

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

http://www.masterpixelforum.forumeiros.eu

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar estes quadros

Mensagem por Cristian 95 07.04.12 7:02

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

Cristian 95
Membro destaque

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

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar estes quadros

Mensagem por zW-No.? 07.04.12 12:36

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

zW-No.?

zW-No.?
Nível 10

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

http://www.masterpixelforum.forumeiros.eu

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar estes quadros

Mensagem por EduardoWenes 07.04.12 13:26

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
EduardoWenes

EduardoWenes
Membro destaque

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar estes quadros

Mensagem por zW-No.? 07.04.12 13:40

Funcinou Podem Fechar o Tópico.
zW-No.?

zW-No.?
Nível 10

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

http://www.masterpixelforum.forumeiros.eu

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar estes quadros

Mensagem por Thiago Barbosa 07.04.12 13:56

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

Thiago Barbosa
Nível 9

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

http://world-gamers.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar estes quadros

Mensagem por EduardoWenes 07.04.12 13:57

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

EduardoWenes
Membro destaque

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste fórum
Você não pode responder aos tópicos