Botão de efeito neon

2 participantes

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

Tópico resolvido Botão de efeito neon

Mensagem por pyrohinotama 09.04.13 1:03

Qual é minha questão:
Como faço para adicionar este ( https://ajuda.forumeiros.com/t77800-adicionar-botao-para-aplicar-efeito-neon ) efeito no meu forum que é de versão phpBB2???
ja adicionei alguns css e javas scripts deste topico, consehuir criar o botao e as cores etal, mas quando posta nao funciona(nao fica com o efeito)

Endereço do meu fórum:
http://rpgadventure.umforum.net

Versão do fórum:
PHPBB2
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de efeito neon

Mensagem por Evidaaηc 09.04.13 15:15

Adicione em seus JS investimento em todas as paginas

Código:
$(function(){
$('body').prepend('<preverifica style="display:none">1</preverifica>');
$('[value="Outros"]').after('<button id="addneon" class="button2 addneon">Neon</button>');
$('body').prepend('<div id="content-neon"><button class="button-t btnesq" id="azul" onclick="azul()">Neon Azul</button><button class="button-t" id="vermelho" onclick="vermelho()">Neon Vermelho</button><br><button class="button-t btnesq" id="amarelo" onclick="amarelo()">Neon Amarelo</button><button class="button-t" id="verde" onclick="verde()">Neon Verde</button><br><button class="button-t btnesq" id="preto" onclick="preto()">Neon Preto</button><button class="button-t" id="cinza" onclick="cinza()">Neon Cinza</button></div>');
$('#content-neon').css('margin-left','-50%');
$('#addneon').click(function(){
if($('preverifica').text() == '1'){
$('preverifica').text('2');
$('#content-neon').css('margin-left','50%');
}else{
$('preverifica').text('1');
$('#content-neon').css('margin-left','-50%');
}
return false;
});
});

function azul(){bbfontstyle('<azul>','</azul>');return false;}
function vermelho(){bbfontstyle('<vermelho>','</vermelho>');return false;}
function amarelo(){bbfontstyle('<amarelo>','</amarelo>');return false;}
function verde(){bbfontstyle('<verde>','</verde>');return false;}
function preto(){bbfontstyle('<preto>','</preto>');return false;}
function cinza(){bbfontstyle('<cinza>','</cinza>');return false;}

Adicione na sua css:

Código:
/* neon */
#content-neon{
position:fixed;
  transition: all linear .8s;
border:1px solid black;
  background:rgba(100,100,100,0.8);
  z-index:999;
padding:10px 50px;
  margin-top:-20%;
  text-align:center;
  border-radius:10px;
  box-shadow: 0 0 10px #222;
}

#addneon{color:#463DC4;text-shadow: 0 0 2px #110A7D;font-weight:bold}

#vermelho, vermelho{color:red;text-shadow: 0px 0px 2px #7D0B0B}
#azul, azul{color:blue;text-shadow: 0px 0px 2px #0B3E7D}
#amarelo, amarelo{color:yellow;text-shadow: 0px 0px 2px #7D7B0B}
#verde, verde{color:green;text-shadow: 0px 0px 2px #0D7D0B}
#preto, preto{color:#222;text-shadow: 0px 0px 2px #000}
#cinza, cinza{color:grey;text-shadow: 0px 0px 2px #171717}

.button-t{
  transition: all ease .5s;
  cursor:pointer;
margin-bottom: 4px;
width: 150px;
padding:9px 0px;
  background:rgba(255,255,255,0.9);
  color:black;
  box-shadow:0 0 4px grey;
  border:1px solid black;
}
.btnesq{margin-right:4px;}
.button-t:hover{
  box-shadow:inset 0 0 4px grey;
  border-radius:7px;
  background:rgba(255,255,255,1);
}

#preto, #cinza{margin-bottom:0px !important}

Resulta? Até mais!
Evidaaηc

Evidaaηc
Membro

Membro desde : 06/07/2012
Mensagens : 706
Pontos : 966

http://world.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de efeito neon

Mensagem por pyrohinotama 09.04.13 17:05

não
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de efeito neon

Mensagem por Evidaaηc 09.04.13 17:11

Olá Você retirou os codigos anteriores?
Evidaaηc

Evidaaηc
Membro

Membro desde : 06/07/2012
Mensagens : 706
Pontos : 966

http://world.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de efeito neon

Mensagem por pyrohinotama 09.04.13 19:14

sim
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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