Chatbox Vân Đồn Star - Nhanh, Gọn, Nhẹ mà Pro :D

[vandonstar]

DEMO:
[You must be registered and logged in to see this image.]

Chức năng:
- Hoạt động trên toàn bộ trang diễn đàn
- Hiển thị số người Online
- Hiển thị số tin nhắn mới
- Nhanh, Gọn, Nhẹ mà Pro

Hướng dẫn:

Trước tiên thêm vào CSS

Code:

.chatvds_menu {
  cursor: pointer;
  width: 180px;
  height: 24px;
  line-height: 22px;
  background-color: #333;
  color: #ffff00;
  font-family: Tahoma, Arial;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: fixed;
  bottom: -1px;
  right: 5px;
  border:1px solid #999;
}
#chatvds
{
  background-image: url("http://i48.servimg.com/u/f48/13/58/60/43/mainco13.png");
  z-index: 999;
  position: fixed;
  right:5px;
  bottom: 30px;
  width: 50%;
  height:250px;
  margin: 0px;
  padding: 0px;
  display:none;
  border:1px solid #999;
}
#mes_chatvds, #onl_chatvds {color: #ff0000;}

Tiếp theo thêm vào overall_footer

Code:

<!-- BEGIN switch_user_logged_in -->
<div class="chatvds_menu" onclick="chatvds_login();">Chat VĐS [<span id="mes_chatvds">?</span>] - Online [<span id="onl_chatvds">?</span>]</div>
<iframe id="chatvds" src="/chatbox/index.forum?archives=1"></iframe>

<script type="text/javascript">
//<![CDATA[
setTimeout('trangthai_chatvds();',1000);
 
function trangthai_chatvds() {

if(my_getcookie('old_messenger'))
{old_messenger = my_getcookie('old_messenger');}
else
{old_messenger = 0;};

new_messenger = $('#chatvds').contents().find('#chatbox p').length - old_messenger;
if ($('#chatvds').contents().find('#chatbox_option_co').css('display')!='none')
{new_messenger = 'Off';}
else if ((new_messenger < 0)||($('#chatvds').css('display')!='none'))
{new_messenger = '@';};

$('#mes_chatvds').html(new_messenger);

onl = $('#chatvds').contents().find('#chatbox_members ul.online-users li');
$('#onl_chatvds').html(onl.length);
 
setTimeout('trangthai_chatvds();',3000);
}

function chatvds_login(){
$('#chatvds').slideToggle(function(){
old_messenger = $(this).contents().find('#chatbox p').length;
my_setcookie('old_messenger',old_messenger, 1);
if(($(this).contents().find('#chatbox_option_co').css('display')!='none')&&($('#chatvds').css('display')!='none'))
{$(this)[0].contentWindow.CB_disconnect();};
});
}
//]]>
</script>
<!-- END switch_user_logged_in -->

[pakistai97]

chắc chắn vote rồi

[HieuKen]

iu VDS quá

[vandonstar]

chắc chắn vote rồi

iu VDS quá

[namulaw]

hay,hay vote
chưa test, thử cái nào

[Cáo Già Đeo Nơ]

@ vandonstar : hehe rip được ối thứ thừ vd

[D.Lyke]

ủa, sao mình làm như bạn hướng dẫn rồi mà không được nhỉ?
Giúp mình đi

[Tôn Ngộ Không]

Một dấu cọng (+) cho tính cộng đồng
Lời cảm ơn cho sự nhiệt tình!

[super_cv]

muốn chèn hình nền vào thì làm ntn vậy a

[vandonstar]

muốn chèn hình nền vào thì làm ntn vậy a

Trong Css tìm #chatvds
Kéo xuống dưới 1 tí và thay link ảnh nền trong background-image nhé!

[ph0ngprono1]

muốn chèn hình nền vào thì làm ntn vậy a

Code:

body.chatbox {
background: url(link ảnh nền chatbox);
}

Chèn vô css và thay link ảnh

[shinichikudo_1212]

Thanks anh!

[lil.biney]

Thank không cần bàn

Nhưng e nghĩ thế này , để gây sự chú ý khi có tin nhắn mới , a không sửa số tin nhắn mới thành 1 cái bóng đèn ... ko có tn nào thì tối, có thì nhấp nháy ^^

A sửa giúp e ạ ... ^^ Thank a VDS

[changhoangtumu]

cảm ơn nhiều

[Lowie]

ai làm được rồi share demo online để tham khảo nèo!

[handsomevip007]

ai làm được rồi share demo online để tham khảo nèo!

Demo online rum chủ topic Thế cũng hỏi

[KillAlt1.0]

chat box mặc định

[hotboyhauloc]

kool quá

[handsomevip007]

chat box mặc định

Thế cậu làm chat box bằng HTML mục đích để làm gì?

[akino]

The Chatbox is not activated. là sao bạn

[handsomevip007]

ACP>>Modules>>Chatbox>>Cấu hình diễn đàn>>Activate the ChatBox>>Có
ACP>>Modules>>Chatbox>>Cấu hình diễn đàn>>ChatBox display>>Top of the homepage

[mailkhongten007]

Có chatbox này rất pro thì rất cảm ơn vandonstar nha. mình vote cho bạn 1 phiếu đó:
"Chức năng:
- Hoạt động trên toàn bộ trang diễn đàn
- Hiển thị số người Online
- Hiển thị số tin nhắn mới
- Nhanh, Gọn, Nhẹ mà Pro"

