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

3 participantes

Ir para baixo

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

Mensagem por Scattly 21.03.16 23: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
Scattly
Scattly
Novo Membro

Membro desde : 02/11/2015
Mensagens : 24
Pontos : 45

http://csiothabbo.forumeiros.com https://twitter.com/pfvr_karol

Ir para o topo Ir para baixo

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

Mensagem por Key of Destiny 21.03.16 23: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: https://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.
Key of Destiny
Key of Destiny
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

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

Mensagem por Scattly 22.03.16 23: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: https://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!!!
Scattly
Scattly
Novo Membro

Membro desde : 02/11/2015
Mensagens : 24
Pontos : 45

http://csiothabbo.forumeiros.com https://twitter.com/pfvr_karol

Ir para o topo Ir para baixo

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

Mensagem por Fraise 26.03.16 3:33

Modificação de aparência no fórum, ranks. Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos