Botoes com efeito neon

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

Resolvido Botoes com efeito neon

Mensagem por iHeloaD em 11/03/13, 06:17 pm

Qual é minha questão:
Ola, editei os botoes do meu forum com este css>

Código:
.button, .mainoption {
background-color: #FFFFFF !important;
border: none !important;
border-image: initial;
cursor: pointer;
font-size: 15px;
padding: 5px 5px;
}

entao ficou assim:


como faço um efeito que quando passa o mouse em cima dos bootoes do forum da um efeito neon?

Endereço do meu fórum:
http://bclowna.forumeiros.com

Versão do fórum:
INVISION
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botoes com efeito neon

Mensagem por JonasB. em 11/03/13, 06:21 pm

Olá!

Troque seu código por:
Código:
.button, .mainoption {
background-color: #FFFFFF !important;
border: none !important;
border-image: initial;
cursor: pointer;
font-size: 15px;
padding: 5px 5px;
}
.button:hover, .mainoption:hover {
background-color: #FFFFFF !important;
border: none !important;
border-image: initial;
cursor: pointer;
font-size: 15px;
padding: 5px 5px;
text-shadow: 0px 0px 5px #FFF;
}

Atenciosamente!
avatar

JonasB.
Usuário avançado

Masculino
Inscrito dia : 30/07/2012
Mensagens : 481
Pontos Ativos : 643

Ver perfil do usuário http://suportedesign.forumeiros.com/

Resolvido Re: Botoes com efeito neon

Mensagem por iHeloaD em 11/03/13, 06:38 pm

Os botoes ficaram os mesmos, nao ouve modificação nenhuma e o efeito neon neles nao resultou
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botoes com efeito neon

Mensagem por Vincius Carvalho em 11/03/13, 08:43 pm

iStriker escreveu:Os botoes ficaram os mesmos, nao ouve modificação nenhuma e o efeito neon neles nao resultou

Tipo , o botão tá lá , aparece os Neons , mais ele não funcionam ?

Caso seja isso , vá em ;

Painel de Controle >> Geral >> Mensagens e E-mails >> Configuração .

Lá terá a opção : " Permitir HTML " , provavelmente estará marcada em " Não " , marque-a para " Sim " e salve .


Abraços,
Vinícius Carvalho
avatar

Vincius Carvalho
Nível 7

Masculino
Inscrito dia : 23/02/2013
Mensagens : 84
Pontos Ativos : 149

Ver perfil do usuário http://www.blackzfamily.forumeiros.com

Resolvido Re: Botoes com efeito neon

Mensagem por iHeloaD em 11/03/13, 10:35 pm

Marquei sim porém nao resultou
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botoes com efeito neon

Mensagem por Vincius Carvalho em 12/03/13, 01:43 pm

Olá !Strike.
Siga os seguintes passos ;

Painel de Controle >> Visualização >> Imagens & Cores >> Cores >> Folha de estilo CSS

E Adicione este código .

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;}

Depois , vá em : Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScript .

Código:
    jQuery(document).ready(function(){jQuery('#text_editor_controls button:eq(8)').after('<input id="neon"type="button"value="Neon"style="height: 22px; margin-left: 10px;"><div id="colors"style="top:350px;left:250px;margin-right:50px;width:100px!important;position:fixed;display:none;"><button class="sp" onclick="displayspd();return false">NRPGS</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 /></span>');jQuery('#neon, #colors button').click(function(){jQuery('#colors').slideToggle()});jQuery('#ava, .app, .pend, .rpp').click(function(){jQuery('#ava-b').slideToggle()})});

Lembre-se de marca á opção : " Em todas as páginas " .

Depois , vá denovo em Criar novo JavaScript e insira o segundo código JavaScript :

Código:
 jQuery(function(){
function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('<sp>','</sp>');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}
jQuery('#neon').click(function(){jQuery('#colors').slideToggle()});jQuery('#ava').click(function(){jQuery('#ava-b').slideToggle()})});

Abraços,
Vinícius Carvalho


avatar

Vincius Carvalho
Nível 7

Masculino
Inscrito dia : 23/02/2013
Mensagens : 84
Pontos Ativos : 149

Ver perfil do usuário http://www.blackzfamily.forumeiros.com

Resolvido Re: Botoes com efeito neon

Mensagem por JonasB. em 12/03/13, 01:45 pm

Olá!

Vinícius Carvalho, caso não leu o tópico, ele quer nos botões de resposta rápida, etc.
Como por exemplo os da imagem que constam no tópico!

Atenciosamente!
avatar

JonasB.
Usuário avançado

Masculino
Inscrito dia : 30/07/2012
Mensagens : 481
Pontos Ativos : 643

Ver perfil do usuário http://suportedesign.forumeiros.com/

Resolvido Re: Botoes com efeito neon

Mensagem por iHeloaD em 12/03/13, 05:05 pm

Isso !Stifler podem me arranjar o código?
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botoes com efeito neon

Mensagem por JonasB. em 12/03/13, 05:10 pm

Olá!

Se o senhor me arrumar a variável do hover dos botões de seu fórum, faço agora mesmo!

Atenciosamente!
avatar

JonasB.
Usuário avançado

Masculino
Inscrito dia : 30/07/2012
Mensagens : 481
Pontos Ativos : 643

Ver perfil do usuário http://suportedesign.forumeiros.com/

Resolvido Re: Botoes com efeito neon

Mensagem por iHeloaD em 12/03/13, 08:36 pm

Não entendi Interrogação
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botoes com efeito neon

Mensagem por .Danni. em 14/03/13, 12:22 pm

Olá,

Tente este código:
Código:

.button, .mainoption {
background-color: #FFFFFF !important;
box-shadow: #FFF 0px 0px 5px !important;
}

Onde o código #FFF é a cor do efeito.

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Botoes com efeito neon

Mensagem por Jpjupa em 17/03/13, 02:40 pm

Ainda necessita de suporte?
Posso ajudar?

Jpjupa.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Botoes com efeito neon

Mensagem por iHeloaD em 17/03/13, 06:38 pm

pode fecha :@ cansei
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

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