Help no minimizador de widget

Qual é minha questão:
Eu coloquei o minimizador seguindo o TUTO, mas ele fica aparecendo uma bolinha e quero deixar assim:



Erro no meu fórum



Medidas que eu tomei para corrigir o problema:
-------------

Links e imagens do meu problema:
https://i.servimg.com/u/f41/17/41/68/48/captur31.png

Endereço do meu fórum:
http://pixel-live.forumeiros.com/

Versão do meu fórum:

Olá amigo;
Poderia me conceder o Código usado por Ti para fazer o Primeiro Widget?

Atenciosamente,
House

<div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #f5ebf7 url(https://2img.net/r/ihimizer/img827/1201/dlkm5zth.png) no-repeat 0 -13px;" onClick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget-pixelliveforumeiroscom')=='0') { my_setcookie('forum-widget-pixelliveforumeiroscom','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('forum-widget-pixelliveforumeiroscom','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>

Olá amigo;
Poderia agora me conceder o link onde viu "As Setinhas" Que deseja?

Atenciosamente,
House

Olá,

Cheez, crie um widget com este código e ponha ele á cima de todos:

Código:

[color=darkblue]<div id="forum-widget" style="height: 13px; width: 16px; cursor: pointer; position: absolute; background-image: url(http://img827.imageshack.us/img827/1201/dlkm5zth.png); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: -8px; background-position: 0px -13px; background-repeat: no-repeat no-repeat; " onclick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000);if(my_getcookie('forum-widget-http://pixel-live.forumeiros.com/')=='0'){my_setcookie('forum-widget-http://pixel-live.forumeiros.com/','1',0,0);jQuery('#forum-widget').css('background-position','0 -13px');}else{my_setcookie('forum-widget-http://pixel-live.forumeiros.com/','0',1,0);jQuery('#forum-widget').css('background-position','0 0px')}"></div>[/color]

E, crie outro e coloque ao final, em baixo de todos os seus widgets:

Código:

<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget-http://forum-dix.forumeiros.com/')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

Até mais.

Josh ficou a mesma coisa

Olá,

Troque o código do topo por este amigo:

Código:

<div id="forum-widget" style="height: 13px; width: 16px; cursor: pointer; position: absolute; background-image: url(http://img827.imageshack.us/img827/1201/dlkm5zth.png); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: -8px; background-position: 0px -13px; background-repeat: no-repeat no-repeat; " onclick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000);if(my_getcookie('forum-widget-http://pixel-live.forumeiros.com/')=='0'){my_setcookie('forum-widget-http://pixel-live.forumeiros.com/','1',0,0);jQuery('#forum-widget').css('background-position','0 -13px');}else{my_setcookie('forum-widget-http://pixel-live.forumeiros.com/','0',1,0);jQuery('#forum-widget').css('background-position','0 0px')}"></div>

Até mais.

Olá!
Substitua-o primeiro código por este:

Código:

<div id="forum-widget" style="height: 29px; width: 25px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; position: absolute; background-image: url(http://img827.imageshack.us/img827/1201/dlkm5zth.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: 0px 0px; background-repeat: no-repeat no-repeat; " onclick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('lolveiolol')=='0') { my_setcookie('lolveiolol','1',0,0); jQuery('#forum-widget').css('background-position','0 -30px'); } else { my_setcookie('lolveiolol','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>

Atenciosamente,
House

Dr.House o código funcionou mais ocorreu isso, ele ficou colado com o outro Widget

https://i.servimg.com/u/f41/17/41/68/48/captur32.png

Oi,
Substitua o código fornecido por Dr.House por este:

Código:

<div id="forum-widget" style="height: 29px; width: 20px; border-top-left-radius: 2px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; position: absolute; background-image: url(http://img827.imageshack.us/img827/1201/dlkm5zth.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: 0px 0px; background-repeat: no-repeat no-repeat; " onclick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('lolveiolol')=='0') { my_setcookie('lolveiolol','1',0,0); jQuery('#forum-widget').css('background-position','0 -30px'); } else { my_setcookie('lolveiolol','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>

Creio que com está edição que eu fiz pra você, esteja correta.

Boas!

Continua a mesma coisa

Olá!
Tente esse amigo:

Código:

<div id="forum-widget" style="height: 13px; width: 16px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; position: absolute; background-image: url(http://img827.imageshack.us/img827/1201/dlkm5zth.png); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; background-position: 0px -13px; background-repeat: no-repeat no-repeat; " onclick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('lolveiolol')=='0') { my_setcookie('lolveiolol','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('lolveiolol','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>

Atenciosamente,
House

Ficou a mesma coisa voltou para o formato em bolinha

Dr.House tem outro tipo de seta não.

Boa noite.

Visualizei seu fórum e encontrei o efeito desejado sem erros, poderia dizer-nos se sua questão encontra-se resolvida?

Cordialmente,
MateusV.

Não consegui o exito que eu queria mas vou fechar o tópico. (modo de falar)