[AJUDA] Como colocar aquela caixa colorida

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

Resolvido [AJUDA] Como colocar aquela caixa colorida

Mensagem por savenx em Sex 6 Jun 2014 - 18: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

avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por Superbomber em Sex 6 Jun 2014 - 18: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:
<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>

Superbomber
Nível 9

Masculino
Inscrito dia : 28/04/2014
Mensagens : 238
Pontos Ativos : 328

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

Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por savenx em Sex 6 Jun 2014 - 19: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 
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por Superbomber em Sex 6 Jun 2014 - 19: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:





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.

Superbomber
Nível 9

Masculino
Inscrito dia : 28/04/2014
Mensagens : 238
Pontos Ativos : 328

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

Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por Harold C+ em Sex 6 Jun 2014 - 19:51

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

Mais SuperBomber

Users tambémk podem usar os códigos ?
avatar

Harold C+
Nível 10

Masculino
Inscrito dia : 27/07/2013
Mensagens : 267
Pontos Ativos : 429

Ver perfil do usuário http://www.roxyanimemanga.forum-pro.net

Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por Superbomber em Sex 6 Jun 2014 - 19: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.

Superbomber
Nível 9

Masculino
Inscrito dia : 28/04/2014
Mensagens : 238
Pontos Ativos : 328

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

Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por savenx em Sex 6 Jun 2014 - 20:21

nossa cara ficou excelente, parabéns!
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

Ver perfil do usuário http://www.wowdevbrasil.tk

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