Sobre Local do perfil do usuário

Detalhes da questão

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

Descrição

Olá, boa tarde!

Não sei se estou na categoria de postagem correta. Caso não, desculpem!

Minha questão é a seguinte:

Gostaria de alterar o formato do local onde fica o avatar do usuário, como na imagem abaixo.
https://imgur.com/a/BYZzdkr

Desde já,

Grato.

Boa noite.

Siga este tutorial: https://ajuda.forumeiros.com/t111899-topic

Atenciosamente,
Shek

Obrigado amigo. Ajudou muito nessa minha dúvida. Eu já resolvi essa parte, mas teve um problema: O Balão/quadro onde fica o score, nick e avatar do usuário está acima da linha que divide o post, conforme print abaixo.

https://i.servimg.com/u/f62/19/88/93/48/forum10.png

Boa noite.

Você terá que retirar estas propriedades do CSS:

Código:

position: absolute;
    right: 0;
    top: 85px;

Por favor, poste o CSS do fórum para nós, por gentileza?

Até mais.

Acho que é assim que se faz para postar css

https://pastebin.com/WDZgZi3m

Up

Boa tarde.

O código CSS que passou está sendo usado no seu fórum? Pois em qualquer linguagem de programação utiliza-se o inglês, não o português.

Pedimos que mande o seu código CSS em inglês.

Alex escreveu:Boa tarde.

O código CSS que passou está sendo usado no seu fórum? Pois em qualquer linguagem de programação utiliza-se o inglês, não o português.

Pedimos que mande o seu código CSS em inglês.

Alex, o código foi traduzido pelo tradutor do chromer. Qualquer pessoa com um minimo de boa vontade veria e faria a tradução reversa.

Pois, vou fazer a postagem:

https://pastebin.com/SekViXer

Saudações!

Adicione este código, no inicio de teu CSS:
C.Painel ->> Visualizações ->> Imagens & Cores ->> Cores ->> Folha de Estilo CSS

Código:


.postprofile:before {background-color: red;color: #fff;content: 'OFFLINE';display: block;left: 0;padding: 5px;right: 0;position: relative!important;top: -12px!important;
}.postprofile {padding-top: 135px!important;position: relative;}

Salve e visualize teu fórum.
Aquele abraço.
Sennior

Sennior escreveu:Saudações!

Adicione este código, no inicio de teu CSS:
C.Painel ->> Visualizações ->> Imagens & Cores ->> Cores ->> Folha de Estilo CSS

Código:


.postprofile:before {background-color: red;color: #fff;content: 'OFFLINE';display: block;left: 0;padding: 5px;right: 0;position: relative!important;top: -12px!important;
}.postprofile {padding-top: 135px!important;position: relative;}

Salve e visualize teu fórum.
Aquele abraço.
Sennior

Funcionou perfeitamente. Muito obrigado pela ajuda!!!

Sem querer abusar, mas teria como colocar uma moldura em volta para destacar ou separar? Tipo, por em um quadrado ou retângulo o Perfil e suas informações.

up

Olá @fpalmeira,

Sem querer abusar, mas teria como colocar uma moldura em volta para destacar ou separar? Tipo, por em um quadrado ou retângulo o Perfil e suas informações.

para fazer isso adicone do seu CSS:

Código:

.postprofile {
  border: 1px solid #ccc;
}


Pedxz escreveu:Olá @fpalmeira,

Sem querer abusar, mas teria como colocar uma moldura em volta para destacar ou separar? Tipo, por em um quadrado ou retângulo o Perfil e suas informações.

para fazer isso adicone do seu CSS:

Código:

.postprofile {
  border: 1px solid #ccc;
}


Amigo, obrigado. Solucionou a questão mas, ficou com o pequeno "erro". A linha ultrapassa a divisão (linha azul) do post. Veja:

http://f1tecnomais.forumeiros.com/t116-como-remover-conta-google-do-lg-k430-tv-k4-k5-k8-k10-x-style-x-power-x-screen-maio-2018

Para resolvemos isso, podemos:

• Redirecionar a posiçãodo perfil
  
• usar um fundo
  
• Mudar a posição do perfil para debaixo do "header do tópico"
  

Você prefere qual solução?

Pedxz escreveu:Para resolvemos isso, podemos:

• Redirecionar a posiçãodo perfil
  
• usar um fundo
  
• Mudar a posição do perfil para debaixo do "header do tópico"
  

Você prefere qual solução?

Prefiro por um fundo com algo que se pareça com o logo do fórum. É possível?

Por exemplo:
Fundo preto e letras verdes? ou borda verde e fundo preto

Bordas e letras verde em fundo preto.

Então, adicione este código do seu CSS, substituído primeiro o código passado em cima:

Código:

.postprofile {
  border: 1px solid #ccc;
}


para

Código:

.postprofile {
  background-color: black!important;
  border: 1px solid green;
}
.postprofile span[style*="#001F99"] {
  color: green!important;
}


Amigo, ficou muito bom. Muito obrigado!