[AJUDA] Como colocar aquela caixa colorida

Item: [AJUDA] Como colocar aquela caixa colorida
Rating: 1

por savenx 06.06.14 22:38

Descrição:

Saudações! Gostaria de saber como posso colocar aquela caixa colorida (verde ou amarela), que quando um Moderador ou Admin tranca um tópico ou move o topico automaticamente ele posta... por ex

Tópico trancado, motivo: teste

Essa frase acima estaria em uma caixa colorida, e seria postada automaticamente ao trancar o topico! Obg!

Informações:

Fórum:	http://mortosvivosbrasil.forumeiros.com/	Versão:	PUNBB
Tipo:	Pedido de código	Tags:	[AJUDA],colocar,aquela,caixa,colorida

por Superbomber 06.06.14 22:50

Que coincidência, estou fazendo isso para meu fórum, se eu terminar antes de alguém lhe responder te passo o Javascript.

Bom, mais eis o modo manual:

Código:: <div style="width: 98%; height: 70px; background: rgba(0, 255, 0, 0.4); border: 2px solid rgba(0,255,0,0.4); border-radius: 10px;text-align: center;color: #2A2;font-size: 18px;"><strong><br/>Tópico movido para ""</strong></div>

Dai é só mudar para cor que quiser nas partes destacadas(Vermelho = fundo;azul = borda e verde = texto):

Spoiler:

por savenx 06.06.14 23:07

Muito obrigado, irei usar o manual enquanto isso, se você conseguir a versão automatica ficaria muito agradecido ! Muito feliz

por Superbomber 06.06.14 23:47

Olá, eu terminei a primeira parte, que é a utilização, vou adicionar botões futuramente mais ainda vou aguardar as imagens estarem prontas. Bom caso queira esperar os botões avise.

Crie um novo Javascript e adicione esse código:

Código:: function mensagens(){ var div = document.getElementsByClassName("postbody"); var mov = "<div style='width: 98%; height: 70px; background: rgba(0, 255, 0, 0.4); border: 2px solid rgba(0,255,0,0.4); border-radius: 10px;text-align: center;color: #2A2;font-size: 18px;'><strong><br/>Tópico movido para \""; var movF = "\"</strong></div>"; var lix = "<div style='width: 98%; height: 70px; background: rgba(255, 0, 0, 0.4); border: 2px solid rgba(255, 0,0,0.4); border-radius: 10px;text-align: center;color: #A22;font-size: 18px;'><strong><br/>Tópico movido para a lixeira</strong></div>"; var alerta = "<div style='width: 98%; height: 70px; background: rgba(220, 180, 0, 0.4); border: 2px solid rgba(220, 180,0,0.4); border-radius: 10px;text-align: center;color: #992;font-size: 18px;'><strong><br/>Alertado! "; var fim = "</strong></div>"; if (div[0] !== undefined){ for(i=0; i<div.length; i++){ for(ii=0;ii<div[i].innerHTML.length;ii++){ var b = div[i].innerHTML.indexOf("[movido]"); if (b != -1){ div[i].innerHTML = div[i].innerHTML.replace("[movido]", mov); } b = div[i].innerHTML.indexOf("[/movido]"); if (b != -1){ div[i].innerHTML = div[i].innerHTML.replace("[/movido]", movF); } b = div[i].innerHTML.indexOf("[lixeira]"); if (b != -1){ div[i].innerHTML = div[i].innerHTML.replace("[lixeira]", lix); } b = div[i].innerHTML.indexOf("[alerta]"); if (b != -1){ div[i].innerHTML = div[i].innerHTML.replace("[alerta]", alerta); } b = div[i].innerHTML.indexOf("[/alerta]"); if (b != -1){ div[i].innerHTML = div[i].innerHTML.replace("[/alerta]", fim); } } } } }

Logo após, copie o endereço desse javascript(Não se preocupe com a edição do javascript mudar o endereço do javascript(Os número no final), pois mesmo assim ele funciona com o endereço anterior...Não sei porque mais funciona '-')

E adicione esse código a um javascript(É assim que faço se souber outro jeito só precisa executar a função(Ou se souber fazer o javascript funcionar com document.onready pode fazer)...):

Código:: <script src="END_DO_SCRIPT"></script> <script> document.onready = function(){ mensagens(); } </script>

Onde tem END_DO_SCRIPT coloque o endereço do script.

Os comandos são os seguintes:

[movido]Coloque pra onde foi movido[/movido]
[lixeira]
[alerta]Coloque oque quiser como o motivo, mas se quiser pode deixar vazio que vai ficar: Alertado![/alerta]

Veja o resultado:

[AJUDA] Como colocar aquela caixa colorida QSovsQv