Выдвижной Мини-Чат
1 - шаг. Скачай архив mini-chat.rar разархивируй его в любое удобное место.
2 - шаг. Создаем в Файловом Менеджере папку mini-chat и заливаем в нее все файлы из архива.
3 - шаг. Этот код, который ниже, ставим в Нижнюю часть сайта( примечание: у себя на сайте я установил в верхнюю часть сайта в самый низ):
Код
<!-- <Раздвижной мини-чат> -->
<div class="slide-out-div">
<a class="handle" style="border:1px solid #;border-right:0" href="Мини-чат">Мини-чат</a>
$CHAT_BOX$
</div>
<style type="text/css" media="screen">
.slide-out-div {padding:10px;width:250px;background:#1c1c1c;border:#4A4A4A 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: '127px',
imageWidth: '45px',
tabLocation: 'left',
speed: 300,
action: 'click',
topPos: '30px',
fixedPosition: true
});
});
</script>
<!-- </Раздвижной мини-чат> -->