Personalizar rank igual a imagem

2 participantes

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

Tópico resolvido Personalizar rank igual a imagem

Mensagem por HilterHP 29.01.16 20:30

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

HilterHP

HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar rank igual a imagem

Mensagem por RafaelS. 29.01.16 23:05

Olá!

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

Até mais.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar rank igual a imagem

Mensagem por HilterHP 29.01.16 23:09

HilterHP

HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar rank igual a imagem

Mensagem por RafaelS. 29.01.16 23:25

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:


Personalizar rank igual a imagem XX4QIlo

Saudações cordiais,
RafaelS.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar rank igual a imagem

Mensagem por HilterHP 29.01.16 23:32

Funcionou perfeitamente! obrigado ! podem fechar..
HilterHP

HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar rank igual a imagem

Mensagem por RafaelS. 29.01.16 23:33

Personalizar rank igual a imagem Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

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