Ocultar widget lateral

3 participantes

Ir para baixo

Tópico resolvido Ocultar widget lateral

Mensagem por .Danni. 13.02.16 18:21

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
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget lateral

Mensagem por Fraise 13.02.16 18:25

Boa tarde!

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

Até mais.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget lateral

Mensagem por .Danni. 13.02.16 18:26

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
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget lateral

Mensagem por Fraise 13.02.16 18:30

Olá novamente,

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

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget lateral

Mensagem por .Danni. 13.02.16 18:37

Boa tarde,

Obrigada, mas nenhum dos dois funcionou
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget lateral

Mensagem por RafaelS. 13.02.16 18:41

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.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget lateral

Mensagem por .Danni. 13.02.16 18:45

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.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget lateral

Mensagem por RafaelS. 13.02.16 18:49

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.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget lateral

Mensagem por .Danni. 13.02.16 18:54

Perfeito, obrigada
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget lateral

Mensagem por RafaelS. 13.02.16 18:56

De nada! Feliz

Ocultar widget lateral Symbol10 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.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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