Fundo de rank

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

Resolvido Fundo de rank

Mensagem por ,Smoke em 23/04/13, 09:43 am

Qual é minha questão:
Gostaria de saber como colocar o modelo do rank, por exemplo
O fundo do rank e o escrito, vou mandar um print:

Viram que selecionei? Pois esse fórum há esse código que tem apenas o fundo do rank, e eles escreveram.


Endereço do meu fórum:
http://foreverpixel.forumais.com

Versão do fórum:
PUNBB
avatar

,Smoke
Nível 2

Masculino
Inscrito dia : 21/04/2013
Mensagens : 11
Pontos Ativos : 17

Ver perfil do usuário http://revolution.forum-pro.net/

Resolvido Re: Fundo de rank

Mensagem por seender em 23/04/13, 03:47 pm

Olá!

Aceda à:
Painel...-> Usuários e grupos -> Administração dos ranks -> Ranks
Clique para criar ou para editar o rank já existente que deseja adicionar o efeito, no campo para adicionar o título, coloque a tag abaixo antes de quaisquer textos:
Código:
<div class=rank>
E depois de todos os textos coloque esta:
Código:
</div>
Agora aceda à:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Adicione o código abaixo:
.rank{
padding:10px 10px 10px 10px;
background-color:#FFF;
color: #000;
}
Vermelho -> Cor do fundo do rank em hexadecimal ou pelo nome da cor em inglês.
Laranja -> Cor da letra do rank em hexadecimal ou pelo nome da cor em inglês.

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Fundo de rank

Mensagem por ,Smoke em 25/04/13, 11:07 am

Olá amigo, resultou, mais como faço para colocar as bordas?
avatar

,Smoke
Nível 2

Masculino
Inscrito dia : 21/04/2013
Mensagens : 11
Pontos Ativos : 17

Ver perfil do usuário http://revolution.forum-pro.net/

Resolvido Re: Fundo de rank

Mensagem por ,Smoke em 25/04/13, 11:11 am

Ah, e também queria saber como colocar cada fundo para um rank!
avatar

,Smoke
Nível 2

Masculino
Inscrito dia : 21/04/2013
Mensagens : 11
Pontos Ativos : 17

Ver perfil do usuário http://revolution.forum-pro.net/

Resolvido Re: Fundo de rank

Mensagem por seender em 29/04/13, 10:40 pm

Olá!

Aceda à:
Painel...-> Usuários e grupos -> Administração dos ranks -> Ranks
Clique para criar ou para editar o rank já existente que deseja adicionar o efeito, no campo para adicionar o título, coloque a tag abaixo antes de quaisquer textos:
Código:
<div class=rank>
E depois de todos os textos coloque esta:
Código:
</div>
Para cada rank coloque o número posterior, por exemplo, no rank de administradores podes colocar o código acima, já no rank de moderadores, coloque este antes de quaisquer textos:
Código:
<div class=rank1>
E depois de todos os textos coloque esta:
Código:
</div>
O que irá mudar no CSS é só a classe, dai é só multiplicar o código CSS e modificar a classe.
Agora aceda à:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Adicione o código abaixo:
.rank{
padding:10px 10px 10px 10px;
background-color:#FFF;
color: #000;
border: 1px solid #000;
}
Vermelho -> Cor do fundo do rank em hexadecimal ou pelo nome da cor em inglês.
Laranja -> Cor da letra do rank em hexadecimal ou pelo nome da cor em inglês.
Rosa -> Cor da borda.

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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