Вариант 2. Открытие чата в Ajax окне на любой странице сайта с кнопки внизу сайта:
Скопируйте следующие коды в глобальный блок сайта:
<![CDATA[<!--Скрипт вызова чата в Ajax окне-->
<script type="text/javascript">function secht() {
var ch = $('.ccht').html();new _uWnd('ww', 'Чат', 550, 400, {autosize:1,modal:0}, ch);};
</script><span style="display:none;"><div class="ccht">
<iframe src="https://www.irkutsksiti.ru/index/0-29/" width="760" height="460"></iframe>
</div></span>
<!--Скрипт вызова чата в Ajax окне конец-->]]>
Изменить ширину и высоту чата: width="760" height="460".
<![CDATA[<!--Стиль и расположение кнопки вызова на сайте-->
<style> .knop { position: fixed; bottom: 5px; right: 35px; }
.nazv { width: 150px; border-top: 1px solid #96d1f8; background: #65a9d7;
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
background: -moz-linear-gradient(top, #3e779d, #65a9d7);
background: -ms-linear-gradient(top, #3e779d, #65a9d7);
background: -o-linear-gradient(top, #3e779d, #65a9d7);
margin-bottom: 5px; padding: 2px 2px 5px 2px; border-radius: 8px 8px 0px 0px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #FFFFFF; font-size: 14px; font-family: Georgia, Serif; text-decoration: none; }
.nazv:hover { border-top-color: #28597a; background: #28597a; color: #FFFFFF; }
.nazv:active { border-top-color: #1b435e; background: #1b435e; } </style>
<!--Стиль и расположение кнопки вызова на сайте конец-->]]>
По умолчанию кнопка внизу справа. Сделать кнопку слева: заменить right: 35px; на left: 35px;
<![CDATA[<!--Кнопка вызова Ajax окна с чатом-->
<a href="javascript://" onclick="secht();return false;" title="Открыть чат в ajax окне">
<div class="knop"><span class="nazv">Открыть чат</span></div></a></div></div></span>
<!--Кнопка вызова Ajax окна с чатом конец-->]]>
|
