Problema com o código mostrar/esconder widgets
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Problema com o código mostrar/esconder widgets
Qual é minha questão:
Olha, o código até que funciona normalmente, você clica no botão e ele mostra e oculta os widgets. O problema foi quando eu coloco coloco uma nova imagem no botão, ela fica tipo para fora da plataforma, veja o erro no botão:
https://2img.net/r/ihimg/a/img7/3013/qi2l.jpg
Se eu clicar no botão para esconder os widgets, a imagem fica normal, podemos notar na imagem logo abaixo:
https://2img.net/r/ihimg/a/img844/3706/74gb.jpg
Mas se eu clicar no botão novamente para mostrar, o erro da imagem do botão continua.
Código que uso no 1º widget, que fica emcima de todos:
<div id="forum-widget" style="height: 50px; width: 200px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #3399CC url(https://2img.net/r/ihimizer/img837/631/28yr.png) no-repeat 0 -13px;" onclick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget-http://pokemonmq.forumeiros.com')=='0') { my_setcookie('forum-widget-http://pokemonmq.forumeiros.com','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('forum-widget-http://pokemonmq.forumeiros.com','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }">
</div>
Código que utilizo no 2º widget, que fica no final de todos os outros:
<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget-http://pokemonmq.forumeiros.com')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script>
Então, o que faço para resolver o problema com a imagem do botão ?????
Endereço do meu fórum:
http://pokemonmq.forumeiros.com
Versão do fórum:
PUNBB
Olha, o código até que funciona normalmente, você clica no botão e ele mostra e oculta os widgets. O problema foi quando eu coloco coloco uma nova imagem no botão, ela fica tipo para fora da plataforma, veja o erro no botão:
https://2img.net/r/ihimg/a/img7/3013/qi2l.jpg
Se eu clicar no botão para esconder os widgets, a imagem fica normal, podemos notar na imagem logo abaixo:
https://2img.net/r/ihimg/a/img844/3706/74gb.jpg
Mas se eu clicar no botão novamente para mostrar, o erro da imagem do botão continua.
Código que uso no 1º widget, que fica emcima de todos:
<div id="forum-widget" style="height: 50px; width: 200px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #3399CC url(https://2img.net/r/ihimizer/img837/631/28yr.png) no-repeat 0 -13px;" onclick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget-http://pokemonmq.forumeiros.com')=='0') { my_setcookie('forum-widget-http://pokemonmq.forumeiros.com','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('forum-widget-http://pokemonmq.forumeiros.com','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }">
</div>
Código que utilizo no 2º widget, que fica no final de todos os outros:
<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget-http://pokemonmq.forumeiros.com')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script>
Então, o que faço para resolver o problema com a imagem do botão ?????
Endereço do meu fórum:
http://pokemonmq.forumeiros.com
Versão do fórum:
PUNBB
Última edição por Matheusc em 09.12.13 22:50, editado 1 vez(es)
Re: Problema com o código mostrar/esconder widgets
Olá,
Tente substituir o código por este
Até
Tente substituir o código por este
- Código:
<div id="forum-widget" style="height: 50px; width: 200px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #3399CC url(http://img837.imageshack.us/img837/631/28yr.png) no-repeat 0 -1px;" onclick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget-http://pokemonmq.forumeiros.com')=='0') { my_setcookie('forum-widget-http://pokemonmq.forumeiros.com','1',0,0); jQuery('#forum-widget').css('background-position','0 -1px'); } else { my_setcookie('forum-widget-http://pokemonmq.forumeiros.com','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }">
</div><script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget-http://pokemonmq.forumeiros.com')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script>
Até
Tópicos semelhantes
» Botão para mostrar/esconder conteúdo
» Esconder/Mostrar Widgets
» Como esconder os widgets
» Codigo para esconder widgets engual desse forum
» Como esconder os widgets
» Esconder/Mostrar Widgets
» Como esconder os widgets
» Codigo para esconder widgets engual desse forum
» Como esconder os widgets
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos