суббота, 14 мая 2011 г.

20+ Free Chat Widgets for Website . Миничат.


 


Ниже представлены несколько вариантов мини чатов, из них можете выбрать на свой вкус,
есть возможность установить выдвижной миничат который при клике по язычку будет выдвигаться из-за боковой панели и так-же прятаться.
Устанавливается элементарно через "добавить гаджет".
Код установки скопирован с малайского блога, я проверил его без установки в него чата он работал т.е. такая установка чата в принципе возможна а в код можно внести изменения.
источник информации:
http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

KOD SHOUTBOX DISINI

<div style="text-align:right"><a href="http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>tutorial here</small></a>
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Вместо надписи  KOD SHOUTBOX DISINI
ставится код чата который вы получаете на сайте где берёте чат

Язычок зелёный так-же может быть видоизменён, вы можете изменить URL картинки в коде (выделено красным)
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;

Стандартные варианты язычков
URL каждого будет доступен если открыть изображение
                           Cara Sembunyikan Shoutbox Dalam Blog  Cara Sembunyikan Shoutbox Dalam Blog  Cara Sembunyikan Shoutbox Dalam Blog  Cara Sembunyikan Shoutbox Dalam Blog  Cara Sembunyikan Shoutbox Dalam Blog  Cara Sembunyikan Shoutbox Dalam Blog
                           Cara Sembunyikan Shoutbox Dalam Blog   Cara Sembunyikan Shoutbox Dalam Blog   Cara Sembunyikan Shoutbox Dalam Blog   Cara Sembunyikan Shoutbox Dalam Blog   Cara Sembunyikan Shoutbox Dalam Blog




http://www.shoutmix.com/main/











http://www.neoworx.net/blue/gallery/neoboard_page.php













Ресурс Bumpin представляет пять вариантов бесплатного чата AJAX и FLASH с возможностью подбора цвета, размера и другими опциями 
есть возможность выбрать из 3-х вариантов установки чата 
1.Facebook стиль
2.Боковая выдвигающаяся панель
3. Встроенный.
три варианта установки на сайте и блоге


  
http://www.cbox.ws/index.php











http://free-shoutbox.net/
http://chatango.com/

















http://www.shoutmix.com/v3/

http://www.shouti.de/






http://www.shoutbox-4-free.de/ 











http://www.myshoutbox.com/












http://widget24.com/widget/mini-chat




http://blog.jwchat.org/jwchat/


http://www.meebo.com/meebome/





http://www.speechbox.de/

http://darsoft.es/wminstallation.html 








http://plugchat.in/
есть разные цветовые варианты. 

http://chat.zoho.com/login.jsp?serviceurl=%2Fmpchat.do


















 http://xat.com/

























http://shoutcamp.com/

















http://www.fibox.ws/




 http://oggix.com/

Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...