[AJUDA] Como colocar aquela caixa colorida

3 participantes

Ir para baixo

Tópico resolvido [AJUDA] Como colocar aquela caixa colorida

Mensagem 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ódigoTags:[AJUDA],colocar,aquela,caixa,colorida

savenx
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem 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:
avatar
Superbomber
****

Membro desde : 28/04/2014
Mensagens : 238
Pontos : 328

http://hackerjustice.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem 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 Muito feliz Muito feliz 
savenx
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem 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

[AJUDA] Como colocar aquela caixa colorida BObGBkU

Ainda esta em desenvolvimento então só fiz esses três porque não preciso de outros, mais se você precisa de mais alguma mensagem só pedir.
avatar
Superbomber
****

Membro desde : 28/04/2014
Mensagens : 238
Pontos : 328

http://hackerjustice.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por Harold C+ 06.06.14 23:51

Sei que o tópico não é sobre mim ...

Mais SuperBomber

Users tambémk podem usar os códigos ?
Harold C+
Harold C+
****

Membro desde : 27/07/2013
Mensagens : 267
Pontos : 429

http://www.roxyanimemanga.forum-pro.net

Ir para o topo Ir para baixo

Tópico resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por Superbomber 06.06.14 23:56

Graphz escreveu:Sei que o tópico não é sobre mim ...

Mais SuperBomber

Users tambémk podem usar os códigos ?

Sim, qualquer um pode usar esses códigos.
avatar
Superbomber
****

Membro desde : 28/04/2014
Mensagens : 238
Pontos : 328

http://hackerjustice.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por savenx 07.06.14 0:21

nossa cara ficou excelente, parabéns!
savenx
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos