Zone Pixel Fórum
Seja Bem-Vindo!


Caso não sejá registrado no fórum, registre no botão abaixo.

Benefícios dos membros registrados :

- Acesso a todos os tópicos.
- Acesso aos links de downloads e sites.
- Acesso aos eventos e promoções do fórum.



Obrigado, pela a atenção!

Últimos assuntos
» Vagas na Equipe - 12/01/14
Ter Jan 23, 2018 11:34 am por artursk

» Que Saudade
Ter Jan 23, 2018 11:32 am por artursk

» [Tutorial] Criando Portal Habbos com a Starting
Qui Jul 24, 2014 1:23 pm por artursk

» BS feat Luiz Pack 2013
Sab Jan 11, 2014 7:42 pm por artursk

» Resource 2013 BS
Sab Jan 11, 2014 2:05 pm por artursk

» Stock Pack
Sab Jan 11, 2014 1:42 pm por BrunoSouza

» Tutorial Pollo
Sab Jan 11, 2014 1:35 pm por BrunoSouza

» Tiger Tutorial
Sab Jan 11, 2014 1:32 pm por BrunoSouza

» Anime Tutorial
Sab Jan 11, 2014 1:30 pm por BrunoSouza


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

Sugestão Botão Neon

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

#1 Sugestão Botão Neon em Sab Mar 31, 2012 7:04 pm

DontR

avatar
Membro
Membro
1- Inserindo o código CSS:
Vamos criar o CSS para suportar as funções do botão, vá até.
Painel de controle > Visualização > Imagens e Cores > Cores > Folha de estilos CSS


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:
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">SP-Design</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:



Última edição por DontR em Seg Abr 02, 2012 8:15 am, editado 2 vez(es)

http://topmaniacos.forumeiros.com

#2 Re: Sugestão Botão Neon em Sab Mar 31, 2012 7:10 pm

artursk

avatar
Fundador
Fundador
Vou criar, mas provavelmente isso seja para PHPBB3.









artursk aconselha:
Leia as Regras e Regras de Ocorrências Antes de criar um novo tópico use o Sistema de Busca.     Nunca passe sua senha a ninguém!
http://forum.zone-pixel.com.br

#3 Re: Sugestão Botão Neon em Seg Abr 02, 2012 8:17 am

DontR

avatar
Membro
Membro
Artur ou os códigos que estão no tópico eu alterei altera ae todos eles pelos esses novos que estão no tópico ja editei e veja se resulta

http://topmaniacos.forumeiros.com

#4 Re: Sugestão Botão Neon em Seg Abr 02, 2012 12:48 pm

artursk

avatar
Fundador
Fundador
Sem resultado.
Fechado.









artursk aconselha:
Leia as Regras e Regras de Ocorrências Antes de criar um novo tópico use o Sistema de Busca.     Nunca passe sua senha a ninguém!
http://forum.zone-pixel.com.br

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte 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