Rank em css redondo

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

Atendido / Resolvido Rank em css redondo

Mensagem por Strilk em 07.07.19 0:34

Detalhes da questão


Endereço do fórum: http://csmblet.forumeiros.com
Versão do fórum: phpBB3

Descrição


O código em css que eu tenho para rank em css é um retângulo, gostaria muito que ele fosse redondo

Código:
.rank{
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    height: 36px;
    width: 160px;
    margin: 5px auto;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
    text-align: center;
    line-height: 33px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);


Última edição por Strilk em 08.07.19 3:23, editado 1 vez(es)
Strilk

Strilk
Nível 4

Masculino
Inscrito dia : 23/01/2018
Mensagens : 32
Pontos Ativos : 49

Ver perfil do usuário http://portal-grm.forumeiros.com

Atendido / Resolvido Re: Rank em css redondo

Mensagem por Fraise em 07.07.19 1:32

Boa noite,

Poderia liberar o seu fórum/tópicos/perfis a visitantes para que possamos observar o rank e proceder às alterações sugeridas?
E por gentileza, corrija o endereço do seu fórum.

Atentamente.
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6304
Pontos Ativos : 7759

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Rank em css redondo

Mensagem por Strilk em 08.07.19 3:26

Rank em css redondo Teste10 

O atual rank é assim, eu liberei com que convidados possam ver um tópico e lá quem postou possui um rank, pode visualizar
Strilk

Strilk
Nível 4

Masculino
Inscrito dia : 23/01/2018
Mensagens : 32
Pontos Ativos : 49

Ver perfil do usuário http://portal-grm.forumeiros.com

Atendido / Resolvido Re: Rank em css redondo

Mensagem por Pedxz em 08.07.19 7:14

Olá @Strilk,
no seu código:
Código:
.rank{
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    height: 36px;
    width: 160px;
    margin: 5px auto;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
    text-align: center;
    line-height: 33px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
localize border-radius: 2px;, e mude o valor 2px para um superior, para aumentar a parte redonda do seu "rank".
Lembrando que o valor 50% faz um círculo perfeito.


Cordialmente,
pedxz.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2929
Pontos Ativos : 3688

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Rank em css redondo

Mensagem por Strilk em 08.07.19 16:53

Deu certo, muito obrigado
Strilk

Strilk
Nível 4

Masculino
Inscrito dia : 23/01/2018
Mensagens : 32
Pontos Ativos : 49

Ver perfil do usuário http://portal-grm.forumeiros.com

Atendido / Resolvido Re: Rank em css redondo

Mensagem por Roger123 em 08.07.19 17:06

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Rank em css redondo 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1492
Pontos Ativos : 1769

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum