Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
[AJUDA] Como colocar aquela caixa colorida
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
[AJUDA] Como colocar aquela caixa colorida
- 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 |
Re: [AJUDA] Como colocar aquela caixa colorida
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:
Dai é só mudar para cor que quiser nas partes destacadas(Vermelho = fundo;azul = borda e verde = texto):
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>
Re: [AJUDA] Como colocar aquela caixa colorida
Muito obrigado, irei usar o manual enquanto isso, se você conseguir a versão automatica ficaria muito agradecido !
Re: [AJUDA] Como colocar aquela caixa colorida
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:
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)...):
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.
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.
Re: [AJUDA] Como colocar aquela caixa colorida
Sei que o tópico não é sobre mim ...
Mais SuperBomber
Users tambémk podem usar os códigos ?
Mais SuperBomber
Users tambémk podem usar os códigos ?
Re: [AJUDA] Como colocar aquela caixa colorida
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.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos