Você não está conectado. Conecte-se ou registre-se

[TUTORIAL] Efeito Neon

Ir em baixo  Mensagem [Página 1 de 1]

1[TUTORIAL] Efeito Neon Empty [TUTORIAL] Efeito Neon em Sab Maio 25, 2013 11:28 am

Cʀɑzy

Cʀɑzy
Administrador
Administrador
[TUTORIAL] Efeito Neon Gestio10 Efeito Neon

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.



--> TUTORIAS DICAS E ASTUCIAS <--
Botão de efeito neon em todas as versões




[TUTORIAL] Efeito Neon WarningPrimeiramente
nosso botão devera se apoiar um uma Classe única, para que não fique
repetido. Um Tutorial que ja vem uma classe ponta para apoiarmos é o
[TUTORIAL] Salvamento automático nos tópicos, isso fara com que poupemos muito do nosso trabalho, pois ele já tem uma classe única...


1º - Inserindo o codigo:
Realizando todos os passos to tutorial acima, vamos criar o CSS para suportar as funções do botão, vá até.
Painel de controle -> Visualização -> Imagens e Cores -> Cores ->


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

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


2º - Inserindo codigo Java Script:
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".


[TUTORIAL] Efeito Neon 110111[TUTORIAL] Efeito Neon 398853 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;
[TUTORIAL] Efeito Neon 110210[TUTORIAL] Efeito Neon 398853 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;
[TUTORIAL] Efeito Neon 110310[TUTORIAL] Efeito Neon 398853 Código JavaScriptNeste campo teremos de inserir o código que esta logo abaixo;
[TUTORIAL] Efeito Neon 110410[TUTORIAL] Efeito Neon 398853 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('

Ver perfil do usuário https://kingercheats.forumeiros.com

Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum