Ocultar widget lateral

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

Atendido / 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.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1877
Pontos ativos : 2616

http://artesocultas.forumeiros.com/ https://www.facebook.com/adannie https://twitter.com/adanne
  • 0

Atendido / 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6307
Pontos ativos : 7775

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

Atendido / 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.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1877
Pontos ativos : 2616

http://artesocultas.forumeiros.com/ https://www.facebook.com/adannie https://twitter.com/adanne

Atendido / 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6307
Pontos ativos : 7775

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

Atendido / Resolvido Re: Ocultar widget lateral

Mensagem por .Danni. 13.02.16 18:37

Boa tarde,

Obrigada, mas nenhum dos dois funcionou
.Danni.

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1877
Pontos ativos : 2616

http://artesocultas.forumeiros.com/ https://www.facebook.com/adannie https://twitter.com/adanne
  • 0

Atendido / 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.
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5748
Pontos ativos : 7155

http://techmais.forumeiros.com/

Atendido / 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.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1877
Pontos ativos : 2616

http://artesocultas.forumeiros.com/ https://www.facebook.com/adannie https://twitter.com/adanne

Atendido / 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.
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5748
Pontos ativos : 7155

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Ocultar widget lateral

Mensagem por .Danni. 13.02.16 18:54

Perfeito, obrigada
.Danni.

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1877
Pontos ativos : 2616

http://artesocultas.forumeiros.com/ https://www.facebook.com/adannie https://twitter.com/adanne

Atendido / 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".
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5748
Pontos ativos : 7155

http://techmais.forumeiros.com/

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


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