=> Mình muốn hỏi thêm bạn về chức năng sau:
- Hoạt động trên toàn bộ trang diễn đàn (-> mình rất thích về điều này)
- Hiển thị số người Online (-> chỉ hiển thị "số" người online mà không hiện các nick cụ thể)
- Khi mình muôn chat thì click chuột đăng nhập và thoát, tự refresh theo thời gian mặt định.
- Hiển thị số tin nhắn mới (-> tin của chatbox là quá tốt)
- Nhanh, Gọn, Nhẹ mà Pro (-> tốt lại càng tốt)

có thể hường dẫn giúp mình như chức năng trên được không!?

[ronglangtu]

Code:

<iframe id="chatvds" src="/chatbox/index.forum?archives=1"></iframe>

thay cái

Code:

/chatbox/index.forum?archives=1

này thành link HTML là hết mặc định ấy mà

[trannghj]

DEMO:
[You must be registered and logged in to see this image.]

Chức năng:
- Hoạt động trên toàn bộ trang diễn đàn
- Hiển thị số người Online
- Hiển thị số tin nhắn mới
- Nhanh, Gọn, Nhẹ mà Pro

Hướng dẫn:

Trước tiên thêm vào CSS

Code:

.chatvds_menu {
  cursor: pointer;
  width: 180px;
  height: 24px;
  line-height: 22px;
  background-color: #333;
  color: #ffff00;
  font-family: Tahoma, Arial;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: fixed;
  bottom: -1px;
  right: 5px;
  border:1px solid #999;
}
#chatvds
{
  background-image: url("http://i48.servimg.com/u/f48/13/58/60/43/mainco13.png");
  z-index: 999;
  position: fixed;
  right:5px;
  bottom: 30px;
  width: 50%;
  height:250px;
  margin: 0px;
  padding: 0px;
  display:none;
  border:1px solid #999;
}
#mes_chatvds, #onl_chatvds {color: #ff0000;}

Tiếp theo thêm vào overall_footer

Code:

<!-- BEGIN switch_user_logged_in -->
<div class="chatvds_menu" onclick="chatvds_login();">Chat VĐS [<span id="mes_chatvds">?</span>] - Online [<span id="onl_chatvds">?</span>]</div>
<iframe id="chatvds" src="/chatbox/index.forum?archives=1"></iframe>

<script type="text/javascript">
//<![CDATA[
setTimeout('trangthai_chatvds();',1000);
 
function trangthai_chatvds() {

if(my_getcookie('old_messenger'))
{old_messenger = my_getcookie('old_messenger');}
else
{old_messenger = 0;};

new_messenger = $('#chatvds').contents().find('#chatbox p').length - old_messenger;
if ($('#chatvds').contents().find('#chatbox_option_co').css('display')!='none')
{new_messenger = 'Off';}
else if ((new_messenger < 0)||($('#chatvds').css('display')!='none'))
{new_messenger = '@';};

$('#mes_chatvds').html(new_messenger);

onl = $('#chatvds').contents().find('#chatbox_members ul.online-users li');
$('#onl_chatvds').html(onl.length);
 
setTimeout('trangthai_chatvds();',3000);
}

function chatvds_login(){
$('#chatvds').slideToggle(function(){
old_messenger = $(this).contents().find('#chatbox p').length;
my_setcookie('old_messenger',old_messenger, 1);
if(($(this).contents().find('#chatbox_option_co').css('display')!='none')&&($('#chatvds').css('display')!='none'))
{$(this)[0].contentWindow.CB_disconnect();};
});
}
//]]>
</script>
<!-- END switch_user_logged_in -->

Sau đăng nhập vào chát với nhiều forum không vậy anh? Không có chát với forum mình ak?

[Cáo Già Đeo Nơ]

Là sao ta

[vandonstar]

Mọi người cùng chờ đón Ver 2 của Chatbox VĐS nha!

Bật mí một số chức năng:
- Thành viên có thể lựa chọn: Tự động đăng nhập & Không tự đăng nhập. (Xong)
- Trong chế độ tự đăng nhập, nếu còn online thì vĩnh viễn không thoát khỏi Chatbox
- Tự động thoát khỏi Chatbox khi thoát khỏi diễn đàn.
- Hiển thị số người Away. (Xong)
- Hiển thị chính xác hơn số tin nhắn. (Xong)
- Hoạt động mượt mà hơn và nhẹ nhàng hơn.
- Và một số chức năng khác

Thời gian ra mắt: Món quà cho các bạn vào mùa Noel

[Cáo Già Đeo Nơ]

Không dùng nhưng cũng tks anh Quái cái

[maiquang]

Dùng cho phpBB3 được ko?

[mailkhongten007]

Mọi người cùng chờ đón Ver 2 của Chatbox VĐS nha!

Bật mí một số chức năng:
- Thành viên có thể lựa chọn: Tự động đăng nhập & Không tự đăng nhập. (Xong)
- Trong chế độ tự đăng nhập, nếu còn online thì vĩnh viễn không thoát khỏi Chatbox
- Tự động thoát khỏi Chatbox khi thoát khỏi diễn đàn.
- Hiển thị số người Away. (Xong)
- Hiển thị chính xác hơn số tin nhắn. (Xong)
- Hoạt động mượt mà hơn và nhẹ nhàng hơn.
- Và một số chức năng khác

Thời gian ra mắt: Món quà cho các bạn vào mùa Noel

Tui "me" cái này nha ...... thèm quá rồi!

[kushyisgod]

Chuân3… không cần chỉnh

[Sponsored content]