Sobre Local do perfil do usuário

+2
Shek
fpalmeira
6 participantes

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

Tópico resolvido Sobre Local do perfil do usuário

Mensagem por fpalmeira 14.05.18 18:52

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

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por Shek 16.05.18 0:29

Boa noite.

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

Atenciosamente,
Shek King
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por fpalmeira 18.05.18 12:33

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
fpalmeira

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por Shek 19.05.18 2:37

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por fpalmeira 19.05.18 13:06

Acho que é assim que se faz para postar css

https://pastebin.com/WDZgZi3m
fpalmeira

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por fpalmeira 24.05.18 12:47

Up
fpalmeira

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por Alex 25.05.18 16:23

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

Alex
Membro

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

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por fpalmeira 25.05.18 21:02

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
fpalmeira

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por Sennior 26.05.18 4:26

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 Café
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por fpalmeira 28.05.18 13:09

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 Café

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

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por fpalmeira 30.05.18 12:38

up
fpalmeira

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por tikky 30.05.18 12:42

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

tikky

tikky
Admineiro
Admineiro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por fpalmeira 30.05.18 17:34

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
fpalmeira

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por tikky 30.05.18 17:59

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?
tikky

tikky
Admineiro
Admineiro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por fpalmeira 30.05.18 18:15

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?
fpalmeira

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por tikky 30.05.18 18:18

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

tikky
Admineiro
Admineiro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por fpalmeira 30.05.18 18:22

Bordas e letras verde em fundo preto.
fpalmeira

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por tikky 30.05.18 18:30

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

tikky
Admineiro
Admineiro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por fpalmeira 30.05.18 18:52

Amigo, ficou muito bom. Muito obrigado!
fpalmeira

fpalmeira
*

Membro desde : 28/03/2015
Mensagens : 46
Pontos : 64

http://f1mais.forumeiros.com/forum

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Sobre Local do perfil do usuário

Mensagem por Fraise 30.05.18 19:40

Tópico resolvido


Movido para "Questões resolvidas".
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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