Adicionar botão para aplicar efeito neon Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Adicionar botão para aplicar efeito neon

3 participantes

Ir para baixo

Tópico resolvido Adicionar botão para aplicar efeito neon

Mensagem por stars96 11.01.13 18:21

Qual é minha questão:
Eu meti os codico como ta neste link
https://ajuda.forumeiros.com/t57433-tutorial-adicionar-botao-para-aplicar-efeito-neon
mas nao da algem me pode arranjar trabalhar este codigos
sf

Endereço do meu fórum:
http://gameshouse.portugueseforum.com.pt

Versão do fórum:
PHPBB3
stars96
stars96
**

Membro desde : 05/04/2012
Mensagens : 51
Pontos : 95

http://gameshouse.portugueseforum.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão para aplicar efeito neon

Mensagem por Consolado 11.01.13 18:46

Olá!

Desfaça o que já fez seguindo o tutorial.

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

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,
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo 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;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">...</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> ');
});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}
Clique em "Confirmar".

Melhores cumprimentos,
Today
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão para aplicar efeito neon

Mensagem por stars96 12.01.13 12:12

nao da
stars96
stars96
**

Membro desde : 05/04/2012
Mensagens : 51
Pontos : 95

http://gameshouse.portugueseforum.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão para aplicar efeito neon

Mensagem por Nicki Minaj 12.01.13 12:15

Olá, adicione em,
painel de controle, visualização, imagens & cores, cores, CSS.

#textarea_content textarea#text_editor_textarea {position:relative !important}

Mas não apague o resto acima do outro autor, resulta?!
Nicki Minaj
Nicki Minaj
*****

Membro desde : 19/12/2012
Mensagens : 482
Pontos : 634

http://tech.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão para aplicar efeito neon

Mensagem por stars96 12.01.13 12:25

nao da meu
stars96
stars96
**

Membro desde : 05/04/2012
Mensagens : 51
Pontos : 95

http://gameshouse.portugueseforum.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão para aplicar efeito neon

Mensagem por Nicki Minaj 12.01.13 12:32

Substitua seu javascript, ou crie outro e adicione o código abaixo.

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:21px;margin-left:290px;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> ');
});

Crie outra javascript, e adicione nele:

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}

Agora vá na sua folha de CSS, e coloque ao final:

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;}
#pun-qpost #text_editor_controls{position:relative !important}

Salve, feche, resulta?!
Nicki Minaj
Nicki Minaj
*****

Membro desde : 19/12/2012
Mensagens : 482
Pontos : 634

http://tech.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão para aplicar efeito neon

Mensagem por stars96 12.01.13 12:56

nao da
stars96
stars96
**

Membro desde : 05/04/2012
Mensagens : 51
Pontos : 95

http://gameshouse.portugueseforum.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão para aplicar efeito neon

Mensagem por stars96 12.01.13 21:54

ninguem pode ajudar sf
stars96
stars96
**

Membro desde : 05/04/2012
Mensagens : 51
Pontos : 95

http://gameshouse.portugueseforum.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão para aplicar efeito neon

Mensagem por Nicki Minaj 12.01.13 22:13

Olá, adicione o código em,
Painel de controle Adicionar botão para aplicar efeito neon 633772 Visualização Adicionar botão para aplicar efeito neon 633772 Imagens & Cores Adicionar botão para aplicar efeito neon 633772 Cores Adicionar botão para aplicar efeito neon 633772 Folhas de estilo 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;}

Depois, cole outro código em,
Painel de controle Adicionar botão para aplicar efeito neon 633772 Módulos Adicionar botão para aplicar efeito neon 633772 HTML & JAVASCRIPT Adicionar botão para aplicar efeito neon 633772 Gestão dos códigos javascript.
Clique em Adicionar botão para aplicar efeito neon K3Us4, para criar uma nova 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()})});

Adicionar botão para aplicar efeito neon 633772 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.
Adicionar botão para aplicar efeito neon 633772 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.
Adicionar botão para aplicar efeito neon 633772 Código JavaScript: Neste campo teremos de inserir o código que esta logo abaixo.
Adicionar botão para aplicar efeito neon 633772 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.

Por fim, faça mais uma javascript, seguindo acima para não errar!
Código à ser utilizado:

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

Mas antes, faça um salvamento automáticamento nos tópicos, resulta?

Adicionar botão para aplicar efeito neon 633772 Resultado:

Adicionar botão para aplicar efeito neon Imagem11
Nicki Minaj
Nicki Minaj
*****

Membro desde : 19/12/2012
Mensagens : 482
Pontos : 634

http://tech.forum-pro.net/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos