миничат на форуме в виджете сбоку

JessikaRabbit80 пишет:Здравствуйте...подскажите как можно сделать чат сбоку(как виджет"кто на форуме")..?

JessikaRabbit80 пишет:Здравствуйте...подскажите как можно сделать чат сбоку(как виджет"кто на форуме")..?

Код:


<script type="text/javascript" src="http://floridadlyanovichcov.chatovod.ru/widget.js?height=450" charset="UTF-8"></script><p><a href="http://www.chatovod.ru/">Создать чат</a> - это просто.</p>

Код:

<iframe src="http://floridadlyanovichcov.chatovod.ru/widget/" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="450"></iframe><p><a href="http://www.chatovod.ru/">Чат создан с помощью Chatovod.ru.</a></p>

Код:

<object data="http://floridadlyanovichcov.chatovod.ru/widget/" type="text/html" width="600" height="450" border="0"></object><p><a href="http://www.chatovod.ru/">Чат создан с помощью Chatovod.ru.
</a></p>

Код:

<script type="text/javascript" charset="UTF-8" src="http://floridadlyanovichcov.chatovod.ru/widget/mini.js?width=215&popup=1"></script>

$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', /*класс элемента вкладки*/
pathToTabImage: 'https://i.servimg.com/u/f13/14/80/95/87/dddddd12.png', /*путь к изображению "обязательно"*/
imageHeight: '100px', /*высота изображения "обязательно"*/
imageWidth: '25px', /*ширина изображения "обязательно"*/
tabLocation: 'right', /*сторона на которой будет вкладка top, right, bottom, или left*/
speed: 500, /*скорость анимации*/
action: 'click', /*опции=:'click'или'hover', анимация при нажатии или наведении*/
topPos: '40px', /*расположение от верхнего края/ использовать если tabLocation = left или right*/
leftPos: '20px', /*расположение от левого края/ использовать если tabLocation = bottom или top*/
fixedPosition: true /*опции: false сделает данную вкладку прокручивающуюся при скролле*/
});
});

pathToTabImage: 'https://i.servimg.com/u/f13/14/80/95/87/dddddd12.png', /*путь к изображению "обязательно"*/

imageHeight: '100px', /*высота изображения "обязательно"*/
imageWidth: '25px', /*ширина изображения "обязательно"*/

Код:

/*оформление выдвигающегося чата*/
.slide-out-div {
width:auto; /* ширина */
height:auto !important; /* высота */
background-color:#D4EEF7; /* фон */
border:1px solid #1F6C8F; /* рамка */
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:4px; /* отступ содержимого от границ поля */
}

Код:

<!--блок с чатом-->
<div class="slide-out-div">
<a class="handle"></a>
<script type="text/javascript" charset="UTF-8" src="http://floridadlyanovichcov.chatovod.ru/widget/mini.js?width=215&popup=1"></script>
  </div>

Спойлер:

ПА - Модули - HTML & JAVASCRIPT - Управление кодами Javascript
Активируйте управление кодами Javascript если ещё не активированы

Код:

<script type="text/javascript">
$(function(){
 $('.slide-out-div').tabSlideOut({
 tabHandle: '.handle',
 pathToTabImage: 'http://i13.servimg.com/u/f13/14/80/95/87/dddddd12.png',
 imageHeight: '100px',
 imageWidth: '25px',
 tabLocation: 'right',
 speed: 500,
 action: 'click',
 topPos: '40px',
 leftPos: '20px',
 fixedPosition: true
});
});
</script>