Separar rank e campos do perfil

Detalhes da questão

Endereço do fórum: bpgsamp.tk
Versão do fórum: PunBB

Descrição

Olá,

gostaria de saber como deixo os meus tópicos desta meneira:


No meu está assim:
http://prnt.sc/cocyn5
no dele está assim:
http://prnt.sc/cocyjp



obrigado.

Olá autor,

Existem diversos efeitos no tópico do fórum da segunda imagem. Logo é necessário que você especifique exatamente qual efeito você quer e qual o link do fórum.

Até mais!

Bem, o que eu quero é esta separação que tem do Rank para a Reputação e outros, e como deixar este '' fundo '' rosa, ou de outra cor, do rank e remover os widgets quando está a ver um tópico.

Nean escreveu:Bem, o que eu quero é esta separação que tem do Rank para a Reputação e outros, e como deixar este '' fundo '' rosa, ou de outra cor, do rank e remover os widgets quando está a ver um tópico.

Olá autor,

Peço que crie um tópico para cada dúvida. Estarei respondendo somente à primeira neste tópico, mas necessito do link do fórum onde o senhor viu o efeito.

Até mais!

Olá,

Adicione o seguinte código CSS:

Código:

.pun .user .user-ident .user-basic-info, .pun .user .user-info {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
    border: 1px solid #D9DBDD;
    border-radius: 3px;
    padding: 3px;
}

Até mais!

Olá, mas eu queria que separace  o Rank das outras informações, não o usuário das outras informações

Olá,

Então o senhor quer o efeito só sobre os ranks e os campos abaixo dele? Caso sim vá em:
Painel > Usuários e grupos > Ranks > Administração dos ranks > Modifique o rank "" > Em "Título do rank" coloque:

Código:

<span class="separar">NOME DO RANK</span>

Salve! Depois, na sua CSS, troque o código passado por este:

Código:


    .separar, .pun .user .user-info {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
        border: 1px solid #D9DBDD;
        border-radius: 3px;
        padding: 3px;
    }

Até mais!

pd fechar