Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Botão de efeito neon
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Botão de efeito neon
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
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
Re: Botão de efeito neon
Adicione em seus JS investimento em todas as paginas
Adicione na sua css:
Resulta? Até mais!
- 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!
Tópicos semelhantes
» Botoes com efeito neon
» Efeito neon nas mensagens
» Efeito neon
» Efeito neon
» Efeito neon nos grupos
» Efeito neon nas mensagens
» Efeito neon
» Efeito neon
» Efeito neon nos grupos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos