Share code chatbox jquery cho johncms

[AdminAdmin is verified member.]

Code chat đơn giản, không cần phải load lại trang trên máy tính
Demo ảnh

Chatbox này get bình luận từ guestbook nên mod này cũng giống như shoutbox v3 nhưng có avatar trước nhưng bạn phải thêm function thời gian vào nhé vào /incfiles/classes/function.php thêm vào

//// thoigian forum ////
public function thoigian($from, $to = '') {
if (empty($to))
$to = time();
$diff = (int) abs($to - $from);
if ($diff <= 60) {
$since = sprintf('vừa xong');
} elseif ($diff <= 3600) {
$mins = round($diff / 60);
if ($mins <= 1) {
$mins = 1;
}
/* translators: min=minute */
$since = sprintf('%s phút trước', $mins);
} else if (($diff <= 86400) && ($diff > 3600)) {
$hours = round($diff / 3600);
if ($hours <= 1) {
$hours = 1;
}
$since = sprintf('%s giờ trước', $hours);
} elseif ($diff >= 86400) {
$days = round($diff / 86400);
if ($days <= 1) {
$days = 1;
}
$since = sprintf('%s ngày trước', $days);
}
return $since;
}
//// het code ///

Thay 60 bằng thời gian bạn muốn, được tính bằng giây
Vào css dán

/* CHATBOX */
.chat_row {
padding: 2px;
border-bottom: 1px dashed #ddd;
overflow: hidden;
}
.me_row {
padding: 4px;
border-bottom: 1px dashed #ddd;
overflow: hidden;
}
.chat_row img, .me_row img {
vertical-align: top;
}
.chatbox-user-online img, .chatbox-user-online img {
padding: 0px !important;
margin: 0px !important;
vertical-align: middle;
}
.time_chatbox {
font-size: 10px;
color: #888;
}
.chatbox_avatar {
padding: 1px;
border: 1px solid #d1d1d1;
vertical-align: text-top;
margin-right: 0px;
display: table-cell;
float: left;
        border-radius: 50%;
}
.chatbox_avatar_online {
border: 1px solid #FFD9BB;
}
.chatbox_message {
display: table-cell;
}
.chatbox_message a {
color: #750500;
}
.chatbox_message a:hover {
color: #E74946;
}
.chatbox_message_wrapper {
padding: 3px;
}

Xong chỉ cần upload code lên là không cần chỉnh sửa gì nữa nhé
chạy đường dẫn

http://domaincuaban.com/chatbox

Tải xuống tuoitreit.vn_chatbox.zip (34.73 KB)
Nguồn: daivietpda

 

[L0ngHackit]

Re: code chatbox jquery cho johncms