Adicionar botão para aplicar efeito NEON
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Adicionar botão para aplicar efeito NEON
Qual é minha questão:
Ola queria saber qual codigo devo aceder para que o botão neon funcione
eu acabei perdendo ele.
os javas eu ja tenho pronto.
que sao.
e
quem souber o css para o que o botao fique pronto me diga por favor.
Endereço do meu fórum:
http://ducksdesign.forumeiros.com
Versão do fórum:
PHPBB3
Ola queria saber qual codigo devo aceder para que o botão neon funcione
eu acabei perdendo ele.
os javas eu ja tenho pronto.
que sao.
- Código:
jQuery(document).ready(function() {
jQuery('#text_editor_controls button:eq(8)').after(' [b]Neon[/b].cred{background:#fff url(http://i.imgur.com/PPQJua5.png) no-repeat bottom right;padding-right:17px;}
Ducks Design
Neon Azul
Neon Vermelho
Neon Roxo
Neon Amarelo
Neon ciano
Neon rosa
Neon Verde
Neon laranja
Neon Marrom
Neon branco
Neon Preto
');
});
e
- Código:
jQuery(document).ready(function() {
jQuery('#text_editor_controls button:eq(8)').after(' [b]Neon[/b].cred{background:#fff url(http://i.imgur.com/PPQJua5.png) no-repeat bottom right;padding-right:17px;}
Ducks Design
Neon Azul
Neon Vermelho
Neon Roxo
Neon Amarelo
Neon ciano
Neon rosa
Neon Verde
Neon laranja
Neon Marrom
Neon branco
Neon Preto
');
});
quem souber o css para o que o botao fique pronto me diga por favor.
Endereço do meu fórum:
http://ducksdesign.forumeiros.com
Versão do fórum:
PHPBB3
Re: Adicionar botão para aplicar efeito NEON
Olá!
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Feito isto,
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Clique em "Criar um novo JavaScript".
Título Escolha o título que quiser
Investimento Em todas as páginas
Codigo JavaScript:
Melhores cumprimentos,
Today
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores 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}
Feito isto,
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Clique em "Criar um novo JavaScript".
Título Escolha o título que quiser
Investimento 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}
Melhores cumprimentos,
Today
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Tópicos semelhantes
» Adicionar botão para aplicar efeito neon
» Adicionar botão para aplicar efeito NEON
» Adicionar botão para aplicar efeito neon
» Adicionar botão para aplicar efeito neon
» Adicionar botão para aplicar efeito NEON
» Adicionar botão para aplicar efeito NEON
» Adicionar botão para aplicar efeito neon
» Adicionar botão para aplicar efeito neon
» Adicionar botão para aplicar efeito NEON
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos