Ocultar os widgets do fórum

[[A]ndreyvieira]

Qual é minha questão:
Como colocar o botão para minimizar os widgets (<<), igual tem aqui no FdF?
Aquele botãozinho que fica em cima da barra dos widgets, (<<), que ao criar nele, a barra de widget minimiza-se..

Medidas que eu tomei para corrigir o problema:
--

Imagens do meu problema:
--

Endereço do meu fórum:
http://globalcheatz.forumeiros.com/

Versão do meu fórum:
INVISION

[Convidad]

Buscarei pelo código e assim que encontra-lo voltarei e postarei o mesmo, ok?



Melhores cumprimentos,
Owner.

[Dury]

Olá,

Leia este tutorial: https://ajuda.forumeiros.com/t37664-
Com este tutorial veremos como podemos ocultar os widgets da estrutura do fórum, para os usuários que usam o fórum em resoluções menores, naquelas em que os widgets laterais consomem muito espaço, prejudicando a visualização. Com este tutorial aprenderá a criar um botão para que o usuário possa escolher.

Até mais!

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'

[[A]ndreyvieira]

Owner, vou ver se consigo com o tutorial que Jeffrey postou..
Obrigado á vocês dois.

logo volto a responder noque deu ^^

@Edit
Funcionou, mas os botões ficaram ao contrario..
e também ficou aquela barrinha laranja, sem nada dentro dela..

Olhe você mesmo como ficou: http://globalcheatz.forumeiros.com/

[Dury]

Olá,

O mais correto é adicionar o código abaixo dentro de um widget já existente. A função desejada vai buscar somente os widgets, logo para não acontecer aquilo você pode apenas usar o primeiro código.

Código:

<div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #f5ebf7 url(http://i42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget-ENDERECO_DO_FORUM')=='0') { my_setcookie('forum-widget-ENDERECO_DO_FORUM','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('forum-widget-ENDERECO_DO_FORUM','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>

Mas neste caso, no widget que você criou, o aconselhável também é procurar a opção "Utilizar um table type" e marcar em Não, assim não aparece a barrinha que diz.

[[A]ndreyvieira]

o código acima que você postou, o botão fica no lado esquerdo, e ao clicar nele não acontece nada com os widgets na barra lateral direita..

a respeito do table type:
ativado fica com uma barra em cima mais grossa;
desativado fica com as barrinhas finas, com ele desativado a diferença é que não aparece o local de título.

[Dury]

Olá,

Você tinha criado os widgets que foi pedido neste tutorial certo? (https://ajuda.forumeiros.com/t37664-)

Já que eles estão criados apenas desative o table type dos widgets com os códigos... Aquele código que coloquei acima foi um exemplo...

[[A]ndreyvieira]

1° Sim, os widgets foram criados, mas os botões ficaram ao contrário, o botão para minimizar ta com aparência de << e o desminimizar (nãoseicomofalarsr') está >>..

[[A]ndreyvieira]

uup *

[Konai]

Olá,
Gostaria muito de lhe ajudar, mais não entendi absolutamente nada da sua última mensagem. Você embaraçou você e a mim também ..


Tente se especificar melhor .

[Mikáá]

Olá!

Primeiro de tudo terá de activar os widgets em seu fórum (tanto faz se for no portal ou dentro do fórum mesmo!). Depois terá de criar o widget assim:

Nome do widget -> (meta um espaço: )
Utilizar um table type -> Não
Fonte do widget -> Terá de adicionar este código:

Código:

<div id="theLayer" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #0400FF; position: absolute;background: transparent url(http://i442.photobucket.com/albums/qq150/micael_08/68esds.png) no-repeat 0 -13px;" onClick="if(my_getcookie('theLayer')=='0') { jQuery('#content-container div#container').css('margin-right','-3px');jQuery('#content-container div#content').css('margin-right','3px');jQuery('#content-container div#left').animate({width: '180px',marginRight: '3px'}, 2000);jQuery('*+ html #content-container div#main').css('margin-left','183px');jQuery('#wrap').css('min-width','951px');jQuery('* html .conteneur_container_IE').css('margin-left','-1083px');jQuery('* html .conteneur_minwidth_IE').css('padding-left','1083px'); my_setcookie('theLayer','1',0,0); jQuery('#theLayer').css('background-position','0 -13px'); } else { jQuery('#content-container div#container').css('margin-right','0px');jQuery('#content-container div#content').css('margin-right','0px');jQuery('#content-container div#left').animate({width: '0px',marginRight: '0px'}, 2000);jQuery('*+ html #content-container div#main').css('margin-left','0px');jQuery('#wrap').css('min-width','768px');jQuery('* html .conteneur_container_IE').css('margin-left','-900px');jQuery('* html .conteneur_minwidth_IE').css('padding-left','900px'); my_setcookie('theLayer','0',1,0); jQuery('#theLayer').css('background-position','0 0px'); }"></div>

Veja se funciona! Testado e aprovado no SitioMarado: http://sitiomarado.forumeiros.com

O código foi elaborado e editado por mim, é mais extenso e mais fácil de compreender para os membros, pois não precisa de fazer edições. Este é o que eu recomendo para os membros, apesar de eu não o divulgar muito, somente estou a divulgar aqui para que a sua situação seja resolvida!

Até mais.

[[A]ndreyvieira]

não funcionou, mas obrigado !

O problema é que as imagens ficam ao contrário entendem?
Meus widget's ficam na barra lateral direita, e os botões para minimizar ficam viradas entenderam?
O botão que era para ser assim: (>>) está assim: (<<), e o botão que éra p/ ser assim: (<<) está assim: (>>)..

Confuso né,

[Mikáá]

Olá novamente!

Que versão é o seu fórum afinal? Mande-nos o seu CSS e tudo o que o seu fórum contém de códigos, tanto na homepage como nos widgets, e etc... pois pode haver erros, e o código que lhe passei esta a funcionar a 100% pois é o que eu uso em meu fórum

Até mais.

[[A]ndreyvieira]

@ Questão resolvida !