Segundo Rank - Diminuição de Tamanho

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

Atendido / Resolvido Segundo Rank - Diminuição de Tamanho

Mensagem por ~Fly 26.06.19 15:42

Detalhes da questão


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

Descrição


Bom dia, tarde ou noite!

Bem, eu até que tentei sozinho, mas infelizmente não consegui.
Eu gostaria de diminuir o tamanho da 'caixa' ou centralizar o título na 'caixa'.


Imagem Exemplo 01:
Segundo Rank - Diminuição de Tamanho 8MHR4OS

Antes, vale salientar, que esse espaço mais vazio é porque no código que tenho há um espaço para um "subtítulo", mas eu não utilizarei esse subtítulo.
Imagem Exemplo 02:
Segundo Rank - Diminuição de Tamanho GgeTiRE

Os códigos são estes:

Código CSS:

Código:
/*RANK MESTRE*/

.rank {
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.0), 0 1px 2px rgba(0,0,0,0.14), inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #000;
    cursor: default;
    font-size: 13px;
    font-weight: 500;
    height: 36px;
    line-height: 20px;
    margin: 5px auto;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    user-select: none;
    width: auto;
    padding: 6px;
}
.rank b { display: block; font-size: 10px; font-weight: normal; }
.rank.r1 { background-color:#FFFFFF;}

Código no Título dos Ranks:

Código:
<div class="rank r1"><i class="fa fa-star"></i>Caçador<b>Somente de Pecadores</b></div>

Sem o subtítulo eu apago apenas o texto entre <b > e </b >
Espero que esteja claro, rs.
~Fly

~Fly
Usuário destaque

Masculino
Inscrito dia : 26/12/2011
Mensagens : 699
Pontos Ativos : 1020

http://mundosilenciosorpg.forumeiros.com/
  • 0

Atendido / Resolvido Re: Segundo Rank - Diminuição de Tamanho

Mensagem por Roevs 26.06.19 17:47

Olá,

Substitua o CSS pelo abaixo e veja se é o resultado desejado

Código:
/*RANK MESTRE*/
 
.rank {
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.0), 0 1px 2px rgba(0,0,0,0.14), inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #000;
    cursor: default;
    font-size: 13px;
    font-weight: 500;
    height: 36px;
    line-height: 3em!important;
    margin: 5px auto;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    user-select: none;
    width: auto;
    padding: 6px;
}
.rank b { display: block; font-size: 10px; font-weight: normal; }
.rank.r1 { background-color:#FFFFFF;}

Até mais!


Segundo Rank - Diminuição de Tamanho WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento 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.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Segundo Rank - Diminuição de Tamanho

Mensagem por ~Fly 26.06.19 18:26

Na mosca!

Muito obrigado pelo suporte.
~Fly

~Fly
Usuário destaque

Masculino
Inscrito dia : 26/12/2011
Mensagens : 699
Pontos Ativos : 1020

http://mundosilenciosorpg.forumeiros.com/

Atendido / Resolvido Re: Segundo Rank - Diminuição de Tamanho

Mensagem por Roevs 26.06.19 18:33

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.


Segundo Rank - Diminuição de Tamanho WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento 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.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.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