Colocar efeito neon

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

Resolvido Colocar efeito neon

Mensagem por Rivas™ em 11/03/12, 08:40 am

Qual é minha questão:
Vejam a print, queria colocar esse efeitos Neon's, quando se faz Novo Topico,Responder.



Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:




Endereço do meu fórum:
www.forum-frito.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Colocar efeito neon

Mensagem por Troubleshoot em 11/03/12, 09:11 am

Gostei do efeito ! Também quero colocar em meu fórum.

Até mais.Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Colocar efeito neon

Mensagem por MateusV. em 11/03/12, 09:28 am

Olá, não deu para compreender bem no print, mas, seria um botão?
Cordialmente. Café
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Colocar efeito neon

Mensagem por Rivas™ em 11/03/12, 10:34 am

E onde e o BBCODE.
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Colocar efeito neon

Mensagem por Troubleshoot em 11/03/12, 10:57 am

Rivas™ , poderia fornecer o link do fórum no qual viu este efeito ?

avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Colocar efeito neon

Mensagem por Ace em 11/03/12, 12:04 pm

Olá,

Leia:

Spoiler:


Criar e gerir uma nova tag em seu fórum

Muitos de nós, gostaríamos de criar códigos que facilitariam o acesso aos membros a códigos complexos pelo simples fato de inserir um determinado texto entre tags. Neste tutorial, através de CSS válido a todas as versões, simplificaremos e daremos atribuições a uma tag HTML completamente nova e personalizável em seus fóruns!

Para que possamos prosseguir com o tutorial, é preciso que o HTML do fórum seja permitido nas mensagens. Se desejar saber como ativá-lo, leia sobre a caixa de mensagem do seu fórum .

--> Tutoriais, dicas e astúcias <--
Criar e gerir uma nova tag em seu fórum


- Gestão do código CSS:

O código que utilizaremos é de fácil manuseio, e é do estilo CSS:

Tag {
Classes CSS atribuidas a tag
}

Verde >> Aqui, deverá ser o nome da tag que será utilizada em seu fórum antes e depois do texto que desejar fazer as modificações.
Vermelho >> São as classes CSS que serão atribuídas ao texto que estiver sendo contemplado pela tag.

Para saber quais são as classes CSS aplicáveis, consulte o tutorial abaixo:
Elaborar um código CSS

- Aplicação do código:

O código deve ser aplicado em:

Painel de controle >> Visualização >> Imagens e Cores >> Cores >> Folha do estilo CSS


- Resultado:


--> FAQ do Tutorial <--
Criar e gerir uma nova tag em seu fórum


  • Posso utilizar a tag que criei entre colchetes?
    Não. A tag deve ser inserida entre "<" e ">" para que funcione com êxito, por se tratar de HTML.


  • Porque minha TAG não funciona?
    Cheque se inseriu propriedades CSS adequadas a tag, bem como, ativou o HTML em:
    Painel de controle >> Geral >> Mensagens, MP e Emails >> Configuração >> Permitir HTML




© Fórum dos Fóruns

avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Colocar efeito neon

Mensagem por Troubleshoot em 11/03/12, 02:24 pm

Alguém poderia fazer um código pronto ?
Cores : Vermelho , laranja , verde , azul , amarelo , rosa , violeta.
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Colocar efeito neon

Mensagem por MateusV. em 11/03/12, 02:28 pm

