Ocultar widget

4 participantes

Ir para baixo

Tópico resolvido Ocultar widget

Mensagem por Legolass 17.05.13 15:07

Qual é minha questão:
Pessoal como faço para que o code de acultar widget já apareça oculto para que a pessoa expanda ele? Pois no tutorial dá o código mas com ele já expandido.

Código:
Widget número 1

    <div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(http://i42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#right').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'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget-ENDERECO_DO_FORUM','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>


Widget número 2

    <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget-ENDERECO_DO_FORUM')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>


Endereço do meu fórum:
http://www.fanfictionunited.com.br

Versão do fórum:
PHPBB2
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget

Mensagem por MateusA 17.05.13 15:24

Olá! não entendi muito bem,Você viu isso em algum lugar? tem como explicar melhor?

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget

Mensagem por Legolass 17.05.13 16:31

É o tutorial aqui do FdF que oculta os widgets, mas eu queria que ele jah ficasse oculto para que a pessoa que quisesse ver era só clicar na seta. Aqui está o tuto https://ajuda.forumeiros.com/t37664-tutorial-ocultar-os-widgets-do-forum
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget

Mensagem por Sking 17.05.13 19:29

Olá, vc esta dizendo que o tutorial não funcionou ?
Até mais
avatar
Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget

Mensagem por Legolass 17.05.13 19:56

Não, amigo, vou explicar novamente.

O tutorial está perfeito, porém ele já deixa os widgets expostos e, ao clicar na setinha, eles ocultam. Eu queria a ordem inversa: que já ficasse oculta e, ao clicar na setinha, apareça.
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget

Mensagem por Legolass 18.05.13 15:39

UP
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget

Mensagem por Convidado 18.05.13 15:55

Saudações!

Troque por este:
Código:
Widget número 1

    <div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(http://i42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#height').animate({width:'toggle',right:'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'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget-ENDERECO_DO_FORUM','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>


Widget número 2

    <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget-ENDERECO_DO_FORUM')=='0') {jQuery('#height').animate({width:'toggle',right:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>

Até. Piscada
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget

Mensagem por Legolass 19.05.13 2:58

Sem efeito, nem esconder ele escondeu mais
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget

Mensagem por Hyouki 19.05.13 3:03

Olá,
crie um novo widget e adicione esse código:
Código:
<div id="forum-widget" style="cursor: pointer; height: 36px; width: 28px; position: absolute;
right:0px;margin-top: 50px;background: transparent url(http://i.imgur.com/ILQCoUy.png) no-repeat 0 0px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','290px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 -37px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>
ao cria-lo mova-o para o topo dos widget ou seja coloque-o como primeiro!
agora crie outro com esse código:
Código:
<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 -37px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>
e coloque em último.
Utilizar um table type : não.
Hyouki
Hyouki
Super Membro

Membro desde : 10/02/2012
Mensagens : 1495
Pontos : 1981

http://www.forum-dix.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar widget

Mensagem por Legolass 19.05.13 14:09

Não era isso, eu queria que ele ficasse já oculto. Mas ok, podem fechar.
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

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