Como por o Neon(Blur) em BBCode

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

Resolvido Como por o Neon(Blur) em BBCode

Mensagem por Lipinho em Seg 16 Abr 2012 - 9:50

Qual é minha questão:
Olá,meu forúm é PHPBB2 e estava vendo no Ajuda Forumeiros um tópico sobre Neon .
Bom dizia que apenas as Versões PHPBB2 e PHPBB3 funcionava,mas não ensinava como,queria saber como por o em BBCode.

Obrigado ~ LiipinhO

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
http://img23.imageshack.us/img23/7654/semttulodi.png

Endereço do meu fórum:
http://br-samplife.forumeiros.com

Versão do meu fórum:
PHPBB2

Lipinho
Nível 6

Masculino
Inscrito dia : 13/04/2012
Mensagens : 68
Pontos Ativos : 112

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

Resolvido Re: Como por o Neon(Blur) em BBCode

Mensagem por iPrompt em Seg 16 Abr 2012 - 9:54

Leia o Conteúdo do Spoiler

Spoiler:
Botão Neon em todas as versões

Neste tutorial, vamos aprender a implantar uma ferramenta muito interessante, que faz com que você possa adicionar Neon em seus textos, através de um botão super fácil de usar. Para isso siga os passos abaixo atenciosamente.

Tutoriais sobre Programação
Botão Neon em todas as versões


1- Inserindo o código CSS:Vamos criar o CSS para suportar as funções do botão, vá até.



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

Feito isso, o Neon já estará ativo em seu fórum, faltara apenas o botão...

2- Inserindo o código JavaScript:
Vamos agora aceder à gestão das páginas JavaScript para adicionarmos o nosso código:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".




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;

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;

Código JavaScript - Neste campo teremos de inserir o código que esta logo abaixo;

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.

Código a ser utilizado:

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">WebPixel</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> ');
});


3- Inserindo o segundo código JavaScript:
Feito isso, você já terá seu botão onde você deseja, mas ele ainda não estará funcionando.
Crie uma nova pagina javascript, onde você ira hospedar o novo código, siga as etapas acima para a criação da pagina.


Código a ser utilizado:

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}

4- O resultado final:



Créditos :

SP-Design - Pelos Códigos e Tutorial
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como por o Neon(Blur) em BBCode

Mensagem por Lipinho em Seg 16 Abr 2012 - 10:06

Olá,ja tentei este tutorial e mesmo assim não funciona.
Acabei de fazer o tutorial do Spoiler acima e nada foi resolvido .
Como ainda está após o Tutorial acima:
http://i.imgur.com/pckZt.png
http://i.imgur.com/LhO5k.png

Lipinho
Nível 6

Masculino
Inscrito dia : 13/04/2012
Mensagens : 68
Pontos Ativos : 112

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

Resolvido Re: Como por o Neon(Blur) em BBCode

Mensagem por iPrompt em Seg 16 Abr 2012 - 10:10

Olá já Habilitou para os códigos JavaScript Funcionar ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como por o Neon(Blur) em BBCode

Mensagem por Lipinho em Seg 16 Abr 2012 - 10:12

Olá ,sim ja está habilitado porém o unico codigo que não funciona em meu Forúm é o de Neon , pois a um tempo atras coloquei o Paleta de Cores e funcionou perfeitamente.
Só estou tendo problema com o Código de Neon .

Lipinho
Nível 6

Masculino
Inscrito dia : 13/04/2012
Mensagens : 68
Pontos Ativos : 112

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

Resolvido Re: Como por o Neon(Blur) em BBCode

Mensagem por Lipinho em Ter 17 Abr 2012 - 21:53

Olá,resolvi ja meu Problema,fuçando la fuçando aqui resolvi :'D
Vlw.

Lipinho
Nível 6

Masculino
Inscrito dia : 13/04/2012
Mensagens : 68
Pontos Ativos : 112

Ver perfil do usuário http://kwodesigner.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