Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Gaaratsu
 
Daniel Yan
 
Ketholy
 
Eduardo Lima
 
Shek
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
252 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 243 Visitantes :: 2 Motores de busca

Daniel Yan, DustyRhodes, idarkdg, iScroll, Ketholy, Lemon~, Lost154, Luiz, MateusAnjosV

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 13:05

Modificação de aparência no fórum, ranks.

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

Resolvido Modificação de aparência no fórum, ranks.

Mensagem por Scattly em Seg 21 Mar 2016 - 20:12

Detalhes da questão


Endereço do fórum: csiothabbo.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Boa noite, gostaria de saber como faço para modificar os ranks deixando colorido e com efeitos. Tipo isso:

http://prntscr.com/aia203

Tem uns também que são em gifs, tipo esse:

http://prntscr.com/aia2dz

Agradeço desde já pela resposta. Piscada
avatar

Scattly
Nível 3

Feminino
Inscrito dia : 02/11/2015
Mensagens : 24
Pontos Ativos : 45

Ver perfil do usuário http://csiothabbo.forumeiros.com https://twitter.com/pfvr_karol

Resolvido Re: Modificação de aparência no fórum, ranks.

Mensagem por Key of Destiny em Seg 21 Mar 2016 - 20:47

Então, vá até painel de controle > visualização > cores > folha de estilo css. Você vai conseguir colocar alguns códigos nessa aba. Esse que vou lhe passar abaixo é o básico. Depois dele, farei um resumo de como aplicar esses efeitos.
Código:
a[href="/uNÚMERO DO USUÁRIO NO FÓRUM"] {EFEITOS DE TEXTO}

No lugar de NÚMERO DO USUÁRIO NO FÓRUM, você vai inserir o número que fica depois do u no perfil do usuário. Por exemplo, o meu perfil: http://ajuda.forumeiros.com/u59576. O número que vai após o u é 59576. Então se eu quiser aplicar algum efeito em mim, terei de usar o seguinte código.
Código:
a[href="/u59576"] {EFEITOS DE TEXTO}

E agora pros efeitos, você terá que conhecer um pouco das propriedades CSS. Vou usar os que você citou no tópico para exemplificar.

Esse efeito de sombra nada mais é do que a propriedade text-shadow, que é configurada por 4 atributos: distância X do texto (1º atributo), distância Y do texto (2º atributo), "nebulosidade" da sombra (3º atributo) e a cor da sombra (4º atributo). Se eu quiser aplicá-lo em alguém, terei de usar o código:
Código:
a[href="/u59576"] {text-shadow: 0 0 4px black}
No caso, os dois 0 correspondem ao 1º e 2º atributo (distância), o "4px" corresponde ao 3º ("nebulosidade") e o black corresponde ao 4º (cor).

Por fim, aquele efeito que você viu de "brilho" é uma imagem que colocaram por trás do nickname do membro. Para usar esse efeito, basta aplicar o seguinte código.
Código:
a[href="NÚMERO DO USUÁRIO NO FÓRUM"] {background-image: url('LINK DA IMAGEM QUE FAZ O EFEITO')}


Peço desculpas se deixei a resposta muito complicada. Até preferiria passar o link do tutorial, mas infelizmente ele deixou alguns pontos incompletos. Se mesmo assim quiser conferi-lo, aqui está: [TUTORIAL] Efeitos no nome de usuário.
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Modificação de aparência no fórum, ranks.

Mensagem por Scattly em Ter 22 Mar 2016 - 20:41

Asura escreveu:Então, vá até painel de controle > visualização > cores > folha de estilo css. Você vai conseguir colocar alguns códigos nessa aba. Esse que vou lhe passar abaixo é o básico. Depois dele, farei um resumo de como aplicar esses efeitos.
Código:
a[href="/uNÚMERO DO USUÁRIO NO FÓRUM"] {EFEITOS DE TEXTO}

No lugar de NÚMERO DO USUÁRIO NO FÓRUM, você vai inserir o número que fica depois do u no perfil do usuário. Por exemplo, o meu perfil: http://ajuda.forumeiros.com/u59576. O número que vai após o u é 59576. Então se eu quiser aplicar algum efeito em mim, terei de usar o seguinte código.
Código:
a[href="/u59576"] {EFEITOS DE TEXTO}

E agora pros efeitos, você terá que conhecer um pouco das propriedades CSS. Vou usar os que você citou no tópico para exemplificar.

Esse efeito de sombra nada mais é do que a propriedade text-shadow, que é configurada por 4 atributos: distância X do texto (1º atributo), distância Y do texto (2º atributo), "nebulosidade" da sombra (3º atributo) e a cor da sombra (4º atributo). Se eu quiser aplicá-lo em alguém, terei de usar o código:
Código:
a[href="/u59576"] {text-shadow: 0 0 4px black}
No caso, os dois 0 correspondem ao 1º e 2º atributo (distância), o "4px" corresponde ao 3º ("nebulosidade") e o black corresponde ao 4º (cor).

Por fim, aquele efeito que você viu de "brilho" é uma imagem que colocaram por trás do nickname do membro. Para usar esse efeito, basta aplicar o seguinte código.
Código:
a[href="NÚMERO DO USUÁRIO NO FÓRUM"] {background-image: url('LINK DA IMAGEM QUE FAZ O EFEITO')}


Peço desculpas se deixei a resposta muito complicada. Até preferiria passar o link do tutorial, mas infelizmente ele deixou alguns pontos incompletos. Se mesmo assim quiser conferi-lo, aqui está: [TUTORIAL] Efeitos no nome de usuário.

Muito obrigada pela resposta!!!
avatar

Scattly
Nível 3

Feminino
Inscrito dia : 02/11/2015
Mensagens : 24
Pontos Ativos : 45

Ver perfil do usuário http://csiothabbo.forumeiros.com https://twitter.com/pfvr_karol

Resolvido Re: Modificação de aparência no fórum, ranks.

Mensagem por Fraise em Sab 26 Mar 2016 - 0:33

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum