Como coloco botao neon

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

Resolvido Como coloco botao neon

Mensagem por Fire-Kun em 21/03/13, 09:43 pm

Qual é minha questão:
Nao consigo botar um botao neon no meu forum ja vi 1 tuturial fiz tudo certo mas nao deu nada

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

Versão do fórum:
PHPBB3


Última edição por FireBlizzard em 22/03/13, 12:13 pm, editado 1 vez(es)
avatar

Fire-Kun
Nível 8

Masculino
Inscrito dia : 21/03/2013
Mensagens : 102
Pontos Ativos : 140

Ver perfil do usuário http://pokemonbrutalsempre.forumeiros.com

Resolvido Re: Como coloco botao neon

Mensagem por Gaaratsu em 21/03/13, 09:50 pm

Olá querido,

Adicione em teu CSS este código:
Código:
#textarea_content textarea#text_editor_textarea {position:relative !important}

Aceda à:
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Aba 'Folha de estilo CSS'
Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7500

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Como coloco botao neon

Mensagem por Fire-Kun em 21/03/13, 09:53 pm

eu fiz isso e nao deu nada
avatar

Fire-Kun
Nível 8

Masculino
Inscrito dia : 21/03/2013
Mensagens : 102
Pontos Ativos : 140

Ver perfil do usuário http://pokemonbrutalsempre.forumeiros.com

Resolvido Re: Como coloco botao neon

Mensagem por HermeS. em 21/03/13, 09:56 pm

Olá,

Queira ler este tópico:
http://ajuda.forumeiros.com/t76483-botao-neon-nao-aparece-e-os-comando-tambem-nao-ajuda

Caso não te ajude, substitua seu código por este:
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}
E lembre-se: Investimento nos tópicos e habilite os códigos JavaScript!
Até mais.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Como coloco botao neon

Mensagem por Gaaratsu em 21/03/13, 09:58 pm

Olá Senhor!
Coloque este Código em seu CSS, junto ao outro do Tutorial:
#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}

Cordialmente. Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7500

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Como coloco botao neon

Mensagem por Fire-Kun em 21/03/13, 10:08 pm

Nao tou conseguindo
avatar

Fire-Kun
Nível 8

Masculino
Inscrito dia : 21/03/2013
Mensagens : 102
Pontos Ativos : 140

Ver perfil do usuário http://pokemonbrutalsempre.forumeiros.com

Resolvido Re: Como coloco botao neon

Mensagem por Fire-Kun em 21/03/13, 10:09 pm

alguem me pode ajudar?
avatar

Fire-Kun
Nível 8

Masculino
Inscrito dia : 21/03/2013
Mensagens : 102
Pontos Ativos : 140

Ver perfil do usuário http://pokemonbrutalsempre.forumeiros.com

Resolvido Re: Como coloco botao neon

Mensagem por Gaaratsu em 21/03/13, 10:12 pm

Olá querido!

Troque seus códigos por este:
" 1º 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() 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">PowerSing</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> ');
});

Outro "2º Javacript"
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}

Adicione este código em sua "Folha 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;}
#text_editor_controls, .left-box{position:relative !important}
#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}

OBS: Antes de adicionar os meus códigos, retire todos os códigos atuais relacionados ao botão Neon e depois faça com os meus códigos.

Cordialmente,
Dr.House Muito feliz


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7500

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Como coloco botao neon

Mensagem por Fire-Kun em 21/03/13, 10:16 pm

nao da nada
avatar

Fire-Kun
Nível 8

Masculino
Inscrito dia : 21/03/2013
Mensagens : 102
Pontos Ativos : 140

Ver perfil do usuário http://pokemonbrutalsempre.forumeiros.com

Resolvido Re: Como coloco botao neon

Mensagem por Fire-Kun em 21/03/13, 10:16 pm

alguem podia ir no meu forum atraves da minha conta e tentar fazr isso?
avatar

Fire-Kun
Nível 8

Masculino
Inscrito dia : 21/03/2013
Mensagens : 102
Pontos Ativos : 140

Ver perfil do usuário http://pokemonbrutalsempre.forumeiros.com

Resolvido Re: Como coloco botao neon

Mensagem por HermeS. em 21/03/13, 10:21 pm

avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Como coloco botao neon

Mensagem por Gaaratsu em 21/03/13, 10:21 pm

Olá querido,

Junto aos demais códigos da sua folha de estilo CSS, adicione este código:
Código:
#savec { position:relative; }.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }.save-bloc div:hover { color: #050505!important; }.save-bloc div { cursor: pointer; }.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

Aceda à:
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Aba 'Folha de estilo CSS'
Cordialmente,
Dr.House
Muito feliz


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7500

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Como coloco botao neon

Mensagem por Fire-Kun em 22/03/13, 12:12 pm

Ja funciona brigado
avatar

Fire-Kun
Nível 8

Masculino
Inscrito dia : 21/03/2013
Mensagens : 102
Pontos Ativos : 140

Ver perfil do usuário http://pokemonbrutalsempre.forumeiros.com

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