Ranking em CSS

2 participantes

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

Tópico resolvido Ranking em CSS

Mensagem por William_iHarDz 25.05.17 18:09

Detalhes da questão


Endereço do fórum: http://www.bpfsamp.com
Versão do fórum: PunBB

Descrição


Olá gostaria de pedir ajuda, eu gostaria de deixar os ranks do meu fórum igual o deles no mesmo estilo e formato!
print
Ranking em CSS IbNm0uY

Fórum onde eu vi bestskins.net !


Última edição por William_iHarDz em 25.05.17 19:40, editado 1 vez(es)
William_iHarDz

William_iHarDz
****

Membro desde : 09/06/2014
Mensagens : 259
Pontos : 404

http://www.playfatal.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ranking em CSS

Mensagem por Luiz 25.05.17 18:24

Olá,

Crie um novo rank com este código:
Código:
<div class="rank admin">Admin</div>
Feito isso, adicione ao final de sua CSS:
Código:
.rank {
  background: url(http://i.imgur.com/nmBh3WZ.png);
  border-radius: 3px;
  box-shadow: 1px 2px 11px rgba(0, 0, 0, 0.29);
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  height: 25px;
  line-height: 25px;
  margin: 10px auto 0;
  max-width: 120px;
  padding: 0;
  position: relative;
  text-shadow: 1px -1px rgba(0, 0, 0, 0.29);
  text-transform: uppercase;
  text-align: center;
}

.rank:before {
  border-right: 1px solid rgba(255, 255, 255, 0.55);
  content: "BS";
  float: left;
  margin-top: -5px;
  padding: 5px 5px 0;
}

.rank.admin {
  background-color: red;
}

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Ranking em CSS

Mensagem por William_iHarDz 25.05.17 18:45

Muito obrigado resolvido
William_iHarDz

William_iHarDz
****

Membro desde : 09/06/2014
Mensagens : 259
Pontos : 404

http://www.playfatal.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ranking em CSS

Mensagem por Luiz 25.05.17 19:43

De nada! Feliz

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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