<script src="http://rps_mybb.nextmail.ru/user_mybb_js/slide_out.js"></script>
<script>
    $(function(){
      $('.slide-out-div').tabSlideOut({
       tabHandle: '.handle',
       pathToTabImage: 'http://upforme.ru/uploads/000d/cc/45/20465-3.png', 
       imageHeight: '300px',
       imageWidth: '70px',    
       tabLocation: 'left',
       speed: 350,
       action: 'click',
       topPos: '250px',
       fixedPosition: false
      });
     });
</script>


<div class="slide-out-div">
 <a class="handle" href="http://link-for-non-js-users">Content</a>
 Some HTML code...
</div>

html {background-image: url(); background-repeat: repeat; background-attachment: fixed; background-color: #010103; background-position: center;
}


body {
background:  url() repeat-y top center !important;
}

#pun {margin-top: -100px; !important;background-color:#691c19;background-attachment: scroll;  }

#pun-title table {
background:url(http://s012.radikal.ru/i319/1108/89/d7033cb5c345.png) no-repeat center;
 height: 780px;
width:1280px;
margin: -15px 522px 0 -522px;
}

#pun-navlinks {
position:absolute;
z-index:100;
top:0;
left:50%
width:880px;
text-align:center;
}
#pun-navlinks .container{
width:880px;
text-align:center;
}
#pun-ulinks {
 margin-top:-140px;
 width:100%;
}
#pun-ulinks  .container{
 text-align:center;
 width:100%;
}

#pun-announcement{
 margin-top: -345px;
}