Como coloco esse efeito?

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

Resolvido Como coloco esse efeito?

Mensagem por Cheez™ em 30/05/12, 08:01 pm

Qual é minha questão:
Bem queria saber se tem como colocar no meu fórum esse efeito:



Medidas que eu tomei para corrigir o problema:
Vim Aqui

Links e imagens do meu problema:
http://s5.postimage.org/rnxpd7o9j/capture_20120530_194904.png

Endereço do meu fórum:
http://expertcheats.forumbom.com/

Versão do meu fórum:
PHPBB3


Última edição por Cheez™ em 30/05/12, 10:03 pm, editado 1 vez(es)
avatar

Cheez™
Nível 7

Masculino
Inscrito dia : 01/05/2012
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://expertcheats.forumbom.com/

Resolvido Re: Como coloco esse efeito?

Mensagem por Sr.pepek em 30/05/12, 08:06 pm


Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Como coloco esse efeito?

Mensagem por Cheez™ em 30/05/12, 08:09 pm

Não quero adicionar o botão quero que os Sub-Fóruns e Categoria fica neon.
avatar

Cheez™
Nível 7

Masculino
Inscrito dia : 01/05/2012
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://expertcheats.forumbom.com/

Resolvido Re: Como coloco esse efeito?

Mensagem por Super usuário em 30/05/12, 08:10 pm

pode colar em todo
avatar

Super usuário
Nível 8

Masculino
Inscrito dia : 27/05/2012
Mensagens : 103
Pontos Ativos : 131

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

Resolvido Re: Como coloco esse efeito?

Mensagem por Sr.pepek em 30/05/12, 08:11 pm

Olá , os botões "Neon" Irá facilitar a você pegar o código e colocar na categoria Piscada

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Como coloco esse efeito?

Mensagem por Super usuário em 30/05/12, 08:12 pm

mais tem pelo mesmo coloca o neo mesmo se não funfa
avatar

Super usuário
Nível 8

Masculino
Inscrito dia : 27/05/2012
Mensagens : 103
Pontos Ativos : 131

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

Resolvido Re: Como coloco esse efeito?

Mensagem por StyLe® em 30/05/12, 08:20 pm

mais para isso precisa do NEON

Painel de controle -> Visualização > Imagens e Cores -> Cores -> Folha de estilos CSS


CSS
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;}
#text_editor_controls, .left-box{position:relative !important}

Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript




- 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;
- Escolha a opção "Em todas as páginas"
- Neste campo teremos de inserir o código que esta logo abaixo;
- 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.

1°Javascript
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><style>.cred{background:#fff url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;padding-right:17px;}</style><div style="width:100px !important;margin-top:21px;margin-left:290px;visibility:hidden;" class="select cred" 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> ');
});

2°Javascript
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}

o Resultado final

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como coloco esse efeito?

Mensagem por .:Lucas:. em 30/05/12, 10:38 pm

Pelo que pude ver no screenshot , precisa de neon no titulos das categorias e fóruns.
Vá até:
Painel de Controle Seta Visualização Seta Cores Seta Aba "Folha de Estilo CSS"
Código:

 a:hover {
background: transparent;
text-decoration: none;
text-shadow: 0 0 7px green!important;
}
a:hover {
color: black;
text-decoration: none;
}
Resulta?
avatar

.:Lucas:.
Nível 6

Masculino
Inscrito dia : 25/03/2012
Mensagens : 75
Pontos Ativos : 108

Ver perfil do usuário http://htttp://revenge.narutorpg.org

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