![[tutorial]efeito neon nos topicos Buddy_Group](https://2img.net/h/cdn1.iconfinder.com/data/icons/df_On_Stage_Icon_Set/128/Buddy_Group.png){kind=icon}
Suporte Forumeiros
Início
Entrar
Cadastre-se
Mensagens
MoedasTUTORIAL 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:
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:
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:
e nao fica o efeito.
Vá no seu forum ---> Perfil ----> Prefêrencias
Sempre permitir HTML: marque Sim
Sempre Permitir BBCode: Marque sim
Salve
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.
;
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('');
$('[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
