Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Efeito do neon não pega.

4 participantes

Início :: Forumeiros :: NostalgiaEfeito do neon não pega.

Inspirage Inspirage  • Sáb 18 maio 2013 - 20:27

Efeito do neon não pega. Empty Efeito do neon não pega. Sáb 18 maio 2013 - 20:27

Qual é minha questão:
Olá, eu vi o tópico que segue abaixo e resolvi adicionar o recurso em meu fórum. O botão funcionou corretamente, porém o efeito não. Quando envio o post o efeito não funciona e fica um texto normal.

Link do tópico: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] .
Print's para melhor entendimento:

* Botão na resposta rápida - https://i.imgur.com/hAHb0Ro.jpg
* Após enviar o post - https://i.imgur.com/9xTsWJX.jpg

Como podem deduzir, quero que o efeito funcione corretamente. Obrigado...

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão do fórum:
PUNBB

[Dark]Doki-. [Dark]Doki-.  • Sáb 18 maio 2013 - 20:34

Efeito do neon não pega. Empty Re: Efeito do neon não pega. Sáb 18 maio 2013 - 20:34

1 Adicione este javascript em "Topicos"
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;position:fixed;visibility:hidden;" class="select cred" id="neon"><button class="sp" onclick="displayspd();return false">DarkCheats</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> ');
});
2 Adicione este outro javascript em "Topicos"
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}
3 Agora adicione este 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;}

Inspirage Inspirage  • Sáb 18 maio 2013 - 20:55

Efeito do neon não pega. Empty Re: Efeito do neon não pega. Sáb 18 maio 2013 - 20:55

Olá, esse código não resultou.

Pedro95123 Pedro95123  • Sáb 18 maio 2013 - 21:17

Efeito do neon não pega. Empty Re: Efeito do neon não pega. Sáb 18 maio 2013 - 21:17

Olá,
Adicione este Js Investimento nos Tópicos
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 outro Js Investimento nos Tópicos
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;position:fixed;visibility:hidden;" class="select cred" id="neon"><button class="sp" onclick="displayspd();return false">Brasil Play Samp</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> ');
});
Adicione isto ao CSS
Código:
/*------------------Botao Neon---------------------------------*/
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;}
Resulta?Até

Inspirage Inspirage  • Sáb 18 maio 2013 - 22:02

Efeito do neon não pega. Empty Re: Efeito do neon não pega. Sáb 18 maio 2013 - 22:02

Olá, seu code também não resultou.

Daemon Daemon  • Dom 19 maio 2013 - 0:21

Efeito do neon não pega. Empty Re: Efeito do neon não pega. Dom 19 maio 2013 - 0:21

Adicione ao css:
Código:
/* neon */
#content-neon{
position:fixed;
  transition: all linear .8s;
border:1px solid black;
  background:rgba(100,100,100,0.8);
  z-index:999;
padding:10px 50px;
  margin-top:-20%;
  text-align:center;
  border-radius:10px;
  box-shadow: 0 0 10px #222;
}




#addneon{color:#463DC4;text-shadow: 0 0 2px #110A7D;font-weight:bold}




#vermelho, vermelho{color:red;text-shadow: 0px 0px 2px #7D0B0B}
#azul, azul{color:blue;text-shadow: 0px 0px 2px #0B3E7D}
#amarelo, amarelo{color:yellow;text-shadow: 0px 0px 2px #7D7B0B}
#verde, verde{color:green;text-shadow: 0px 0px 2px #0D7D0B}
#preto, preto{color:#222;text-shadow: 0px 0px 2px #000}
#cinza, cinza{color:grey;text-shadow: 0px 0px 2px #171717}




.button-t{
  transition: all ease .5s;
  cursor:pointer;
margin-bottom: 4px;
width: 150px;
padding:9px 0px;
  background:rgba(255,255,255,0.9);
  color:black;
  box-shadow:0 0 4px grey;
  border:1px solid black;
}
.btnesq{margin-right:4px;}
.button-t:hover{
  box-shadow:inset 0 0 4px grey;
  border-radius:7px;
  background:rgba(255,255,255,1);
}




#preto, #cinza{margin-bottom:0px !important}
Crie um novo JS com investimento em todas as páginas:
Código:
$(function(){
$('body').prepend('<preverifica style="display:none">1</preverifica>');
$('[value="Outros"]').after('<button id="addneon" class="button2 addneon">Neon</button>');
$('body').prepend('<div id="content-neon"><button class="button-t btnesq" id="azul" onclick="azul()">Neon Azul</button><button class="button-t" id="vermelho" onclick="vermelho()">Neon Vermelho</button><br><button class="button-t btnesq" id="amarelo" onclick="amarelo()">Neon Amarelo</button><button class="button-t" id="verde" onclick="verde()">Neon Verde</button><br><button class="button-t btnesq" id="preto" onclick="preto()">Neon Preto</button><button class="button-t" id="cinza" onclick="cinza()">Neon Cinza</button></div>');
$('#content-neon').css('margin-left','-50%');
$('#addneon').click(function(){
if($('preverifica').text() == '1'){
$('preverifica').text('2');
$('#content-neon').css('margin-left','50%');
}else{
$('preverifica').text('1');
$('#content-neon').css('margin-left','-50%');
}
return false;
});
});




function azul(){bbfontstyle('<azul>','</azul>');return false;}
function vermelho(){bbfontstyle('<vermelho>','</vermelho>');return false;}
function amarelo(){bbfontstyle('<amarelo>','</amarelo>');return false;}
function verde(){bbfontstyle('<verde>','</verde>');return false;}
function preto(){bbfontstyle('<preto>','</preto>');return false;}
function cinza(){bbfontstyle('<cinza>','</cinza>');return false;}
Lembre-se que só irá funcionar se o HTML estiver ativo.

Inspirage Inspirage  • Dom 19 maio 2013 - 0:44

Daemon Daemon  • Dom 19 maio 2013 - 0:46

Efeito do neon não pega. Empty Re: Efeito do neon não pega. Dom 19 maio 2013 - 0:46

Vá até Painel de controle > Geral > Mensagens e e-mails > Configuração > Permitir HTML : Sim!

Wink'

Inspirage Inspirage  • Dom 19 maio 2013 - 1:28

Efeito do neon não pega. Empty Re: Efeito do neon não pega. Dom 19 maio 2013 - 1:28

Não resultou em meu fórum.

Daemon Daemon  • Dom 19 maio 2013 - 8:37

Efeito do neon não pega. Empty Re: Efeito do neon não pega. Dom 19 maio 2013 - 8:37

Depois de ativar o HTML vá até seu perfil > preferências > Sempre permitir HTML :
Marque Sim!

Atenciosamente,
Daemon.

Inspirage Inspirage  • Dom 19 maio 2013 - 10:46

Efeito do neon não pega. Empty Re: Efeito do neon não pega. Dom 19 maio 2013 - 10:46

Olá, fiz como você pediu e não resultou.

Conteúdo patrocinado  • 

Efeito do neon não pega. Empty Re: Efeito do neon não pega.

Início :: Forumeiros :: Nostalgia:: Efeito do neon não pega.
Permissões neste sub-fórum
Não podes responder a tópicos