Código do neon bugado

StyLe®

Moderador

Mensagens : 1469 Reputação : 180
Inscrição : 15/05/2012 Cash : 5014

Brasil

1 Código do neon bugado
Dom 27 maio 2012, 2:22 pm

Qual é minha questão:
Olá, Convidado meu botão Neon estar bugado assim quando eu coloco um código fica bugado as imagems vai explicar tudo

Imagem Mensagem Rápidas não bugado: https://2img.net/r/ihimizer/img850/1545/sasasaw.png
Imagem Mensagem Rápidas bugado: https://2img.net/r/ihimizer/img543/5758/sasasasasasa.png

Imagem Pré-Visualizar não bugado: https://2img.net/r/ihimizer/img35/5758/sasasasasasa.png
Imagem Pré-Visualizar bugado: https://2img.net/r/ihimizer/img805/7065/sasasark.png

Código que o Botão Neon Mensagem rápidas não fica bugado mais o Pré-Visualizar fica bugado
Imagem com esse código

https://2img.net/r/ihimizer/img850/1545/sasasaw.png
https://2img.net/r/ihimizer/img805/7065/sasasark.png

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><div style="width:100px !important;margin-top:1250px;margin-left:790px;visibility:hidden;" class="select" 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> '); });

Código que o Botão Neon Mensagem rápidas fica bugado mais o Pré-Visualizar não fica bugado

Imagem com esse código

https://2img.net/r/ihimizer/img543/5758/sasasasasasa.png
https://2img.net/r/ihimizer/img35/5758/sasasasasasa.png

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><div style="width:100px !important;margin-top:750px;margin-left:800px;visibility:hidden;" class="select" 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> '); });

OBS: Alguém me passa o código para o neon ficar como estar nas imagens ficar assim https://2img.net/r/ihimizer/img850/1545/sasasaw.png
https://2img.net/r/ihimizer/img35/5758/sasasasasasa.png
Medidas que eu tomei para corrigir o problema:
Vim aqui

Links e imagens do meu problema:
https://2img.net/r/ihimizer/img850/1545/sasasaw.png
https://2img.net/r/ihimizer/img543/5758/sasasasasasa.png
https://2img.net/r/ihimizer/img35/5758/sasasasasasa.png
https://2img.net/r/ihimizer/img805/7065/sasasark.png

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

Versão do meu fórum:

Cristian 95

sou nível 16

Mensagens : 765 Reputação : 1
Status : Simpático.
Inscrição : 08/04/2012 Localização : Minha casa.
Masculino

Cash : 261

2 Re: Código do neon bugado
Dom 27 maio 2012, 2:31 pm

Qual seu nick no bsl?

StyLe®

Moderador

Mensagens : 1469 Reputação : 180
Inscrição : 15/05/2012 Cash : 5014

Brasil

3 Re: Código do neon bugado
Dom 27 maio 2012, 2:56 pm

Cristian 95 escreveu:Qual seu nick no bsl?

qual é o seu ? alias vamos falar isso por MP que e melhor porque eu quero o código NEON certo

Admin

Pro

Admin

Actif

Mensagens : 2434 Reputação : 393
Inscrição : 29/02/2012 Cash : 4019

Brasil

4 Re: Código do neon bugado
Seg 28 maio 2012, 3:58 am

Olá, você alterou as proporções originais do código, usando TOP e Left, o que faz com que ele fique em um X local do fórum...
troque todo o código pelo original, e utilize apenas Margin-top, e margin-left, para alinha-lo...

StyLe®

Moderador

Mensagens : 1469 Reputação : 180
Inscrição : 15/05/2012 Cash : 5014

Brasil

5 Re: Código do neon bugado
Seg 28 maio 2012, 9:25 am

Olá, novamente eu não intendi você pode me passar os dois códigos JS)JavaScript do código NEON Cyllaz?

Admin

Pro

Admin

Actif

