Como deixar botão de fechar widget do fórum igual do FdF

[Cristian 95]

Qual é minha questão:
Bom galera, como podem ver aqui no fórum dos fóruns o botão de fechar os widgets do fóruns (ali do lado <<) fica acima de um widget, no meu não, no meu fica no título do widget, então queria que me ajudassem a como por para ficar acima do widget, obrigado.

Medidas que eu tomei para corrigir o problema:
Bom, eu tentei colocar para não aparecer título "Utilizar um table type" (marquei não) e não puis título, mas de nada adiantou.

Links e imagens do meu problema:

Como é no meu

Link da imagem

Como é no de vocês

Link da imagem

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

Versão do meu fórum:
PHPBB3

[Troubleshoot]

Olá, consulte este tópico :

https://ajuda.forumeiros.com/t55030-

Resulta?

[Cristian 95]

Olá, consulte este tópico :

https://ajuda.forumeiros.com/t55030-

Resulta?

Valeu por responde brother, mas não é isso, essa dúvida ai é de como a setinha começa aberta ou fechada, eu quero a posição dela. =)

[Cristian 95]

UP.

[Gabe]

Olá!

Você colocou o código das setas em um widget separado ou no mesmo widget que o mostrado na imagem?

Abraço.

[Cristian 95]

Olá!

Você colocou o código das setas em um widget separado ou no mesmo widget que o mostrado na imagem?

Abraço.

no mesmo, mas se dizer que é por causa do "como fazer parceiria" não é, pois eu já tirei esse parceiria.

[Gabe]

Olá!

Pelo que eu vi no seu fórum ele está mantendo a base dos outros widgets, por isso é importante ter certeza que a opção table type esteja desativada.

Abraço.

[Cristian 95]

Olá!

Pelo que eu vi no seu fórum ele está mantendo a base dos outros widgets, por isso é importante ter certeza que a opção table type esteja desativada.

Abraço.

Mas já ta. ;s

[Gabe]

Vamos com calma então que iremos resolver isso...

Me passe o código que você utilizou.

Abraço.

[Cristian 95]

Vamos com calma então que iremos resolver isso...

Me passe o código que você utilizou.

Abraço.

Calma é a palavra chave da solução. ;D

Código:

