Personalizar rank igual a imagem

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

Resolvido Personalizar rank igual a imagem

Mensagem por HilterHP em 29/01/16, 06:30 pm

Detalhes da questão


Endereço do fórum: azemanks.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá pessoal, sou novo no fórum da versão PUNBB e estou enfrentando alguns problemas, minha dúvida é como deixar o perfil das minhas mensagens dessa maneira:



http://prntscr.com/9wj7bz

avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

Ver perfil do usuário http://htttp://inativoforumhilter.forumeiros.com

Resolvido Re: Personalizar rank igual a imagem

Mensagem por Rafael em 29/01/16, 09:05 pm

Olá!

Queira indicar onde viu tal efeito, para que seja possível agilizar o suporte.

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Personalizar rank igual a imagem

Mensagem por HilterHP em 29/01/16, 09:09 pm

avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

Ver perfil do usuário http://htttp://inativoforumhilter.forumeiros.com

Resolvido Re: Personalizar rank igual a imagem

Mensagem por Rafael em 29/01/16, 09:25 pm

Olá!

Bom na verdade eu não tinha entendido sua questão. Eu pensei que o senhor quisesse a aparência do perfil semelhante aquela. Mas bom, para os ranks é simples.

Acesse: Painel de Controle Seta Usuários Seta Ranks Seta Administração dos Ranks

Iremos alterar o rank de administrador, depois você poderá alterar os restantes.
Clique no Editar e em seguida abrirá uma nova página para você editar o rank Administrador.

No campo Nome do Rank, você troca para este:
Código:
<span class="rank1">Administrador</span>

Na verdade eu só adicionei as tags <span> a volta do nome, nada mais.

Agora acesse: Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos

E cole o seguinte código:

Código:
.rank1 {
    background: #009;
    border-radius: 3px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    bottom: -7px;
    color: #FFF;
    display: inline-block;
    font-family: Verdana;
    font-size: 11px;
    font-weight: 700;
    margin-top: 9px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.14);
    text-transform: uppercase;
}

Resultado:



Saudações cordiais,
RafaelS.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Personalizar rank igual a imagem

Mensagem por HilterHP em 29/01/16, 09:32 pm

Funcionou perfeitamente! obrigado ! podem fechar..
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

Ver perfil do usuário http://htttp://inativoforumhilter.forumeiros.com

Resolvido Re: Personalizar rank igual a imagem

Mensagem por Rafael em 29/01/16, 09:33 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

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

- Tópicos similares

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