Rank em css redondo

3 participantes

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

Tópico resolvido Rank em css redondo

Mensagem por Strilk 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 9

Masculino
Membro desde : 23/01/2018
Mensagens : 242
Pontos : 355

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Rank em css redondo

Mensagem por Fraise 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
Membro desde : 26/06/2015
Mensagens : 6307
Pontos : 7774

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank em css redondo

Mensagem por Strilk 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 9

Masculino
Membro desde : 23/01/2018
Mensagens : 242
Pontos : 355

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Rank em css redondo

Mensagem por pedxz 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.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7158
Pontos : 8396

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank em css redondo

Mensagem por Strilk 08.07.19 16:53

Deu certo, muito obrigado
Strilk

Strilk
Nível 9

Masculino
Membro desde : 23/01/2018
Mensagens : 242
Pontos : 355

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank em css redondo

Mensagem por Convidado 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.
Anonymous

Convidado
Convidado


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