Problema no código css e html

por Jean_Xd 01.11.12 20:35

Qual é minha questão:
Queria saber o que ta avendo com o código que usei deste tutorial : https://ajuda.forumeiros.com/t57433-tutorial-adicionar-botao-para-aplicar-efeito-neon

O mesmo não está colocando o efeito neon nas frases que quero, eu seleciono a frase, clico no botão " Neon" mais não acontece nenhum efeito, o neon não funciona.

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://www.bra-gamestars.forumeiros.com

Versão do meu fórum:
PHPBB3

por NarutodeKonoha 01.11.12 21:32

o meu apareceu do lado daquele lugar onde fica os smileys e quando clico a página recarrega

olha:

Problema no código css e html Neon10

https://i.servimg.com/u/f42/17/62/56/31/neon10.png

por Jean_Xd 01.11.12 21:49

O meu está acontecendo a mesma coisa que o seu, não está ATIVANDO o efeito " NEON". Helpe-me...

por Sennior 02.11.12 2:20

Olá senhores,

O mesmo erro ocorre com todos vocês? Então tente re-fazer o tutorial novamente é veja-se resulta.

Até mais.

por NarutodeKonoha 02.11.12 13:18

O código que ta lá deve tá errado

por Consolado 02.11.12 13:39

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

Código:: #modo { display: none; } .table tbody.statused tr td.tcl:hover #modo { display: block; }

Valide.

Até mais.

por NarutodeKonoha 02.11.12 17:38

n funcionou!

por Jean_Xd 03.11.12 0:43

Nada resolvido, tem algo de errda nos codes que tem no tutorial... HELPE-ME!!!

por bean 03.11.12 1:20

Olá,

Bom no Código não ha nada de errado, É alguma ação mal interpretada que o tutorial o alertou e você talvez não tenha se levado em conta, Procure qualquer possibilidade que possa ter se esquecido.

Cordialmente! Piscada

por NarutodeKonoha 03.11.12 1:46

no meu tambem ta assim e eu segui todos os passos e la ta mostrando que o nome neon fica aceso e no meu n ta

por Jean_Xd 03.11.12 17:46

Gente, ajuda ae... PLIS!

por NarutodeKonoha 03.11.12 19:49

por Don Corleone 03.11.12 20:08

No meu tbm. fiz o tutoral certinho e quando clico n neon, aparece la perto do logo para eu escolher a cor....Mas no meu funciona as cores.

por Consolado 03.11.12 20:09

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

por GuiGuih 03.11.12 20:23

Não esta funcioando no meu tambem,e eu coloquei esse codigo do Today e ainda não funcionou(Versão do meu forum é PunBB)

por Consolado 03.11.12 20:47

GuiGuih escreveu:Não esta funcioando no meu tambem,e eu coloquei esse codigo do Today e ainda não funcionou(Versão do meu forum é PunBB)

Olá!

Substitua por este:

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

Até mais.

por NarutodeKonoha 03.11.12 21:15

a versão do meu é PhpBB 2

por Jean_Xd 03.11.12 21:16

O meu é PhBB...

por Jean_Xd 05.11.12 15:55

Não entendir Today, você mandou só uma parte do css para substituir para quem usa PhpBB, poderia fazer um pequeno tutorial como você fez lá acima com os códigos? PLIS!

por Dr.Helper 05.11.12 16:06

Olá,Tente esses :

Código:: [blur]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;}[/blur]

ou

Código:: <blur>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;}</blur>

Resulta ?
Passar bem.

por Jean_Xd 05.11.12 16:38

Today escreveu: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 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!

Olá Dr.House, o Today passou esse tutorial acima, você passou só um código, mais onde coloca este código e os dois códigos para cria no java?

Obrigado e até mais! zen

por Jean_Xd 06.11.12 15:56

Helpe-me... PLISSS Pessoal.

por Luciano98 07.11.12 0:46

Olá!

Acabei de verificar que seu fórum não possui esse código, coloque-o para resolver o problema:

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

Até mais.

por Jean_Xd 07.11.12 16:10

Nenhum resultado.

Cardialmente. zen

por Sennior 07.11.12 16:17

Olá senhor.
Coloque em seu CSS e veja se continua o erro:

Código:: #modo { display: none; } .table tbody.statused tr td.tcl:hover #modo { display: block; }

Só para constar, quando se há muitos códigos em um mesmo local, o mesmo entra-se em distúrbio e causa danos à alguns ou mais códigos, fazendo com que alguns deixem de funcionar e outros não. O senhor poderia me dizer se há muitos códigos JS em sua página de Java Scripts?

Queira checar este tópico:

https://ajuda.forumeiros.com/t65176-

Leia todas as informações e siga principalmente, o último passo que o ajudeiro Ace indica no tópico indicado por mim acima.
Até mais!

por Luciano98 07.11.12 16:24

Jean_Xd escreveu:Nenhum resultado.

Cardialmente.

Quando o usuário clica no botão de neon, é ativada uma função que executa um certo código para que o botão tenha algum efeito.

O seu fórum só tem o código que adiciona os botões ali, mas está sem o código dessas funções, por isso sem esse código, os botões não terão nenhum efeito em seu fórum.

Peço que coloque o código novamente para que eu possa verificar qual o erro.

Até mais.

por Jean_Xd 07.11.12 16:54

Olá...

Código Java 1

Spoiler:

Código Java 2

Spoiler:

Folha estilo CSS

Spoiler:

Cardialmente Jean. zen

por Luciano98 07.11.12 17:01

Olá!

Acabei de verificar e o primeiro que código que você passou não está em suas páginas Javascript.

Até mais.

por Jean_Xd 07.11.12 17:44

Expliquei por favor,não entendir...

por Luciano98 08.11.12 0:26

Olá!

Coloque esse código em sua página JS e mesmo que ele não funcione deixe o código lá para que eu possa ver onde está o erro:

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

Até mais.

por Jean_Xd 09.11.12 11:26

Poderia ser mais claro onde por esté código e qual devo tirar? Séria melhor fazer pequenos tutoriais para fica melhor a explicação.

Cardialmente. ;D

por Sennior 09.11.12 11:34

Olá,

Coloque esse código em sua página Java script. Creio eu que não necessita retirar nenhum.

Até mais.

por Jean_Xd 09.11.12 18:49

Problema resolvido, Obrigado a todos mesmo pelo esforço e ao Luciano98 que resolveu meu problema rapidinho.

Problema no código css e html

Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html

Re: Problema no código css e html