Código para ranks

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

Atendido / Resolvido Código para ranks

Mensagem por lavinnia 04.05.19 15:43

Detalhes da questão


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

Descrição


Olá, gostaria de um código de ranks parecido com o utilizado neste fórum (http://elysium-fields.forumeiros.com/u3), com o nome do grupo em cima e outra frase em baixo, além do ícone de cada grupo (https://i.imgur.com/NgINu9Z.png). Essa frase seria possível de ser editada no perfil de cada membro?

Buscando nos tutoriais eu entendi como aplico este código, mas não consegui desenvolvê-lo.

Obrigada.
lavinnia

lavinnia
Nível 4

Feminino
Inscrito dia : 22/09/2016
Mensagens : 27
Pontos Ativos : 52

http://percyjacksonrpgbr.forumeiros.com/

Atendido / Resolvido Re: Código para ranks

Mensagem por pedxz 05.05.19 17:14

Olá @lavinnia,
Adicione na sua folha de estilo, o seguinte código:
Código:
.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: #fff;
    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:#FF9326;}
crie um novo rank, e no seu título, cole o seguinte código:
Código:
<div class="rank r1"><i class="fa fa-star"></i>Título<b>Descrição</b></div>
ficará igual:
Código para ranks Img_2020
Qualquer dúvida diga-me!

Aguardo uma resposta sua,
pedxz.
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5840
Pontos Ativos : 6948

Atendido / Resolvido Re: Código para ranks

Mensagem por lavinnia 05.05.19 19:11

Deu certooo! Obrigada!!
lavinnia

lavinnia
Nível 4

Feminino
Inscrito dia : 22/09/2016
Mensagens : 27
Pontos Ativos : 52

http://percyjacksonrpgbr.forumeiros.com/

Atendido / Resolvido Re: Código para ranks

Mensagem por pedxz 05.05.19 21:00

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.


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5840
Pontos Ativos : 6948

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