Problema com menu lateral

Qual é minha questão:
Bom eu achei um menu lateral, em um tópico aqui na Forumeiros, achei legal e tal, mas ele não combinava muito com meu fórum ai eu modifiquei ele...
O código dele é este (ja modificado, se quiserem o original eu posto aqui)

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:Zrnic;
 margin:10px 10px 10px 10px;!important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#00324b;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:180px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> UG</span></h2>
 <ul>
 <li><a href="http://www.bruniversalgames.com/profile?mode=editprofile">Perfil</a></li>
 <li><a href="http://www.bruniversalgames.com/f15-anuncios-oficiais">Novidades</a></li>
 <li><a href="http://www.bruniversalgames.com/t35-regras-do-forum-da-universal-games">Regras</a></li>
 <li><a href="http://www.bruniversalgames.com/f33-shop-universal-games">Shop</a></li>
<li><a href="http://www.bruniversalgames.com/f7-denuncias">Denuncias</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title="sideBar" /></a>
 </div>

Porém ele tem um pequeno problema, quando ele ta fechado fica assim, normal.

Mas quando a gente clica nele, ele fica com a imagem corrompida

---

Essa imagem aqui

É a que buga quando o menu abre.
Alguém sabe como resolver isso?

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

Versão do fórum:
PHPBB3

Olá ,

Como assim a imagem fica corrompida ?

Olá!

Coloque o código por gentileza em funcionamento em seu fórum.

Até mais!

Desculpe precisei sair para comprar uma coisa, pronto o código está la...
Vejam o que ocorre quando você abre o menu

Olá!

Troque teu código por este:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:Zrnic;
 margin:10px 10px 10px 10px;!important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#00324b;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:180px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> UG</span></h2>
 <ul>
 <li><a href="http://www.bruniversalgames.com/profile?mode=editprofile">Perfil</a></li>
 <li><a href="http://www.bruniversalgames.com/f15-anuncios-oficiais">Novidades</a></li>
 <li><a href="http://www.bruniversalgames.com/t35-regras-do-forum-da-universal-games">Regras</a></li>
 <li><a href="http://www.bruniversalgames.com/f33-shop-universal-games">Shop</a></li>
<li><a href="http://www.bruniversalgames.com/f7-denuncias">Denuncias</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title="sideBar" /></a>
 </div>

Até mais!

Não resultou, olhe la, continua igual :/

Olá amigão!

O erro eu já encontrei, mas não sei ó porque não está resultando, tente este:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:Zrnic;
 margin:10px 10px 10px 10px;!important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#00324b;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:180px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> UG</span></h2>
 <ul>
 <li><a href="http://www.bruniversalgames.com/profile?mode=editprofile">Perfil</a></li>
 <li><a href="http://www.bruniversalgames.com/f15-anuncios-oficiais">Novidades</a></li>
 <li><a href="http://www.bruniversalgames.com/t35-regras-do-forum-da-universal-games">Regras</a></li>
 <li><a href="http://www.bruniversalgames.com/f33-shop-universal-games">Shop</a></li>
<li><a href="http://www.bruniversalgames.com/f7-denuncias">Denuncias</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="http://www.bruniversalgames.com/"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title="sideBar" /></a>
 </div>

Mikéé escreveu:Olá amigão!

O erro eu já encontrei, mas não sei ó porque não está resultando, tente este:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:Zrnic;
 margin:10px 10px 10px 10px;!important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#00324b;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:180px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> UG</span></h2>
 <ul>
 <li><a href="http://www.bruniversalgames.com/profile?mode=editprofile">Perfil</a></li>
 <li><a href="http://www.bruniversalgames.com/f15-anuncios-oficiais">Novidades</a></li>
 <li><a href="http://www.bruniversalgames.com/t35-regras-do-forum-da-universal-games">Regras</a></li>
 <li><a href="http://www.bruniversalgames.com/f33-shop-universal-games">Shop</a></li>
<li><a href="http://www.bruniversalgames.com/f7-denuncias">Denuncias</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="http://www.bruniversalgames.com/"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title="sideBar" /></a>
 </div>

Olá, troquei la, mas agora ele nem abre

Troque por este:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:Zrnic;
 margin:10px 10px 10px 10px;!important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#00324b;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:180px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:block;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> UG</span></h2>
 <ul>
 <li><a href="http://www.bruniversalgames.com/profile?mode=editprofile">Perfil</a></li>
 <li><a href="http://www.bruniversalgames.com/f15-anuncios-oficiais">Novidades</a></li>
 <li><a href="http://www.bruniversalgames.com/t35-regras-do-forum-da-universal-games">Regras</a></li>
 <li><a href="http://www.bruniversalgames.com/f33-shop-universal-games">Shop</a></li>
<li><a href="http://www.bruniversalgames.com/f7-denuncias">Denuncias</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title="sideBar" /></a>
 </div>

Mikéé escreveu: Troque por este:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:Zrnic;
 margin:10px 10px 10px 10px;!important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#00324b;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:180px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:block;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> UG</span></h2>
 <ul>
 <li><a href="http://www.bruniversalgames.com/profile?mode=editprofile">Perfil</a></li>
 <li><a href="http://www.bruniversalgames.com/f15-anuncios-oficiais">Novidades</a></li>
 <li><a href="http://www.bruniversalgames.com/t35-regras-do-forum-da-universal-games">Regras</a></li>
 <li><a href="http://www.bruniversalgames.com/f33-shop-universal-games">Shop</a></li>
<li><a href="http://www.bruniversalgames.com/f7-denuncias">Denuncias</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title="sideBar" /></a>
 </div>

Continua sem resultar amigo, veja como ficou agora

Olá, se o abaixo não resultar, poderia me dizer se é apenas este códigos, e onde extraiu?

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:Zrnic;
 margin:10px 10px 10px 10px;!important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#00324b;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:180px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none !important;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> UG</span></h2>
 <ul>
 <li><a href="http://www.bruniversalgames.com/profile?mode=editprofile">Perfil</a></li>
 <li><a href="http://www.bruniversalgames.com/f15-anuncios-oficiais">Novidades</a></li>
 <li><a href="http://www.bruniversalgames.com/t35-regras-do-forum-da-universal-games">Regras</a></li>
 <li><a href="http://www.bruniversalgames.com/f33-shop-universal-games">Shop</a></li>
<li><a href="http://www.bruniversalgames.com/f7-denuncias">Denuncias</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title="sideBar" /></a>
 </div>

Mikéé escreveu:Olá, se o abaixo não resultar, poderia me dizer se é apenas este códigos, e onde extraiu?

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:Zrnic;
 margin:10px 10px 10px 10px;!important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#00324b;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:180px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none !important;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> UG</span></h2>
 <ul>
 <li><a href="http://www.bruniversalgames.com/profile?mode=editprofile">Perfil</a></li>
 <li><a href="http://www.bruniversalgames.com/f15-anuncios-oficiais">Novidades</a></li>
 <li><a href="http://www.bruniversalgames.com/t35-regras-do-forum-da-universal-games">Regras</a></li>
 <li><a href="http://www.bruniversalgames.com/f33-shop-universal-games">Shop</a></li>
<li><a href="http://www.bruniversalgames.com/f7-denuncias">Denuncias</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title="sideBar" /></a>
 </div>

Continuou sem resultar :/
E retirei o código deste tópico
https://ajuda.forumeiros.com/t52883-menu-lateral

Estive pensando aqui, se alguém tiver algum outro menu que seja interessante, também esta de bom tamanho

Olá!

Troque o código por este:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#DA1074;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#FFFF00;
 text-decoration:underline;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:320px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> HJ</span></h2>
 <ul>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 1</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 2</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 3</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 4</a></li>
<li><a href="http://habbojoy.forumeiros.com/h2-hj-etiqueta">HJ Etiqueta</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://1.bp.blogspot.com/-gPACiBoLjnI/TxPJ-2PsgfI/AAAAAAAAAIw/mQGIlkBHf_4/s320/sidebarcollapse.png" title="sideBar" /></a>
 </div>

Apenas um teste, se resultar me diga.

Até mais!

Mikéé escreveu:Olá!

Troque o código por este:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#DA1074;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#FFFF00;
 text-decoration:underline;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:320px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> HJ</span></h2>
 <ul>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 1</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 2</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 3</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 4</a></li>
<li><a href="http://habbojoy.forumeiros.com/h2-hj-etiqueta">HJ Etiqueta</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://1.bp.blogspot.com/-gPACiBoLjnI/TxPJ-2PsgfI/AAAAAAAAAIw/mQGIlkBHf_4/s320/sidebarcollapse.png" title="sideBar" /></a>
 </div>

Apenas um teste, se resultar me diga.

Até mais!

Sim este resulta perfeitamente, porém ele não combina muito com o fórum e.e
Ele foi o primeiro que eu testei

Olá!

Então irei editar este para você, creio eu que o senhor fez algo errado com aquele código me diga como quer por favor.

Até mais!

Mikéé escreveu:Olá!

Então irei editar este para você, creio eu que o senhor fez algo errado com aquele código me diga como quer por favor.

Até mais!

Deve ter sido mesmo e.e
Quero esta imagem no lugar daquela rosa que aparece

Aquela cor rosa por trás dos links, gostaria de trocar por esta #0e98dd
Basicamente isso, ai só irei trocar os links ali para os que eu desejo
Agradeço sua atenção

Olá!

Troque por este:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#FFFF00;
 text-decoration:underline;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
#sideBarTab img {
background-image: url(http://i.imgur.com/9TWDV.png);
height: 138px;
width: 29px;
}
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:320px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> HJ</span></h2>
 <ul>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 1</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 2</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 3</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 4</a></li>
