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

Últimos assuntos
» Citação não aparece nome de usuário
Hoje à(s) 12:09 pm por iScroll

» Informações dos ultimos assuntos
Hoje à(s) 12:08 pm por iScroll

» Slide no index
Hoje à(s) 12:08 pm por iScroll

» Naruto Survival RPG
Hoje à(s) 11:48 am por BichodoMato

» Brilho nos anúncios
Hoje à(s) 11:48 am por Ketholy123

» Caixa de login ao clicar na barra de ferramentas
Hoje à(s) 11:46 am por MatiasReis123

» Limitações numéricas na barra
Hoje à(s) 11:42 am por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Kyo Panda
 
AlexG
 
iScroll
 
MatiasReis123
 
LeoziN_WallkeR
 
Try
 
Ketholy123
 
BichodoMato
 

Quem está conectado
262 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 251 Visitantes :: 1 Motor de busca

AlexG, BichodoMato, EDU2010, Gustavor, iPrompt, iScroll, Ketholy123, Kyo Panda, LeoziN_WallkeR, MatiasReis123, Try

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 21/03/16, 08:12 pm

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 21/03/16, 08:47 pm

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 22/03/16, 08:41 pm

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 26/03/16, 12:33 am

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

- Tópicos similares

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