[AJUDA] Como colocar aquela caixa colorida

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

Atendido / Resolvido [AJUDA] Como colocar aquela caixa colorida

Mensagem por savenx em 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
Nível 5

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

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

Atendido / Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

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

Superbomber
Nível 9

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

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

Atendido / Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por savenx em 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
Nível 5

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

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

Atendido / Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por Superbomber em 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
Nível 9

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

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

Atendido / Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por Harold C+ em 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+
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

Atendido / Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por Superbomber em 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
Nível 9

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

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

Atendido / Resolvido Re: [AJUDA] Como colocar aquela caixa colorida

Mensagem por savenx em 07.06.14 0:21

nossa cara ficou excelente, parabéns!
savenx

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


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