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

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

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

Mensagem por TheJokerGFR em 14/03/16, 05:40 pm

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


Última edição por TheJokerGFR em 14/03/16, 08:43 pm, editado 2 vez(es)
avatar

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 316
Pontos Ativos : 473

Ver perfil do usuário
  • 0

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

Mensagem por Hancki em 14/03/16, 08:15 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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

Mensagem por TheJokerGFR em 14/03/16, 08:19 pm

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

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 316
Pontos Ativos : 473

Ver perfil do usuário
  • 0

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

Mensagem por Hancki em 14/03/16, 08:27 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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

Mensagem por TheJokerGFR em 14/03/16, 08:30 pm

@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.
avatar

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 316
Pontos Ativos : 473

Ver perfil do usuário
  • 0

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

Mensagem por Hancki em 14/03/16, 08:35 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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

Mensagem por TheJokerGFR em 14/03/16, 08:41 pm

Funcionou, grato <3


#Resolvido #Closed
avatar

TheJokerGFR
Usuário avançado

Masculino
Inscrito dia : 22/09/2012
Mensagens : 316
Pontos Ativos : 473

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum