Adicionar status no chatbox

Detalhes da questão

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

Descrição

Fala pessoal! Boa tarde e boas festas a todos.
Bom, desculpe o incomodo mas gostaria de fazer o seguinte procedimento:


Gostaria de substituir o @ do chatbox por um ícone (bolinha) de Online e Offline dos membros.
E tirar esses " : ". Seria possível?

Olá @iScroll,
Adicione na sua Folha de estilo, o seguinte código:

Código:

#chatbox_members .member-title {
  display:none!important;
}
ul[class*="-users"] li span::after {
    content: ' ';
    width: 10px;
    height: 10px;
    right: 8px;
    position: absolute;
    border-radius: 50%;
}
ul.online-users li span::after {
  background-color: green;
}
ul.away-users li span::after {
    background-color: orange;
}

Cordialmente,
pedxz.

Sem resultados meu caro :/

O Senhor têm alguma conta teste para que possa verificar?

Pedxz escreveu:O Senhor têm alguma conta teste para que possa verificar?

Apaguei a que tinha, se importa de criar uma ? Não precisa de email e nem o adm aceitar.

Edit: Apaguei a área de ausentes e conectados, acredito que o senhor adicionou o meu pedido lá, kkk.
O problema é que quero nas mensagens mesmos, justamente para isso ocultei a área.

Dá para fazer o pedido, mas não é viável sabe, existe muitos contras. Por isso, recomendaria que a parte dos status continua-se a existir, pórem só ao passar o rato, :hover, e que abre esta parte, o que acha?

Façamos o seguinte, apenas tire o @ e o :, pode ser?

Adicione na sua Folha de estilo, o seguinte código:

Código:

span.user .chatbox-username {
    font-size: 12px;
}
span.user {
    font-size: 0;
}

'-'
Meses sem mexer e praticar dá nisso, código até simples...

Pode fechar, obrigado.