Pe toate paginile inainte de </body> puneti codu:
Code
<div class="slide-out-div">
<a class="handle" style="border:1px solid #bdbdbd;border-right:0" href="Mini-Chat">Mini-Chat</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="http://devil.do.am/mini-chat/jquery.tabSlideOut.v1.2.js"></script>
<script>
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle',
pathToTabImage: 'http://devil.do.am/mini-chat/m-chat_.png',
imageHeight: '122px',
imageWidth: '40px',
tabLocation: 'right',
speed: 300,
action: 'click',
topPos: '200px',
fixedPosition: true
});
});
</script>
Rezultat: