[Table]
[/Table] Все очень просто :
Это вставляем в "Общий вид форума" в самый низ после "$BODY$"
Чёрный:
Code
<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="http://up-rise.ru/Downloads/Scripts/Mini-c_ver1/jquery.tabSlideOut.v1.2.js"></script>
<script>
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle',
pathToTabImage: 'http://up-rise.ru/Downloads/Scripts/Mini-c_ver1/mini-chat-up.gif',
imageHeight: '122px',
imageWidth: '40px',
tabLocation: 'right',
speed: 300,
action: 'click',
topPos: '200px',
fixedPosition: true
});
});
</script>
Бедый: для белого качаем архив
Code
<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>
