Botão de efeito neon

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

Resolvido Botão de efeito neon

Mensagem por pyrohinotama em Seg 8 Abr 2013 - 21:03

Qual é minha questão:
Como faço para adicionar este ( http://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
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Botão de efeito neon

Mensagem por Evidaaηc em Ter 9 Abr 2013 - 11: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!
avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Botão de efeito neon

Mensagem por pyrohinotama em Ter 9 Abr 2013 - 13:05

não
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Botão de efeito neon

Mensagem por Evidaaηc em Ter 9 Abr 2013 - 13:11

Olá Você retirou os codigos anteriores?
avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Botão de efeito neon

Mensagem por pyrohinotama em Ter 9 Abr 2013 - 15:14

sim
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

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