Ocultar widget lateral

Detalhes da questão

Endereço do fórum: http://castelobruxo.forumeiros.com/
Versão do fórum: Invision

Descrição

Boa tarde,

Não sou de postar dúvida sem buscar, contudo a busca do fórum não consegue assimilar duas palavras chave em um mesmo tópico :/ (quando eu busco aparecem tópicos nada a ver com ou uma palavra ou com a outra).

Também não achei esse tutorial na lista, apesar de ter olhado umas três vezes.

Gostaria de saber como ocultar os widgets laterais do fórum.

Grata

Boa tarde!

Consulte o seguinte tópico:
https://ajuda.forumeiros.com/t1297-

Até mais.

Boa tarde,

A minha dúvida é sobre o código que adiciona o botão que permite que os widgets sejam ocultados/exibidos quando o usuário deseja.

Mas obrigada de qualquer forma

Olá novamente,

Desculpe, eu não havia entendido de inicio.
Veja se estes tópicos sanam a sua dúvida:
https://ajuda.forumeiros.com/t99584-
https://ajuda.forumeiros.com/t87365-

Até mais.
Fraise

Boa tarde,

Obrigada, mas nenhum dos dois funcionou

Olá!

Realmente a busca do FdF, já foi melhor. Por isso que recomendo que use a Busca Avançada e selecione a opção Buscar todos os termos. Pois como está atualmente, ela está buscando qualquer termo introduzido.

Quanto aos widgets, você deseja os desativar totalmente? Se sim, basta o fazer no painel de controle na gestão dos widgets.

Até mais.

Boa tarde,
Eu quero o efeito que tem no FdF, o botão acima do primeiro widget que permite ocultar essa barra lateral. Costumava funcionar com um tutorial antigo onde se utilizava dois widgets um em cima e outro embaixo para adicionar o efeito (um dos links apresentado pelo Fraise), contudo não encontrei o mesmo tutorial e o tópico anterior não funcionou no meu fórum.

Olá!

Eu corrigi o código do plug-in, crie um JavaScript com o seguinte código:

Código:

var jDoc = jQuery(document);
jDoc.ready(function() {
jQuery('head').append(
'<style>' +
'#outer-wrapper {' +
'  position: relative;' +
'}' +
'.sidebar_col {' +
'  padding: 3px 7px;' +
'  background-color: rgba(0, 0, 0, 0.7);' +
'  color: white;' +
'  -webkit-border-radius: 4px;' +
'  -moz-border-radius: 4px;' +
'  border-radius: 4px;' +
'  position: absolute;' +
'  top: -10px;' +
'  -webkit-transition: all 0.4s ease-in-out;' +
'  -moz-transition: all 0.4s ease-in-out;' +
'  cursor: pointer;' +
'}' +
'#right + .sidebar_col {' +
'  right: -13px;' +
'}' +
'#left + .sidebar_col {' +
'  left: -13px;' +
'}' +
'.sidebar_hide {' +
'  opacity: 0;' +
'}' +
'#right:hover + .sidebar_hide, #left:hover + .sidebar_hide, .sidebar_show {' +
'  opacity: 0.5;' +
'}' +
'.sidebar_hide:hover, .sidebar_show:hover {' +
'  opacity: 1;' +
'}' +
'.sidebar_hide:after {' +
'  content: "x";' +
'}' +
'#right + .sidebar_show:after {' +
'  content: "«";' +
'}' +
'#left + .sidebar_show:after {' +
'  content: "»";' +
'}' +
'</style>'
);

var jSidebar = jQuery('#right, #left');

jSidebar.after(
'<span class="sidebar_hide sidebar_col"></span>'
);

jQuery('.sidebar_col').each(function() { 
    var jThis = jQuery(this);
    jThis.attr('id','col_' + jThis.prev().attr('id'));
});

var jContent = jQuery('#content');
var jRight = jQuery('#col_right');
var jLeft = jQuery('#col_left');

if(jQuery.cookie('sidebarRight') == 'fechado') {
  jRight.addClass('sidebar_show').removeClass('sidebar_hide').prev().hide();
  jContent.css('width','100%');
}
if(jQuery.cookie('sidebarLeft') == 'fechado') {
  jLeft.addClass('sidebar_show').removeClass('sidebar_hide').prev().hide();
}

jDoc.on('click','.sidebar_hide', function() {
        if(jQuery(this).attr('id') == 'col_right') {
          jRight.removeClass('sidebar_hide').addClass('sidebar_show').prev().fadeOut('500');
          jContent.delay('500').animate({width: '100%'}, '400');
          jQuery.cookie('sidebarRight', 'fechado', { expires: 365 });
        } else {
          jLeft.removeClass('sidebar_hide').addClass('sidebar_show').prev().fadeOut('500');
          jQuery.cookie('sidebarLeft', 'fechado', { expires: 365 });
        }
});

jDoc.on('click','.sidebar_show', function() {
        if(jQuery(this).attr('id') == 'col_right') {
          jRight.removeClass('sidebar_show').addClass('sidebar_hide').prev().delay('400').fadeIn('500');
          jContent.animate({width: jContent.width() - jRight.prev().width()-10}, '400');
          jQuery.cookie('sidebarRight', 'aberto', { expires: 365 });
        } else {
          jLeft.removeClass('sidebar_show').addClass('sidebar_hide').prev().delay('400').fadeIn('500');
          jQuery.cookie('sidebarLeft', 'aberto', { expires: 365 });
        }
});
});

Até mais.

Perfeito, obrigada

De nada!

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".