Campos do Perfil de Mensagens

Detalhes da questão

Endereço do fórum: http://www.ultrapokedex.forumeiros.com
Versão do fórum: ModernBB

Descrição

Olá pessoal!

Bem, venho pedir a ajuda de vocês para personalizar os campos do perfil de nensagens, aquelas informações de mensagens, pontos, Idade, essas aí com exceção do rank e links de contato.

Como está no meu fórum: https://i.imgur.com/zc5YSZZ.png

Como eu queria: https://i.imgur.com/63LsD2E.png

Aquelas caixinhas retangulares ao redor das informações do perfil ^-^
São essas que queria colocar em meu fórum a meu gosto!

A principio fundo branco, borda fina (1px) de cor cinza (#CCC) e um espaçamento interno pequeno (padding:4px).

Aguardarei respostas!
Até mais o/

Olá,
Poderia liberar o acesso aos tópicos aos visitantes?

Aguardo uma resposta,
obrigado

Painel de controle -> visualização -> imagens e cores -> cores -> folha de estilo css...

Aplique esse código no final.

Código:

dd div.post_field {
    background-color: #fff;
    border: 1px solid #CCC;
    color: #242424;
    padding: 4px;
}


Cor rosa hexadecimal pode ser modificada no painel de controle -> usuários e grupos -> usuários -> campo de perfil ..... Lá tem sexo, idade, mensagens e etc. Edite um por um e coloque essa cor hexadecimal : #b03b70

A cor da borda apresentada na imagem é : #dedede

Pedxz escreveu:Olá,
Poderia liberar o acesso aos tópicos aos visitantes?

Aguardo uma resposta,
obrigado

Liberado!

virus escreveu:Painel de controle -> visualização -> imagens e cores -> cores -> folha de estilo css...

Aplique esse código no final.

Código:

dd div.post_field {
    background-color: #fff;
    border: 1px solid #CCC;
    color: #242424;
    padding: 4px;
}


Cor rosa hexadecimal pode ser modificada no painel de controle -> usuários e grupos -> usuários -> campo de perfil ..... Lá tem sexo, idade, mensagens e etc. Edite um por um e coloque essa cor hexadecimal : #b03b70

A cor da borda apresentada na imagem é : #dedede

Infelizmente, não teve nenhum efeito! Ao menos para minha visão clássica de celular.

@Edit:
Esse é o CSS base dos posts de meu fórum :

Código:

/* Posts */
#wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature {
   float: none;
   display: none !important;
    }
#wrap dl.postprofile {
   float: none;
    }
#wrap div.postbody .online {
   background-image: none;
    }
#wrap div.postbody {
   width: auto;
    }
#wrap div.postbody h3 {
   font-size: 10pt;
    }
#wrap div.postbody p.author {
   width: 100%;
   border-bottom: 1px dashed #ccc;
    }
#wrap div#page-body div.post {
   padding: 0 0 2em 0;
   border-top: 3px double #ccc;
    }
div.postbody {
   width: 100%;
   float: none;
    }
#wrap div#page-body div.post .content {
   overflow: visible;
    }


Para isso use o script do daemon. É uma parte especifica usado em reputação do efeito acima.

Aplique apenas nos tópicos..

Código:

$(document).ready( function(){
  $('.postprofile dl').each(function() {
  $(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
  });
});


Esses dois códigos vai fazer o sistema de reputação da imagem que você mostrou.

Se quiser o CSS da reputação da imagem mostrada:
https://pastebin.com/fEBSjmTY

Script do daemon inteiro aplica apenas nos tópicos também.
https://pastebin.com/Grad1LSq

Vale lembrar que o primeiro código que eu passei é apenas uma aplicação básica e se você quiser usar o código por inteiro que tem o efeito da reputação terá que utilizar o do daemon que enviei no pastebin acima..

Funcionou agora!

Muito obrigado a todos pela atenção e ajuda!
Podem fechar o tópico

Resolvido