Widgets no centro do fórum

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

Resolvido Widgets no centro do fórum

Mensagem por Troubleshoot em 05/04/14, 04:08 pm

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é! Muito feliz

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

Versão do fórum:
PUNBB


Última edição por Engine404 em 07/04/14, 12:11 pm, editado 1 vez(es)
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Widgets no centro do fórum

Mensagem por Troubleshoot em 06/04/14, 10:14 pm

UP
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Widgets no centro do fórum

Mensagem por Hancki em 07/04/14, 08:00 am

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
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: Widgets no centro do fórum

Mensagem por Troubleshoot em 07/04/14, 10:52 am

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.



avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Widgets no centro do fórum

Mensagem por Hancki em 07/04/14, 11:25 am

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
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: Widgets no centro do fórum

Mensagem por Troubleshoot em 07/04/14, 11:46 am

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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Widgets no centro do fórum

Mensagem por Hancki em 07/04/14, 11:58 am

Veja com este CSS:
Código:
#content-container div#left {
   width: 0px !important;
}
Resultado: http://prntscr.com/37tvkh
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: Widgets no centro do fórum

Mensagem por Troubleshoot em 07/04/14, 12:10 pm

Resultou!
Muito obrigado pela ajuda.

Até! Muito feliz
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

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