Campos do Perfil de Mensagens

4 participantes

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

Tópico resolvido Campos do Perfil de Mensagens

Mensagem por ShadouS 14.02.18 4:30

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/
ShadouS

ShadouS
*

Membro desde : 12/02/2018
Mensagens : 40
Pontos : 73

http://www.worldofwitchcraft.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Campos do Perfil de Mensagens

Mensagem por tikky 14.02.18 15:37

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

Aguardo uma resposta,
obrigado
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Campos do Perfil de Mensagens

Mensagem por virus 14.02.18 17:08

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


virus

virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Campos do Perfil de Mensagens

Mensagem por ShadouS 14.02.18 17:27

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;
    }
ShadouS

ShadouS
*

Membro desde : 12/02/2018
Mensagens : 40
Pontos : 73

http://www.worldofwitchcraft.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Campos do Perfil de Mensagens

Mensagem por virus 14.02.18 18:46

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

virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Campos do Perfil de Mensagens

Mensagem por ShadouS 14.02.18 20:16

Funcionou agora! Muito feliz

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

Resolvido Positivo
ShadouS

ShadouS
*

Membro desde : 12/02/2018
Mensagens : 40
Pontos : 73

http://www.worldofwitchcraft.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Campos do Perfil de Mensagens

Mensagem por Alex 14.02.18 21:22

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'.
Alex

Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.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