Ucozua.ru - Тут есть все для настоящих вебмастеров

<br>  
<div class="slide-out-div">  
<a class="handle" href="Мини-чат">Мини-чат</a>  
$CHAT_BOX$  
</div>  
<style type="text/css" media="screen">  
.slide-out-div {padding: 10px;width: 250px;background:url("") #222;border: #444 1px solid;}  
</style>  
<script src="/jquery.tabSlideOut.v1.2.js"></script>  
<script>  
  $(function(){  
  $('.slide-out-div').tabSlideOut({  
  tabHandle: '.handle',  
  pathToTabImage: '/mini-chat-up.gif',  
  imageHeight: '122px',  
  imageWidth: '40px',  
  tabLocation: 'right',  
  speed: 300,  
  action: 'click',  
  topPos: '200px',  
  fixedPosition: true  
  });  
  });  
</script>

<div class="slide-out-div">  
<a class="handle" style="border:1px solid #bdbdbd;border-right:0" href="Мини-чат">Мини-чат</a>  
$CHAT_BOX$  
</div>  
<style type="text/css" media="screen">  
.slide-out-div {padding:10px;width:250px;background:#eaeaea;border:#bdbdbd 1px solid;}  
</style>  
<script src="/mini-chat/jquery.tabSlideOut.v1.2.js"></script>  
<script>  
  $(function(){  
  $('.slide-out-div').tabSlideOut({  
  tabHandle: '.handle',  
  pathToTabImage: '/mini-chat/m-chat_.png',  
  imageHeight: '122px',  
  imageWidth: '40px',  
  tabLocation: 'right',  
  speed: 300,  
  action: 'click',  
  topPos: '200px',  
  fixedPosition: true  
  });  
  });  

</script>