<div id="page-body"><div id="content-container"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="left"><div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: absolute;background: #FFFFFF url(http://i39.tinypic.com/68esds.png) no-repeat 0 -13px;" onClick="if(my_getcookie('forum-widget')=='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('forum-widget','1',0,0); jQuery('#forum-widget').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('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div><div style="height:4px"></div><div class="module"><div class="inner"><span class="corners-top"><span></span></span>
<script type="text/javascript"> if(my_getcookie('forum-widget')=='0') { jQuery('#content-container div#container').css('margin-right','0px');jQuery('#content-container div#content').css('margin-right','0px');jQuery('#content-container div#left').css('width','0px').css('margin-right','0px');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'); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

O código deve ter alguma edição, pois eu editei (acho) para mesmo quando fechar os widget os códigos que há nele continuarem funcionando, eu apenas coloquei para só fechar os widget, mas caso saiba deixar o código funcionando e tirar o botão que faz a ação, e deixa apenas e a ação (sem o botão) pode fazer. ^^

[Gabe]

Olá!

Você alterou o código para cumprir qual função? Não compreendi. De qualquer maneira, o código original não servia para você?

Tente o abaixo, mantive o que você construiu, mas veja se funciona:

Código:

<div id="page-body"><div id="content-container"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="left"><div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: absolute;background: #FFFFFF url(http://i39.tinypic.com/68esds.png) no-repeat 0 -13px;" onClick="if(my_getcookie('forum-widget')=='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('forum-widget','1',0,0); jQuery('#forum-widget').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('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div><div style="height:4px"></div><div class="module"><div class="inner"></span></span>
<script type="text/javascript"> if(my_getcookie('forum-widget')=='0') { jQuery('#content-container div#container').css('margin-right','0px');jQuery('#content-container div#content').css('margin-right','0px');jQuery('#content-container div#left').css('width','0px').css('margin-right','0px');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'); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

Abraço.

[Cristian 95]

Olá!

Você alterou o código para cumprir qual função? Não compreendi. De qualquer maneira, o código original não servia para você?

Tente o abaixo, mantive o que você construiu, mas veja se funciona:

Código:

<div id="page-body"><div id="content-container"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="left"><div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: absolute;background: #FFFFFF url(http://i39.tinypic.com/68esds.png) no-repeat 0 -13px;" onClick="if(my_getcookie('forum-widget')=='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('forum-widget','1',0,0); jQuery('#forum-widget').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('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div><div style="height:4px"></div><div class="module"><div class="inner"></span></span>
<script type="text/javascript"> if(my_getcookie('forum-widget')=='0') { jQuery('#content-container div#container').css('margin-right','0px');jQuery('#content-container div#content').css('margin-right','0px');jQuery('#content-container div#left').css('width','0px').css('margin-right','0px');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'); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

Abraço.

Não funciona, se possível vá ao meu fórum e irei mostra-lo o porque, se for irei espera-lo no xat do portal. ;D

[Gabe]

Olá!

Prefiro que explique aqui se possível. Mostrando imagens ou da forma que quiser.

Abraço.

[Cristian 95]

Olá!

Prefiro que explique aqui se possível. Mostrando imagens ou da forma que quiser.

Abraço.

é que o meu código, quando fecha o widget ele continua funcionando, os códigos que há nos widget, o da forumeiros não, ele faz tudo para de funcionar e só funciona quando abri, mas se der edita para tirar os botões e só deixar a ação (e que ele inicie fechado por favor rs).

[Gabe]

Olá!

Mas porque não sustenta os códigos em páginas html ou javascript por exemplo, ao invés dos widgets?

Pois códigos importantes aconselho que sustente-os aonde lhe disse. Já códigos que serão utilizados apenas quando os widgets estiverem abertos podem ser sustentados ali mesmo.

Abraço.

[Cristian 95]

Olá!

Mas porque não sustenta os códigos em páginas html ou javascript por exemplo, ao invés dos widgets?

Pois códigos importantes aconselho que sustente-os aonde lhe disse. Já códigos que serão utilizados apenas quando os widgets estiverem abertos podem ser sustentados ali mesmo.

Abraço.

Por que os códigos são de widget, não funcionão em código html ou javascript da forma que desejo. ^^

[Gabe]

Poderia dizer quais são e suas respectivas funções?

Abraço.

[Cristian 95]

Poderia dizer quais são e suas respectivas funções?

Abraço.

Login no topo, e painel de usuário, eu coloco painel de usuário apenas para logados, e login no topo apenas para convidados, html e javascript não tem essa função. ^^

[Gabe]

Olá!

Com exceção do login no topo, não vejo porque o código do painel de usuário não pode ser desativado quando os widgets fecharem, se o painel não precisará ser ocupado, certo? Explique-me caso eu esteja errado.

Abraço.

[Cristian 95]

Olá!

Com exceção do login no topo, não vejo porque o código do painel de usuário não pode ser desativado quando os widgets fecharem, se o painel não precisará ser ocupado, certo? Explique-me caso eu esteja errado.

Abraço.

Esqueci de esclarecer que o painel se encontra no topo também. ^^

[Gabe]

Olá!

Tente substituir pelo abaixo:

Código:

<div id="page-body"><div id="content-container"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="left"><div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: absolute;background: #FFFFFF url(http://i39.tinypic.com/68esds.png) no-repeat 0 -13px;" onClick="if(my_getcookie('forum-widget')=='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('forum-widget','1',0,0); jQuery('#forum-widget').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('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div><div style="height:4px"></div><div class="module"><div class="inner"><span class="corners-top"><span></span></span><style type="text/css">span.corners-top {background-color:#f8f8f8}</style><script type="text/javascript"> if(my_getcookie('forum-widget')=='0') { jQuery('#content-container div#container').css('margin-right','0px');jQuery('#content-container div#content').css('margin-right','0px');jQuery('#content-container div#left').css('width','0px').css('margin-right','0px');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'); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

Abraço.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

[Cristian 95]

Olá!

Tente substituir pelo abaixo:

Código:

<div id="page-body"><div id="content-container"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="left"><div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: absolute;background: #FFFFFF url(http://i39.tinypic.com/68esds.png) no-repeat 0 -13px;" onClick="if(my_getcookie('forum-widget')=='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('forum-widget','1',0,0); jQuery('#forum-widget').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('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div><div style="height:4px"></div><div class="module"><div class="inner"><span class="corners-top"><span></span></span><style type="text/css">span.corners-top {background-color:#f8f8f8}</style><script type="text/javascript"> if(my_getcookie('forum-widget')=='0') { jQuery('#content-container div#container').css('margin-right','0px');jQuery('#content-container div#content').css('margin-right','0px');jQuery('#content-container div#left').css('width','0px').css('margin-right','0px');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'); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

Abraço.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Ele começou fechado, porém ele ainda está com o bug citado no inicio do tópico. você não consegui fazer só o botão de abrir sumir?

[Cristian 95]

UP... quero que a função fique ... e o botão não ... ( retirar o botão e deixar a função. )

[Cristian 95]

UP.

[Gabe]

Olá!

Eu não compreendi, você quer deixar sem o botão, mas como os membros fecharão e abrirão os widgets?

Desculpe pela demora.

Abraço.

[Cristian 95]

Olá!

Eu não compreendi, você quer deixar sem o botão, mas como os membros fecharão e abrirão os widgets?

Desculpe pela demora.

Abraço.

Mas é por isso que quero tirar ... para eles não abrirem e nem fecharem ... ^^

[Gabe]

Tente com este:

Código:

<div id="page-body"><div id="content-container"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="left"><div id="forum-widget" style="display: none" onClick="if(my_getcookie('forum-widget')=='0') { jQuery('#content-container div#container').css('margin-right','-3px');jQuery('#content-container div#content').css('margin-right','3px');jQuery('').animate({width: '0px',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('forum-widget','1',0,0); jQuery('#forum-widget').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('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div><div style="height:4px"></div><div class="module"><div class="inner"></span><style type="text/css">span.corners-top {background-color:#f8f8f8}</style><script type="text/javascript"> if(my_getcookie('forum-widget')=='0') { jQuery('#content-container div#container').css('margin-right','0px');jQuery('#content-container div#content').css('margin-right','0px');jQuery('#content-container div#left').css('width','0px').css('margin-right','0px');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'); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

Abraço.

[Cristian 95]

Tente com este:

Código:

<div id="page-body"><div id="content-container"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="left"><div id="forum-widget" style="display: none" onClick="if(my_getcookie('forum-widget')=='0') { jQuery('#content-container div#container').css('margin-right','-3px');jQuery('#content-container div#content').css('margin-right','3px');jQuery('').animate({width: '0px',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('forum-widget','1',0,0); jQuery('#forum-widget').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('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div><div style="height:4px"></div><div class="module"><div class="inner"></span><style type="text/css">span.corners-top {background-color:#f8f8f8}</style><script type="text/javascript"> if(my_getcookie('forum-widget')=='0') { jQuery('#content-container div#container').css('margin-right','0px');jQuery('#content-container div#content').css('margin-right','0px');jQuery('#content-container div#left').css('width','0px').css('margin-right','0px');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'); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

Abraço.

Certinho ... pode fechar, obrigado !