» »

Уникальный Мини чат для uCoz от workman


Уникальный Мини чат для uCoz от workman

Если у вас уникальный сайт по своему формату и негде поставит мини чат, то это для вас. Так как можно одним кликом открыть страницу и там можете общение вести. Просто саму кнопку вы можете вывести где вам нужно, и если что то написать решили в чате, то один клик и быстро все откроется.

Уникальный Мини чат для uCoz от workman

УП » Редактирование шаблонов » Нижняя часть сайта » В самый низ того, что там видим, но для начала активируем сам мини-чат если он у вас не активирован на сайте своем.

Код
<!--- миничат --->
<style>.workman_shat{z-index:9999;position:fixed;left:10px;top:45px}</style>
<a class="workman_shat" id="demo01" href="#animatedModal"><img src="http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/knopka_mini_chata.png"/></a>
<link rel="stylesheet" href="http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/animate.min.css"><script type="text/javascript" src="http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/sed_2.js"></script><script src="http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/animatedModal.min.js"></script>
<div id="animatedModal"><div id="btn-close-modal" class="close-animatedModal">- Закрыть окно -</div><div class="modal-content">$CHAT_BOX$</div></div><script>$("#demo01").animatedModal();$("#demo02").animatedModal({modalTarget:'modal-02',animatedIn:'lightSpeedIn',animatedOut:'bounceOutDown',beforeOpen:function(){console.log("The animation was called")},afterOpen:function(){console.log("The animation is completed")},beforeClose:function(){console.log("The animation was called")},afterClose:function(){console.log("The animation is completed")}});</script>
</noindex><!--- /миничат --->


Источник: http://www.brigada31.ru/forum/
06.01.2016 Просмотров: 586 Комментарий: (15)

Поделиться в социальных сетях

Материал разместил

Комментарий: 7
workman
workman 06.01.2016 03:451
0
Ну а какие проблемы то? Написал и занимайся дальше своими делами ... Поставил на авто обновление и радуйся. Я просто еще пропишу в скором get запрос, чтобы хоть где-то был информер мини чата на видимо странице сайта
workman
workman 06.01.2016 03:492
0
Цвет окна стоит нв скипте именно. Стили заточены в основном на эффект появления
workman
workman 06.01.2016 03:533
0
в этом скрипте
Код
http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/animatedModal.min.js

Kosten
Kosten 06.01.2016 18:114
0
Также мини чат можно посмотреть под другим углом и оттенком цвета. Здесь просто поменяли дизайн, на тот, который больше ставят и идут слили.

nikolla76
nikolla76 06.01.2016 19:465
0
Вот как будет визуально видить пользоватедь, я бы поменял саму форму добавление, что то по оригинальнее поставить.
Brung
Brung 06.01.2016 19:576
0
Вот это мини чат, в первые вижу, что простой можно поставить, все правильно, сам вид материала нормально, но сообщение что то можно другое придумать.
Kosten
Kosten 06.01.2016 20:147
0
Но форму добавление, вы сами можете выставить, так как если под uCoz сделано, то точно подойдет.
avatar