Ocultar widget com problemas

Qual é minha questão:
O Widget não esta detectando a posição anterior do painel de usuário - se ele esta fechado na página anterior ele deveria continuar fechado na seguinte. Mas, o que esta ocorrendo é que ele entra aberto em todas as páginas. Ao entrar aberto, o widget esta reconhecendo que ele esta "fechado" e ao clicar ele inverte a função - dessa forma:

Troca de página com painel de usuário aberto - entra na outra página aberto - sem problemas.

Troca de página com painel de usuário fechado - não reconhece que esta fechado e entra com painel de usuário aberto - ao se tentar fechar o painel, ele fecha - porém, a coluna não acompanha para 0, mantem-se um espaço em branco - ao clicar novamente para tentar ajustar - ele leva a coluna para 0 e mostra o painel - que nesse momento esta encima do texto da página.

Ocultar topo direita:

Código:

<div id="forum-widget" style="cursor: pointer; height: 17px; width: 17px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -1px; float: right; background: #ffffff url(http://icons.iconarchive.com/icons/kyo-tux/soft/16/Refresh-icon.png) no-repeat;"
onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget-http://sobrevivencialistabr.forumeiros.com/')=='0') {my_setcookie('forum-widget-http://sobrevivencialistabr.forumeiros.com/','1',0,0); jQuery('#forum-widget').css('background-position','1px'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget-http://sobrevivencialistabr.forumeiros.com/','0',1,0); jQuery('#forum-widget').css('background-position: 0px -13px;'); jQuery('#content-container div#content').css('margin-right','17px'); }"></div>

Ocultar fundo direita:

Código:

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

alguém pode me ajudar?

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

Versão do fórum:
PHPBB3

Olá,

Eu testei o seu código e funciona perfeitamente no fórum teste: http://templatesqueen.forumais.com/ provavelmente algum outro JS que você possui está interferindo no bom funcionamento deste.

Tente remover um por um até ver qual gera a incompatibilidade.

Cordialmente,
.The~Boss.

não funciona não - eu entrei lá
se você fechar na pagina inicial e clicar em meu primeiro fórum
quando ele entrar - vai estar aberto
se voce fechar ele vai ver que a coluna não fecha
ao clicar nele de novo vai ver que a coluna fecha e ele aparece invadindo a area do forum

Olá,

Eu acabei de fazer o que você falou, entrei no tópico e abri e fechei a lateral sem problemas, estou gravando uma captura para poder postar aqui e ver que para mim funciona perfeitamente.

Cordialemtne,
.The~Boss.

Fechar o painel - ok


clicar no link do forum e o painel vai aparecer aberto, clicar novamente para fechar - aqui já tá errado - tinha que aparecer fechado... quando clica - fica a coluna em branco



ao clicar novamente:


veja que ele invade o espaço

esse é do forum que voce me passou Chefe ^^

Olá,

Entendi o erro, fui ao tutorial e peguei o código básico, não alterei sequer o endereço do fórum e o problema foi solucionado, veja: http://templatesqueen.forumais.com/

Tutorial: https://ajuda.forumeiros.com/t37664-

Testa e diga se resulta, salve seu CSS personalizado para usá-lo depois.

Cordialmente,
.The~Boss.

sim, mas quando eu coloco o código que você me deu para aparecer o icone dá erro - hehehe
lembra que o icone não estava aparecendo????? pode olhar no forum teste

Olá,

Nesse caso basta remover a propriedade "background-position" do seu CSS.

Resulta?

Cordialmente,
.The~Boss.

vou retirar tudo e começar do zero - do topo ate embaixo e o painel de usuario

Olá,

No caso meu fórum de testes não possui outro JS ou CSS, por isso não houve conflito. Caso ainda sim não resulte, basta avisar.

Cordialmente,
.The~Boss.

Boss,

o problema tá em algum lugar aqui. Na css não tem nada relacionado. nenhum js é conflitante - tirei todos. nenhum widget tá conflitante - tirei todos, inclusive deletei e refiz.

eu só não lembro onde peguei o original desse aqui - eu devo ter apagado alguma coisa sem querer...


Painel de usuário

Código:


<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
   
<script>
    jQuery(document).ready(function(){
    jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
    link = jQuery('.panel dl:first img', data).attr('src');
    jQuery('#avatar').attr('src', link);
    });
    });
    </script><center><br/><span style="font-size: 1.2 em;"><font size="2">Seja bem Vindo!<br/>
    <img id="avatar" align="middle" width="100%"><font size="2">{USERLINK}</font><br />
    </b> {USERCOUNTPOST} mensagens<br/></center>
    <span id="friends_cook"></span><br/>
    </span>
   
    <dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
    <div style="cursor: pointer; "onClick= return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://icons.iconarchive.com/icons/saki/snowish/48/Arrow-refresh-icon.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
    <a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
    <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://icons.iconarchive.com/icons/saki/snowish/48/Arrow-refresh-icon.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
    <dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
    <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://icons.iconarchive.com/icons/saki/snowish/48/Arrow-refresh-icon.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);"><span class="corners-bottom"><span></span></span>



Olá,

Tente recolocar o widget do tutorial original: https://ajuda.forumeiros.com/t64154-

Resulta?

Cordialmente,
.The~Boss.

não resultou =( - já não sei mais o que tentar....

Olá,

Instalei o widget de usuário no meu fórum teste, infelizmente funcionou sem problemas. Peço que aguarde algum outro staff tentar ajudá-lo com sua dúvida, pois eu não sei o que pode estar errado.

Cordialmente,
.The~Boss.

Olá!
Crie um widget com o seguinte codigo :

Código:


<div id="forum-widget" style="cursor: pointer; height: 19px; width: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; bottom: -15px; float: right; background: transparent url(http://i49.tinypic.com/2ccuia8.png) no-repeat 0 -19px;" 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 -19px'); jQuery('#content-container div#content').css('margin-right','270px');} 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>


Crie outro com o seguinte codigo :

Código:



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

Depois basta colocar seus widgets entre eles :


Lembrando, edite nos javascripts as áreas onde ta escrito :
ENDERECO_DO_FORUM
e coloque o link do seu forum

Olá autor,

Me desculpe, mas eu não pude entender seu problema. Poderia me descreve-lo de uma forma mais clara?

Atenciosamente.

Ola troque o 1º Js por este :

Código:


<div id="forum-widget" style="cursor: pointer; height: 19px; width: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; bottom: -15px; float: right; background: transparent url(http://2img.net/i/fa/optimisation_fdf/common/arrow_rtl.png) no-repeat 0 -19px;" 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 -19px'); jQuery('#content-container div#content').css('margin-right','270px');} 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>

Quero agradecer à todos pela boa vontade e paciência. Principalmente à .The~Boss.

Consegui editar para aparecer o ícone, que era o único problema que o código do ~DarkCheats apresentou (não aparecia aqui). Enfim, resultou o código e obrigado dado - pena que não posso dar obrigado para mais de uma pessoa - dessa vez, ficou para o ~DarkCheats - mas, .The~Boss. já ganhou um montão de obrigados de mim ^^

Verifiquei todos os css e todos os js um por um - não deu conflito em nenhum. Mais uma vez, obrigado a todos.