Indicador online e offline nos tópicos

Detalhes da questão

Endereço do fórum: https://sequendfamilia.forumeiros.com
Versão do fórum: AwesomeBB

Descrição

Gostaria de saber como posso fazer para que no meu fórum, nos tópicos o a parte que mostra o perfil do staff tenha essa faixa no topo de "ONLINE" e/ou "OFFLINE" e se possível essa parte de 100% que embora não sei o que significa, eu vá aprendendo mais em breve

Olá @sequendianos,

Não pode utilizar imagens deste fórum (direitos de autor). Pode usufruir das nossas criações gráficas gratuitamente.


Atenciosamente,
tikky.

Sim, tenho total ciência, eu só peguei essa imagem pra exemplo, o que eu quero saber é como por uma imagem assim acima do perfil indicando quando está online ou offline

@sequendianos: Aqui

Código:

.post-author-status {
  background-image: url(URL DA IMAGEM OFFLINE);
  width: 100%;
  position: relative !important;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: top;
  height: 35px;
  margin-bottom: 1rem;
  background-color: transparent;
  left: auto;
  top: auto;
}

.online .post-author-status {
  background-image: url(URL DA IMAGEM ONLINE);
}

Basta alterar URL DA IMAGEM (...) para a URL da imagem pretendida.

@Tikky agradeço, última dúvida, aonde eu coloco este código?

@sequendianos: Na Folha de estilo (CSS) em Painel administrativo > Visualização > Imagens e cores > Cores e CSS

certo, obrigado! pode fechar