Ocultar widget lateral

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

Resolvido Ocultar widget lateral

Mensagem por .Danni. em 13/02/16, 04:21 pm

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
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes
  • 0

Resolvido Re: Ocultar widget lateral

Mensagem por Fraise em 13/02/16, 04:25 pm

Boa tarde!

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

Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5360
Pontos Ativos : 7020

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ocultar widget lateral

Mensagem por .Danni. em 13/02/16, 04:26 pm

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
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Ocultar widget lateral

Mensagem por Fraise em 13/02/16, 04:30 pm

Olá novamente,

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

Até mais.
Fraise


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5360
Pontos Ativos : 7020

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ocultar widget lateral

Mensagem por .Danni. em 13/02/16, 04:37 pm

Boa tarde,

Obrigada, mas nenhum dos dois funcionou
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes
  • 0

Resolvido Re: Ocultar widget lateral

Mensagem por RafaelS. em 13/02/16, 04:41 pm

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. Esperando

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

Até mais.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Ocultar widget lateral

Mensagem por .Danni. em 13/02/16, 04:45 pm

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Ocultar widget lateral

Mensagem por RafaelS. em 13/02/16, 04:49 pm

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Ocultar widget lateral

Mensagem por .Danni. em 13/02/16, 04:54 pm

Perfeito, obrigada
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Ocultar widget lateral

Mensagem por RafaelS. em 13/02/16, 04:56 pm

De nada! Feliz

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

Ver perfil do usuário http://techmais.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum