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

ShadouS
Nível 5

Masculino
Inscrito dia : 12/02/2018
Mensagens : 38
Pontos Ativos : 69

Ver perfil do usuário http://www.worldofwitchcraft.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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1237
Pontos Ativos : 1630

Ver perfil do usuário https://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 5

Masculino
Inscrito dia : 12/02/2018
Mensagens : 38
Pontos Ativos : 69

Ver perfil do usuário http://www.worldofwitchcraft.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 5

Masculino
Inscrito dia : 12/02/2018
Mensagens : 38
Pontos Ativos : 69

Ver perfil do usuário http://www.worldofwitchcraft.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
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

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