Mudar lado de usuários online do chatbox & mudar conectado

Detalhes da questão

Endereço do fórum: http://rituais-tecnicass.livreforum.com/
Versão do fórum: PunBB

Descrição

Como imagens explicam mais, vamos logo as imagens e no fim do post explico:
Está assim:

Queria que ficasse assim:


Resumindo, quero mudar esta parte de "conectados" onde mostra os usuários on no chatbox, pro outro lado e mudar esse texto "conectado" para "Usuários Online".

Olá!

Eu honestamente não sei se o código abaixo vai funcionar a 100%, mas eu espero que sim. Como não é possível mexer nos templates do chat, fica complicado mover apenas com CSS de forma eficaz.
Mas tente, adicionando à folha de estilos CSS:

Código:

.chatbox #chatbox_members {
        float: right !important;
        position:inherit !important;
        width: 15%;
}
#chatbox_members .member-title {
        padding-top: 4px !important;
        font-size: 0px !important;
        line-height: 20px;
}
#chatbox_members .member-title:after {
        content: 'Usuários Online';
        font-size: 12px !important;
}
.chatbox #chatbox {
        margin-left: -180px !important;
        width: 83% !important;
}


Hancki

Cliquei em resolvido sem querer mas foi errado, este CSS só alterou a parte do "conectado" para Usuários Online, porém não mudou o lado de onde aparece os usuários que estão online no chatbox.

Use este, então:

Código:

#chatbox_members {
        float: right !important;
        position:inherit !important;
        width: 15%;
}
#chatbox_members .member-title {
        padding-top: 4px !important;
        font-size: 0px !important;
        line-height: 20px;
}
#chatbox_members .member-title:after {
        content: 'Usuários Online';
        font-size: 12px !important;
}
#chatbox {
        margin-left: -180px !important;
        width: 85% !important;
}

Hancki

Hancki escreveu:Use este, então:

Código:

#chatbox_members {
        float: right !important;
        position:inherit !important;
        width: 15%;
}
#chatbox_members .member-title {
        padding-top: 4px !important;
        font-size: 0px !important;
        line-height: 20px;
}
#chatbox_members .member-title:after {
        content: 'Usuários Online';
        font-size: 12px !important;
}
#chatbox {
        margin-left: -180px !important;
        width: 85% !important;
}

Hancki

Tá quase certo, agora oque percebi, foi que este "Usuários Online" substituiu a barrinha de "Ausentes" tambêm, e creio que todas as barrinhas que tenha texto do tipo.

Substitua por este, então:

Código:

#chatbox_members {
        float: right !important;
        position:inherit !important;
        width: 15%;
}
#chatbox_members .member-title.online {
        padding-top: 4px !important;
        font-size: 0px !important;
        line-height: 20px;
}
#chatbox_members .member-title.online:after {
        content: 'Usuários Online';
        font-size: 12px !important;
}
#chatbox {
        margin-left: -180px !important;
        width: 85% !important;
}

Era apenas uma classe esquecida, penso que agora dá!

Hancki

Funcionou, grato <3


#Resolvido #Closed