Neon button

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

Resolvido Neon button

Mensagem por BombaGames em 01/11/12, 10:13 pm

Qual é minha questão:
Olá!,
Eu adicionei o botão Neon no meu fórum, depois de muito pesquisar encontrei códigos que funcionassem no meu fórum, porém ouve um pequeno problema... quando se clica no botão neon vai para a cima da tela (perto do logo) a tabela (menu espanssivo com cores). Gostaria de saber como resolver, eu tentei arrumar sozinho mais não deu muito certo.
Em fim, eu utilizei os códigos desse tópico: http://ajuda.forumeiros.com/t67014-botao-neon-nao-funciona

Gostaria que o menu aparecesse embaixo do botão neon como nas demais opções.


Links e imagens do meu problema:
Http://img849.imageshack.us/img849/812/11120122211161.jpg

Endereço do meu fórum:
http://bomba-games.com/

Versão do meu fórum:
PHPBB3


Última edição por BombaGames em 04/11/12, 08:37 pm, editado 1 vez(es)
avatar

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/

Resolvido Re: Neon button

Mensagem por iAbel em 02/11/12, 10:57 am

Poderia Explicar Melhor ?
avatar

iAbel
Nível 9

Masculino
Inscrito dia : 10/10/2012
Mensagens : 161
Pontos Ativos : 299

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

Resolvido Re: Neon button

Mensagem por Consolado em 02/11/12, 11:01 am

Buenas!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos 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;}
Feito isto cole este código em algum post seu:
Código:
<azul>Teste</azul>
<vermelho>Teste</vermelho>
<amarelo>Teste</amarelo>
<laranja>Teste</laranja>
<preto>Teste</preto>
<rosa>Teste</rosa>
<verde>Teste</verde>
<roxo>Teste</roxo>
Atenciosamente!
Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Neon button

Mensagem por iAbel em 02/11/12, 11:06 am

Amigo eu Testei Este que Voce Mandou Não Funcionol no Meu (A)
avatar

iAbel
Nível 9

Masculino
Inscrito dia : 10/10/2012
Mensagens : 161
Pontos Ativos : 299

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

Resolvido Re: Neon button

Mensagem por BombaGames em 02/11/12, 06:32 pm

Vocês não entenderam...

O botão está funcionando perfeitamente! As cores aparecem, o botão está ótimo... Mais o problema é que as opções aparecem em um local diferente do que deveria explicar, para entender isso observe essa imagem:
http://img849.imageshack.us/img849/812/11120122211161.jpg

Quando você quer enviar uma imagem, você naturalmente clica no ícone da imagem, e embaixo do ícone aparece os campos para upload ou para colocar o link, mais com o botão do neon os 'campos' não aparecem embaixo do ícone...

avatar

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/

Resolvido Re: Neon button

Mensagem por Consolado em 02/11/12, 06:34 pm

Olá!

Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->> Folha de estilos CSS ->>
E aplique o seguinte 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;}
#text_editor_controls, .left-box{position:relative !important}
Valide
Feito isto, vamos até:
Painel de controle ->> Módulos ->> Gestão dos códigos JavaScript ->>
Clique no botão "Criar um novo javascript".

Investimento Seta Em todas as páginas

Código JavaScript:
Código:
jQuery(document).ready(function() {
jQuery('#text_editor_controls button:eq(8)').after(' <button class="button2" onclick="display();return false"><az><b>Neon</b></az></button><style>.cred{background:#fff url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;padding-right:17px;}</style><div style="width:100px !important;margin-top:21px;margin-left:290px;visibility:hidden;" class="select cred" id="neon"><button class="sp" onclick="displayspd();return false">SP-Design</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> ');
});
Agora, vamos inserir outro código CSS:
Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->> Folha de estilos CSS ->>

Código

Código:
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}
Atenciosamente!
Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Neon button

Mensagem por BombaGames em 03/11/12, 02:31 am

O botão sumiu, não seria mais fácil (ou não tem) como editar os códigos do tópico que eu li? as vezes pode ser uma palavrinha sei lá '-'
avatar

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/

Resolvido Re: Neon button

Mensagem por Sennior em 04/11/12, 12:36 pm

Bom dia,

À uma função no código CSS que à propriedade do topo pode estar muito no alto da pagina. Peço ao senhor que me conceda o código CSS do botão.

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

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