Adicionar botão para aplicar efeito NEON

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

Resolvido Adicionar botão para aplicar efeito NEON

Mensagem por ¿The End? em 23/04/12, 06:37 pm

Qual é minha questão:
Para PUNBB?

Tipo nesse fórum:
http://dix-forum.forumeiros.com/forum

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:


Endereço do meu fórum:
GleGoo.Forumeiros.com

Versão do meu fórum:
PUNBB
avatar

¿The End?
Nível 7

Masculino
Inscrito dia : 23/04/2012
Mensagens : 89
Pontos Ativos : 123

Ver perfil do usuário http://GleeGoo.Forumeiros.Com

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por Sennior em 23/04/12, 06:59 pm

avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por ¿The End? em 23/04/12, 09:05 pm

Eu fiz tudo direitinho... adicionei os neons adicionei o salvamento automático
mas nenhum dos dois funcionou.

Não apareceu nenhum botão.
avatar

¿The End?
Nível 7

Masculino
Inscrito dia : 23/04/2012
Mensagens : 89
Pontos Ativos : 123

Ver perfil do usuário http://GleeGoo.Forumeiros.Com

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por Sennior em 23/04/12, 09:15 pm

Olá amigo e boa noite;
Amigo não se esqueças que Primeiramente o botão devera se apoiar um uma Classe unica, para que não fique repetido. Um Tutorial que ja vem uma classe ponta para apoiarmos é o
, isso fara com que poupemos muito do nosso trabalho, pois ele já tem uma classe unica...

Coloque esse código em seu CSS:

Código:
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}

Adicione esse Código ha:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".

Código:
jQuery(document).ready(function() {
jQuery('#saveb').after(' <button class="button2" onclick="display();return false"><az><b>Neon</b></az></button><div style="width:100px !important;margin-top:19px;margin-left:32px;visibility:hidden;" class="select" id="neon"><button class="sp" onclick="displayspd();return false">FDF</button><br /><button class="az" onclick="displayblue();return false">Neon Azul</button><br /><button class="v" onclick="displayred();return false">Neon Vermelho</button><br /><button class="rx" onclick="displayrx();return false">Neon Roxo</button><br /><button class="am" onclick="displayam();return false">Neon Amarelo</button><br /><button class="c" onclick="displayc();return false">Neon ciano</button><br /><button class="r" onclick="displayr();return false">Neon rosa</button><br /><button class="vr" onclick="displayvr();return false">Neon Verde</button><br /><button class="l" onclick="displayl();return false">Neon laranja</button><br /><button class="m" onclick="displaym();return false">Neon Marrom</button><br /><button class="w" onclick="displayw();return false">Neon branco</button><br /><button class="pr" onclick="displaypr();return false">Neon Preto</button><br /></div> ');
});

Investimento: Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis.

Crie um nova pagina JavaScript e coloque:

Código:
function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('<fdf>','</fdf>');selectWysiwyg(this,'neon');return false}
function displayblue(){
bbfontstyle('<az>','</az>');selectWysiwyg(this,'neon');return false}
function displayred(){
bbfontstyle('<v>','</v>');selectWysiwyg(this,'neon');return false}
function displayrx(){
bbfontstyle('<rx>','</rx>');selectWysiwyg(this,'neon');return false}
function displayam(){
bbfontstyle('<am>','</am>');selectWysiwyg(this,'neon');return false}
function displayc(){
bbfontstyle('<c>','</c>');selectWysiwyg(this,'neon');return false}
function displayr(){
bbfontstyle('<r>','</r>');selectWysiwyg(this,'neon');return false}
function displayvr(){
bbfontstyle('<vr>','</vr>');selectWysiwyg(this,'neon');return false}
function displayl(){
bbfontstyle('<l>','</l>');selectWysiwyg(this,'neon');return false}
function displaym(){
bbfontstyle('<m>','</m>');selectWysiwyg(this,'neon');return false}
function displayw(){
bbfontstyle('<w>','</w>');selectWysiwyg(this,'neon');return false}
function displaypr(){
bbfontstyle('<pr>','</pr>');selectWysiwyg(this,'neon');return false}

Leia com atenção e veja se resulta.
Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por Joker™ em 23/04/12, 10:42 pm

Desculpe me intrometer mas eu tenho o mesmo problema aqui, por algum motivo acho que meu fórum está impedido de criar botões deste tipo... talvez algo que eu tenha mexido...

O que poderia impedir isso?

Eu ativei html nos post's isso pode interferir?


Última edição por Joker™ em 24/04/12, 10:40 pm, editado 1 vez(es)
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por Sennior em 23/04/12, 10:51 pm

Olá amigo;
Poderia me passar seu código CSS?

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por Joker™ em 23/04/12, 10:57 pm

Padrão ou o meu?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por Sennior em 23/04/12, 11:00 pm

o Seu por favor.

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por Joker™ em 23/04/12, 11:17 pm

Edit!


Última edição por Joker™ em 23/04/12, 11:27 pm, editado 1 vez(es)
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por Sennior em 23/04/12, 11:22 pm

Olá novamente;
Troque por este:

Tirado a pedido do autor!

Até mais!


Última edição por Dr.House em 23/04/12, 11:35 pm, editado 1 vez(es)
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por Joker™ em 23/04/12, 11:30 pm

Não funcionou também...

.
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Adicionar botão para aplicar efeito NEON

Mensagem por ¿The End? em 24/04/12, 10:51 pm

Também não deu certo aqui. Eu vou mudar de tema para PHPBB3 e vê se da pra colocar depois dou edit!
avatar

¿The End?
Nível 7

Masculino
Inscrito dia : 23/04/2012
Mensagens : 89
Pontos Ativos : 123

Ver perfil do usuário http://GleeGoo.Forumeiros.Com

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