Campos do Perfil de Mensagens

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

Resolvido Campos do Perfil de Mensagens

Mensagem por ShadouS em 14/02/18, 02:30 am

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: http://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/
avatar

ShadouS
Nível 3

Masculino
Inscrito dia : 12/02/2018
Mensagens : 16
Pontos Ativos : 33

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

Resolvido Re: Campos do Perfil de Mensagens

Mensagem por Pedxz em 14/02/18, 01:37 pm

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

Aguardo uma resposta,
obrigado
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

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

Resolvido Re: Campos do Perfil de Mensagens

Mensagem por virus em 14/02/18, 03:08 pm

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


avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Campos do Perfil de Mensagens

Mensagem por ShadouS em 14/02/18, 03:27 pm

@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. Triste

@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;
    }
avatar

ShadouS
Nível 3

Masculino
Inscrito dia : 12/02/2018
Mensagens : 16
Pontos Ativos : 33

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

Resolvido Re: Campos do Perfil de Mensagens

Mensagem por virus em 14/02/18, 04:46 pm

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..
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Campos do Perfil de Mensagens

Mensagem por ShadouS em 14/02/18, 06:16 pm

Funcionou agora! Muito feliz

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

Resolvido Positivo
avatar

ShadouS
Nível 3

Masculino
Inscrito dia : 12/02/2018
Mensagens : 16
Pontos Ativos : 33

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

Resolvido Re: Campos do Perfil de Mensagens

Mensagem por Alex em 14/02/18, 07:22 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.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.
avatar

Alex
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 09/09/2016
Mensagens : 630
Pontos Ativos : 839

Ver perfil do usuário https://mundogoph.org/

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