Olá, aqui esta
Código:
bll {
color: blue;
text-shadow: 0 0 5px blue;
}
reed {
color: red;
text-shadow: 0 0 5px red;
}
yell {
color: yellow;
text-shadow: 0 0 5px yellow;
}
ora {
color: orange;
text-shadow: 0 0 5px orange;
}
blk {
color: black;
text-shadow: 0 0 5px black;
}
pik {
color: pink;
text-shadow: 0 0 5px pink;
}
gree {
color: green;
text-shadow: 0 0 5px green;
}
purp {
color: purple;
text-shadow: 0 0 5px purple;
}
reede {
color: red;
text-shadow: 0 0 5px red;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
os comando serão estes
<bll>AZUL</bll>
<reed>VERMELHO</reed>
<yell>AMARELO</yell>
<ora>LARANJA</ora>
<blk>PRETO</blk>
<pik>ROSA</pik>
<gree>VERDE</gree>
<purp>ROXO</purp>
<reede>VERMELHO COM FUNDO</reede>
Mas lembre-se, o seu HTML deve ser ativado em:
:seta2:1. Painel ... -> Geral -> Mensagens e e-mails -> Configuração
Em "Permitir HTML" marque "sim".
:seta2:2. Perfil (no fórum) -> Preferências
Em "Sempre permitir HTML" marque "sim".
Cordialmente. Café
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Colocar efeito neon

Mensagem por Troubleshoot em 11/03/12, 02:44 pm

E como adiciono esse código ?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Colocar efeito neon

Mensagem por MateusV. em 11/03/12, 02:46 pm

Olá, simples,

Aceda a:
Painel de controleVisualização Imagens e CoresCoresAba Folha CSS.
Cole o codigo e salve..
Cordialmente. Café
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Colocar efeito neon

Mensagem por Troubleshoot em 11/03/12, 02:50 pm

Mais quero criar uma tag para por este efeito '-'

Exemplo , quando a pessoa clicar em neon aparece o efeito:
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Colocar efeito neon

Mensagem por Rivas™ em 11/03/12, 04:02 pm

avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Colocar efeito neon

Mensagem por RafaelGB em 11/03/12, 08:43 pm

Eu tambem quero saber tipo esse codigo pega mais eu tbm quero tipo em resposta e em resposta raida o botão Neon e quando clica aparece e clica..
Eu quero saber como faz isso.
(Ainda bem que achei esse topico)
avatar

RafaelGB
Nível 4

Masculino
Inscrito dia : 02/02/2012
Mensagens : 29
Pontos Ativos : 45

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

Resolvido Re: Colocar efeito neon

Mensagem por pedromaster em 11/03/12, 08:58 pm

Achei legal tambem quero no meu forum alguem ai passa o codigo pronto?
avatar

pedromaster
Nível 9

Masculino
Inscrito dia : 20/10/2011
Mensagens : 150
Pontos Ativos : 214

Ver perfil do usuário http://poke-dimension-onli.forumeiros.com

Resolvido Re: Colocar efeito neon

Mensagem por MateusV. em 12/03/12, 04:16 pm

Olá, creio que este efeito é colocado atravez de editação de template, então só ira funcionar em foruns com a versão PHPBB2 e PUNBB..
Cordialmente. Café
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Colocar efeito neon

Mensagem por pedromaster em 12/03/12, 04:21 pm

slap logo PunBB
avatar

pedromaster
Nível 9

Masculino
Inscrito dia : 20/10/2011
Mensagens : 150
Pontos Ativos : 214

Ver perfil do usuário http://poke-dimension-onli.forumeiros.com

Resolvido Re: Colocar efeito neon

Mensagem por Troubleshoot em 12/03/12, 04:24 pm

Bom , só falta isto pra ficar pronto :
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Colocar efeito neon

Mensagem por Gabe em 13/03/12, 12:19 am

Olá!

Para integrar a função na caixa de mensagens somente com edição de templates mesmo, disponível nas versões PunBB e Phpbb2.

Abraço.
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

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

Resolvido Re: Colocar efeito neon

Mensagem por Troubleshoot em 13/03/12, 01:55 pm

Heisenburg obrigado a minha dúvida já foi resolvida , pena que somente tem como adicionar o efeito em versões PunBB e Phpbb2. Triste

Até mais.Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Colocar efeito neon

Mensagem por pedromaster em 13/03/12, 07:52 pm

podem me passar o codigo pronto?
avatar

pedromaster
Nível 9

Masculino
Inscrito dia : 20/10/2011
Mensagens : 150
Pontos Ativos : 214

Ver perfil do usuário http://poke-dimension-onli.forumeiros.com

Resolvido Re: Colocar efeito neon

Mensagem por Troubleshoot em 13/03/12, 07:54 pm

@MateusV. escreveu:Olá, aqui esta
Código:
bll {
color: blue;
text-shadow: 0 0 5px blue;
}
reed {
color: red;
text-shadow: 0 0 5px red;
}
yell {
color: yellow;
text-shadow: 0 0 5px yellow;
}
ora {
color: orange;
text-shadow: 0 0 5px orange;
}
blk {
color: black;
text-shadow: 0 0 5px black;
}
pik {
color: pink;
text-shadow: 0 0 5px pink;
}
gree {
color: green;
text-shadow: 0 0 5px green;
}
purp {
color: purple;
text-shadow: 0 0 5px purple;
}
reede {
color: red;
text-shadow: 0 0 5px red;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
os comando serão estes
<bll>AZUL</bll>
<reed>VERMELHO</reed>
<yell>AMARELO</yell>
<ora>LARANJA</ora>
<blk>PRETO</blk>
<pik>ROSA</pik>
<gree>VERDE</gree>
<purp>ROXO</purp>
<reede>VERMELHO COM FUNDO</reede>
Mas lembre-se, o seu HTML deve ser ativado em:
:seta2:1. Painel ... -> Geral -> Mensagens e e-mails -> Configuração
Em "Permitir HTML" marque "sim".
:seta2:2. Perfil (no fórum) -> Preferências
Em "Sempre permitir HTML" marque "sim".
Cordialmente. Café
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Colocar efeito neon

Mensagem por pedromaster em 14/03/12, 12:57 pm

mai quero que fique aquele butão neon para pessoa colocar o neon
avatar

pedromaster
Nível 9

Masculino
Inscrito dia : 20/10/2011
Mensagens : 150
Pontos Ativos : 214

Ver perfil do usuário http://poke-dimension-onli.forumeiros.com

Resolvido Re: Colocar efeito neon

Mensagem por Sennior em 14/03/12, 01:51 pm

Poderia me passar para versão PHPBB2?
Até Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar efeito neon

Mensagem por Troubleshoot em 14/03/12, 02:05 pm

avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

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