Ocultar widget

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

Resolvido Ocultar widget

Mensagem por Legolass em 17/05/13, 11:07 am

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
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Ocultar widget

Mensagem por MateusA em 17/05/13, 11:24 am

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

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Ocultar widget

Mensagem por Legolass em 17/05/13, 12:31 pm

É 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 http://ajuda.forumeiros.com/t37664-tutorial-ocultar-os-widgets-do-forum
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Ocultar widget

Mensagem por Sking em 17/05/13, 03:29 pm

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

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Ocultar widget

Mensagem por Legolass em 17/05/13, 03:56 pm

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.
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Ocultar widget

Mensagem por Legolass em 18/05/13, 11:39 am

UP
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Ocultar widget

Mensagem por Convidado em 18/05/13, 11:55 am

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

Convidado
Convidado


Resolvido Re: Ocultar widget

Mensagem por Legolass em 18/05/13, 10:58 pm

Sem efeito, nem esconder ele escondeu mais
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Ocultar widget

Mensagem por Hyouki em 18/05/13, 11:03 pm

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.
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Ocultar widget

Mensagem por Legolass em 19/05/13, 10:09 am

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

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

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

- Tópicos similares

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