Adicionar status online/offline

Detalhes da questão

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

Descrição

Olá,

É só uma imagem com alguns código CSS

Código:

div.post.online .postprofile:after {
    border-color: #84C754;
}
div.post .postprofile:after {
    background: #2E3133;
    border-bottom: 4px solid #868686;
    content: ".";
    font-size: 0;
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1;
}
div.post.online .postprofile:before {
    content: url(https://i.servimg.com/u/f18/16/89/96/68/online15.png);
}
div.post .postprofile:before {
    content: url(https://i.servimg.com/u/f18/16/89/96/68/offlin19.png);
    left: 0;
    position: fixed;
    right: 0;
    top: 25px;
    z-index: 2;
}

https://i.servimg.com/u/f18/16/89/96/68/online15.png
https://i.servimg.com/u/f18/16/89/96/68/offlin19.png

att,

Ola, bugou... confere lá

Olá @Victor Monteiro,
Devo alertar ao Senhor, que terá de mudar às cores e imagens, visto que pertencem exclusivamente aos fóruns de suporte - Forumactif.
Leia este tópico: Questão Resolvida , qualquer dúvida relate neste tópico!


Cordialmente,
pedxz.

ok irei realizar um pedido

A sua questão está resolvida? Senão o Senhor deu uma vista de olhos no tópico que eu citei em cima?

bugou, confere la

Boa tarde!

Victor Monteiro escreveu:bugou, confere la

Peço que explique melhor o erro encontrado, para lhe podermos ajudar mais facilmente.
Cordialmente.

https://ajuda.forumeiros.com/t113175-editar-perfil-do-topico?highlight=online#800657, fiz este tutorial que foi indicado, e bugou

Olá,

Troque os códigos passados para este:

Código:

.online .postprofile::before {
    background-image: url(https://i.imgur.com/B9k1pkH.png) !important;
}
.postprofile::before {
    background-color: #2e2e2e;
    background-image: url(https://i.imgur.com/MOWNMlZ.png);
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    content: '';
    display: block;
    left: 0;
    padding: 14px;
    position: absolute;
    right: 0;
    top: 5px;
}

Cordialmente,
Roger123

Deu certp, falta so ajusta o tamanho agora

Olá,

Adiciona os códigos abaixo e vá alterando até ficar conforme deseja

Código:


div.post .postprofile:after {
    width: 190px;
}
.postprofile::before {
    width: 190px;
}

att,

Sim, @AquilesD., o problema é a posição, confere la...

Olá,

Adiciona esse código e veja se é isso que deseja

Código:

.postprofile-avatar {
    padding-top: 32px;
}


att,

pronto a altura ta boa, falta so afastar um pouco pra direita pra fica alinhado com o avatar

Olá,

Adiciona mais esse código

Código:


.postprofile::before {
    left: 30px!important;
}
div.post .postprofile:after {
    left: 30px!important;
}

att,

pode fechar