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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Tópico duplicado
Hoje à(s) 14:40 por while

» Remover botão do menu
Hoje à(s) 14:34 por while

» Visualização dos "Usuários online"
Hoje à(s) 4:34 por MarcosSchultz

» Setar rank automático
Hoje à(s) 4:19 por Cream

» [Pedido] Banner
Hoje à(s) 4:11 por -xGabriel..

» Botões de ação
Hoje à(s) 4:01 por iScroll

» Aparência do fórum
Hoje à(s) 2:56 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Holkis
 
Shek
 
-xGabriel..
 
Nean
 
iScroll
 
Mr.Probz
 
Sennior
 
Cepheus
 

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

Connor R., iMont, MateusAnjosV, Milo Mello, PrisoN†BreaK, Rosella23O5629, ShaCapell, Shek, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15: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 - 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
Nível 3

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

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 - 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: 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.

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 598

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

Mensagem por Scattly em Ter 22 Mar 2016 - 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: 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!!!

Scattly
Nível 3

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

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 - 3: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".


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5