<li><a href="http://habbojoy.forumeiros.com/h2-hj-etiqueta">HJ Etiqueta</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title= "sideBar" /></a>
 </div>

Até mais!

Mikéé escreveu:Olá!

Troque por este:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#FFFF00;
 text-decoration:underline;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
#sideBarTab img {
background-image: url(http://i.imgur.com/9TWDV.png);
height: 138px;
width: 29px;
}
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:320px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> HJ</span></h2>
 <ul>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 1</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 2</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 3</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 4</a></li>
<li><a href="http://habbojoy.forumeiros.com/h2-hj-etiqueta">HJ Etiqueta</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title= "sideBar" /></a>
 </div>

Até mais!

Tem um pequeno errozinho ali, tipo quando abrimos o menu o icone de imagem corrompida continua aparecendo, mas creio que isso não afetara em nada, e ja tomei demais seu tempo...
Agradeço sua atenção

Olá!

Não amigo, irei lhe ajudar. Acho que este resulta:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#FFFF00;
 text-decoration:underline;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
#sideBarTab img {
background-image: url(http://i.imgur.com/9TWDV.png);
height: 138px;
width: 29px;
}
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:320px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> HJ</span></h2>
 <ul>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 1</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 2</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 3</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 4</a></li>
<li><a href="http://habbojoy.forumeiros.com/h2-hj-etiqueta">HJ Etiqueta</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title= "sideBar" /></a>
 </div>

Mikéé escreveu:Olá!

Não amigo, irei lhe ajudar. Acho que este resulta:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#FFFF00;
 text-decoration:underline;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
#sideBarTab img {
background-image: url(http://i.imgur.com/9TWDV.png);
height: 138px;
width: 29px;
}
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:320px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> HJ</span></h2>
 <ul>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 1</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 2</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 3</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 4</a></li>
<li><a href="http://habbojoy.forumeiros.com/h2-hj-etiqueta">HJ Etiqueta</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title= "sideBar" /></a>
 </div>

Desculpe, mas continua acontecendo

E esse amigo! Agora sim!

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }

 #sideBar{
 position: Fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
#sideBarTab img {
background-image: url(http://i.imgur.com/9TWDV.png) !important;
height: 138px;
width: 29px;
}
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:320px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> HJ</span></h2>
 <ul>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 1</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 2</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 3</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 4</a></li>
<li><a href="http://habbojoy.forumeiros.com/h2-hj-etiqueta">HJ Etiqueta</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title= "sideBar" /></a>
 </div>

Mikéé escreveu:E esse amigo! Agora sim!

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }

 #sideBar{
 position: Fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
#sideBarTab img {
background-image: url(http://i.imgur.com/9TWDV.png) !important;
height: 138px;
width: 29px;
}
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:320px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> HJ</span></h2>
 <ul>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 1</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 2</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 3</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 4</a></li>
<li><a href="http://habbojoy.forumeiros.com/h2-hj-etiqueta">HJ Etiqueta</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title= "sideBar" /></a>
 </div>

Não sei se é só aqui em casa, mas continua igual, até no seu fórum continua assim :/
Até deixei com os links do teu fórum la, para ver se eu não estava mudando algo errado

Olá!

Infelizmente eu não consegui meu amigo, desculpe. O único é este mesmo:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }

 #sideBar{
 position: Fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
#sideBarTab img {
background-image: url(http://i.imgur.com/9TWDV.png) !important;
height: 138px;
width: 29px;
}
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:320px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> HJ</span></h2>
 <ul>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 1</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 2</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 3</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 4</a></li>
<li><a href="http://habbojoy.forumeiros.com/h2-hj-etiqueta">HJ Etiqueta</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title= "sideBar" /></a>
 </div>

Até mais!

Mikéé escreveu:Olá!

Infelizmente eu não consegui meu amigo, desculpe. O único é este mesmo:

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-color:#0e98dd;
 width:177px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
 color:#FFFFFF;
 font-family:verdana;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }

 #sideBar{
 position: Fixed;
 width: auto;
 height: auto;
 top: 140px;
 left:0px;
 background-image:url(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/s320/left.collapse.border.png);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:137px;
 width:28px;
 }
#sideBarTab img {
background-image: url(http://i.imgur.com/9TWDV.png) !important;
height: 138px;
width: 29px;
}
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:200px;
 height:320px;
 }
 #sideBarContentsInner{
 width:200px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
 <h2>Menu<span> HJ</span></h2>
 <ul>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 1</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 2</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 3</a></li>
 <li><a href="http://superonzerpg.forumbrasil.net/forum">Nome 4</a></li>
<li><a href="http://habbojoy.forumeiros.com/h2-hj-etiqueta">HJ Etiqueta</a></li>
 </ul>
 </div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i.imgur.com/9TWDV.png" title= "sideBar" /></a>
 </div>

Até mais!

Tudo bem Mikeé, agradeço demais sua atenção, ja está de bom tamanho o que você conseguiu fazer
Obrigado