Widgets no centro do fórum

[Troubleshoot]

Qual é minha questão:
Olá!
Como faço para colocar os Widgets do lado direito no topo do fórum e os Widgets do lado esquerdo no final do fórum? Se possível quero deixá-los lado a lado.


Até!

Endereço do meu fórum:
http://bluebox.forumeiros.com

Versão do fórum:
PUNBB

[Troubleshoot]

UP

[Hancki]

Olá!

Só vi widgets do lado direito no seu fórum, portanto fiz os testes apenas com eles.
Veja com um simples código jQuery:

Código:

$(function () {
    jQuery('#right .module.main').css('display', 'inline-block').css('width', '200px').css('min-height', '330px').css('margin', '10px').detach().insertBefore('#main-content');
});

Resultado: http://prntscr.com/37s6e6
Na minha opinião, em termos estéticos, fica estranho :/
Depois este CSS para a largura do fórum:

Código:

#main {
   min-width: 130% !important;
}

Ok?

Hancki

[Troubleshoot]

Hancki, resultou! Obrigado.

Adicionei os Widgets do lado esquerdo. Pode adaptar o código para que os Widgets fiquem nesta div "widgetleft"? Assim consigo adicionar os Widgets do lado esquerdo no final do fórum.

[Hancki]

Veja:

Código:

$(function () {
    jQuery('#left .module.main').css('display', 'inline-block').css('width', '200px').css('min-height', '330px').css('margin', '10px').detach().appendTo('#widgetleft');
});

Na parte ".appendTo('#widgetleft');", apenas tem que mudar o seletor para que todos os widgets do lado esquerdo mudem para a div que desejar.

Hancki

[Troubleshoot]

Obrigado.
Hancki, adicionei o código CSS e olhe como ficou meu fórum:


E como fica caso eu não adicione o código:


Existe alguma forma de aplicar o código CSS somente nos Widgets do lado esquerdo, para que não fiquem com este espaço em branco?

[Hancki]

Veja com este CSS:

Código:

#content-container div#left {
   width: 0px !important;
}

Resultado: http://prntscr.com/37tvkh

[Troubleshoot]

Resultou!
Muito obrigado pela ajuda.

Até!