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

[Scattly]

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.

[Key of Destiny]

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.

[Scattly]

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!!!

[Fraise]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".