AgitaGAMES


Bem Vindos ao AgitaGAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!






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

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

Meky

1 [tutorial]efeito neon nos topicos em Qua 10 Jul 2013 - 16:49

avatar
Gerente
TUTORIAL Efeito Neon Nos Topicos. vamos la.

Painel de controle --> Visualização --> Seta Imagens e Cores ---> Cores ----> Folha de Estilo ZoneToony --> E cole o seguinte codigo:
Spoiler:
/* neon */
#content-neon{
position:fixed;
transition: all linear .8s;
border:1px solid black;
background:rgba(100,100,100,0.Cool;
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}

Valide.


Depois vá ---> Painel de controle ---> Módulos ---> HTML & JAVASCRIPT ---> Gestão dos codigos Java Script Depois clicke em Criar um novo java script

Título * : Coloque o que quiser
Investimento : Em todas as paginas
Código JavaScript * :Cole o seguinte codigo:


Spoiler:
$(function(){
$('body').prepend('1');
$('[value="Outros"]').after('');
$('body').prepend('


');
$('#content-neon').ZoneToony('margin-left','-50%');
$('#addneon').click(function(){
if($('preverifica').text() == '1'){
$('preverifica').text('2');
$('#content-neon').ZoneToony('margin-left','50%');
}else{
$('preverifica').text('1');
$('#content-neon').ZoneToony('margin-left','-50%');
}
return false;
});
});




function azul(){bbfontstyle('','');return false;}
function vermelho(){bbfontstyle('','');return false;}
function amarelo(){bbfontstyle('','');return false;}
function verde(){bbfontstyle('','');return false;}
function preto(){bbfontstyle('','');return false;}
function cinza(){bbfontstyle('','');return false;}

Confirme

agora va em Painel de controle ---> Geral ----> Mensagens e e-mails ----> Configuração


Permitir HTML Marque sim
Permitir BBcode Marque sim


Salve


Agora para colocar pq e alguns fica assim:
Spoiler:
Texto aqui

e nao fica o efeito.

Vá no seu forum ---> Perfil ----> Prefêrencias

Sempre permitir HTML: marque Sim
Sempre Permitir BBCode: Marque sim

Salve



Meu Fan ?

Ver perfil do usuário
Loltc

2 Re: [tutorial]efeito neon nos topicos em Qui 11 Jul 2013 - 15:00

avatar
Membro Lendário
Eu vou estar testando aqui parece ser bom.



Sign


Ver perfil do usuário
T-Lord

3 Re: [tutorial]efeito neon nos topicos em Qua 14 Ago 2013 - 18:33

avatar
Administrador
@Tópico Aberto!





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/

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