Widgets no centro do fórum

2 participantes

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

Tópico resolvido Widgets no centro do fórum

Mensagem por Troubleshoot 05.04.14 20:08

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 16:11, editado 1 vez(es)
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets no centro do fórum

Mensagem por Troubleshoot 07.04.14 2:14

UP
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Widgets no centro do fórum

Mensagem por Hancki 07.04.14 12:00

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets no centro do fórum

Mensagem por Troubleshoot 07.04.14 14:52

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.



Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Widgets no centro do fórum

Mensagem por Hancki 07.04.14 15:25

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets no centro do fórum

Mensagem por Troubleshoot 07.04.14 15:46

Obrigado.
Hancki, adicionei o código CSS e olhe como ficou meu fórum:
Widgets no centro do fórum 4py0hM8

E como fica caso eu não adicione o código:
Widgets no centro do fórum GLOX0o0

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

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Widgets no centro do fórum

Mensagem por Hancki 07.04.14 15:58

Veja com este CSS:
Código:
#content-container div#left {
   width: 0px !important;
}
Resultado: http://prntscr.com/37tvkh
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets no centro do fórum

Mensagem por Troubleshoot 07.04.14 16:10

Resultou!
Muito obrigado pela ajuda.

Até! Muito feliz
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos