Olá!
Primeiramente, dá para modificar as cores que deseja sim, mas para se ter um acesso total ao HTML do chatbox, faz-se necessário um/ou o código abaixo:
Investimento no somente no "índice" ou "In the home page":
- Código:
// Redefine function!
function insertChatBox(chatbox_id, chatbox_url) {
return insertChatBoxNew(chatbox_id, chatbox_url);
}
// Redefine function!
function insertChatBoxNew(chatbox_id, chatbox_url) {
// Put the chat box on top of widgets!
// $('#' + chatbox_id).parent().detach().prependTo('#wrapper');
document.getElementById(chatbox_id).innerHTML = '<iframe src="/chatbox/index.forum?archives" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
}
Mas com esse código que eu fiz, é possível também mover o chatbox para cima dos widgets, bastando remover o comentário (duas barrinhas)
// que antecedem essa linha:
$('#' + chatbox_id).parent().detach().prependTo('[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]');Após isso, fica perfeitamente fácil usando o console do navegador para descobrir qual é o seletor CSS que precisamos alterar!
JS