Mensagens : 2434 Reputação : 393
Inscrição : 29/02/2012 Cash : 4019

Brasil

6 Re: Código do neon bugado
Seg 28 maio 2012, 10:22 am

Leia esse tutorial...

Spoiler:

Botão Neon em todas as versões

Neste tutorial, vamos aprender a implantar uma ferramenta muito interessante, que faz com que você possa adicionar Neon em seus textos, através de um botão super fácil de usar. Para isso siga os passos abaixo atenciosamente.

Tutoriais sobre Programação
Botão Neon em todas as versões

1- Inserindo o código CSS:
Vamos criar o CSS para suportar as funções do botão, vá até.

Painel de controle > Visualização > Imagens e Cores > Cores > Folha de estilos CSS

E adicione 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}

Feito isso, o Neon já estará ativo em seu fórum, faltara apenas o botão...

2- Inserindo o código JavaScript:
Vamos agora aceder à gestão das páginas JavaScript para adicionarmos o nosso código:
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 do neon bugado 2u5q428

	Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
	Investimento - Escolha a opção "Em todas as páginas"
	Código JavaScript - Neste campo teremos de inserir o código que esta logo abaixo;
	Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.

Código a ser utilizado:

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

3- Inserindo o segundo código JavaScript:
Feito isso, você já terá seu botão onde você deseja, mas ele ainda não estará funcionando.
Crie uma nova pagina javascript, onde você ira hospedar o novo código, siga as etapas acima para a criação da pagina.

Código a ser utilizado:

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}

4- O resultado final:
Código do neon bugado Imagem11

----------------------------------------------------------------------------

© SP-Design & Cyllaz

Se tiver alguma dúvida relacionada com este tutorial, crie um tópico com o seguinte título:
[Dúvida] Botão Neon em todas as versões

https://spdesign.forumeiros.com/t95-tutorialbotao-neon-em-todas-as-versoes-atualizado

StyLe®

Moderador

Mensagens : 1469 Reputação : 180
Inscrição : 15/05/2012 Cash : 5014

Brasil

7 Re: Código do neon bugado
Seg 28 maio 2012, 10:46 am

Olá, novamente Cyllaz eu coloquei como você mandou mais fica do mesmo jeito poderia me ajudar alias tem como me passar o código NEON o 1JS que você estar usando? por aqui ou por MP

Admin

Pro

Admin

Actif

Mensagens : 2434 Reputação : 393
Inscrição : 29/02/2012 Cash : 4019

Brasil

8 Re: Código do neon bugado
Ter 29 maio 2012, 7:29 am

Não da, pois deve ser editado mesmo, pois o meu esta editado para o tamanho da minha barra, mas o código é o mesmo...
Você esta usando o CSS e o java Original ?
se sim, basta alterar o Margin-top, e margin-left, mas use tudo original...

StyLe®

Moderador

Mensagens : 1469 Reputação : 180
Inscrição : 15/05/2012 Cash : 5014

Brasil

9 Re: Código do neon bugado
Ter 29 maio 2012, 10:45 am

vlw resultou

StyLe®

Moderador

Mensagens : 1469 Reputação : 180
Inscrição : 15/05/2012 Cash : 5014

Brasil

10 Re: Código do neon bugado
Ter 29 maio 2012, 10:57 am

[Mensagem automática]

Tópico finalizado e movido para:
Questões resolvidas
Pedidos finalizados

Motivo: Resolvido.

Conteúdo patrocinado

11 Re: Código do neon bugado

Login:
Senha:

Conexão automática
-Esqueci a minha senha -Registrar-se

1 Código do neon bugado

2 Re: Código do neon bugado

3 Re: Código do neon bugado

4 Re: Código do neon bugado

5 Re: Código do neon bugado

6 Re: Código do neon bugado

7 Re: Código do neon bugado

8 Re: Código do neon bugado

9 Re: Código do neon bugado

10 Re: Código do neon bugado

11 Re: Código do neon bugado