Chức năng:
Nhắn tin chung:
Gọn, nhẹ:
HTML 3.2 Kb
CSS 1.3 Kb
Javascript 4.8 Kb / 3.3 Kb (Chưa tính jQuery)
Nhắn tin riêng:
Demo:
[You must be registered and logged in to see this link.]
Hướng dẫn:
Bước 1: Announcements:
Hoặc có thể tạo javascript và đặt In all the pages.
Tạo smilie mới theo mẫu sau:
Bước 2: Tạo trang HTML Emoticons:
Đầu tiên bạn vào trang
Bạn sao chép mã nguồn của trang đó bằng tổ hợp phím Ctrl+U và Ctrl+C.
Sau đó vào trang này [You must be registered and logged in to see this link.] để chuyển đổi.
Tạo trang HTML mới theo mẫu sau:
Ghi nhớ số thứ tự trang HTML vừa tạo.
Bước 3: Tạo javascript mini-chat fmvi 2.1:
Tìm trong code trên số 192 và thay nó bằng số thứ tự trang HTML Emoticons mà bạn đã tạo ở bước 2.
Bước 4: Tạo trang HTML mini-chat fmvi 2.1:
Tạo trang HTML mới theo mẫu sau:
Tìm
Bước 5: Tạo javascript full-chat fmvi 2.1:
Tìm trong code trên số 192 và thay nó bằng số thứ tự trang HTML Emoticons mà bạn đã tạo ở bước 2.
Tìm trong code trên số 193 và thay nó bằng số thứ tự trang HTML mini-chat fmvi 2.1 mà bạn đã tạo ở bước 4.
Bước 6: Tạo trang HTML full-chat fmvi 2.1:
Tạo trang HTML mới theo mẫu sau:
Tìm
Bước 7: Thay toàn bộ Template mod_chatbox:
Thêm vào CSS của diễn đàn:
Ghi chú:
Nhắn tin chung:
- Việt hóa 99%
- Khắc phục lỗi không cuộn xuống cuối khi gửi tin nhắn bằng cách đảo ngược chatbox.
- Làm mới giao diện chọn màu và biểu tượng cảm xúc.
- Thêm hiệu ứng âm thanh khi:
- Buzz (kèm hiệu ứng rung chatbox)
- Có thành viên truy cập hoặc thoát ra.
- Có tin nhắn mới
- Đăng nhập
- Đăng xuất
Nhắn tin riêng:
- Chức năng tương tự chat chung, không có chức năng chat riêng và danh sách thành viên.
- Dùng lệnh /chat [nickname] hoặc nhấp phải chuột vào nick thành viên, chọn Nhắn tin riêng.
- Báo tin mới chỉ hoạt động khi thành viên đang online và chatbox chung đang mở.
Demo:
[You must be registered and logged in to see this link.]
Hướng dẫn:
Bước 1: Announcements:
- Name : cookie-chat fmvi 2.1
- Content * :
- Code:
<script type="text/javascript">
jQuery(function () {
my_setcookie("get_tid", jQuery("#logout").attr("href").match(/&tid=(.*)&key/)[1], 1)
})
</script>
Hoặc có thể tạo javascript và đặt In all the pages.
Tạo smilie mới theo mẫu sau:
- Smilie Code : :buzz
- Smilie Emotion : :buzz
- Smilie Image File :
Bước 2: Tạo trang HTML Emoticons:
Đầu tiên bạn vào trang
- Code:
http://LOCATION_HOST/post?mode=smilies_chatbox
Bạn sao chép mã nguồn của trang đó bằng tổ hợp phím Ctrl+U và Ctrl+C.
Sau đó vào trang này [You must be registered and logged in to see this link.] để chuyển đổi.
Tạo trang HTML mới theo mẫu sau:
- Title * : smiley-chat fmvi 2.1
- Do you wish to use your forum header and footer ? No
- Use this page as homepage ? No
- HTML source * : Sử dụng mã nguồn vừa chuyển đổi ở trên
Ghi nhớ số thứ tự trang HTML vừa tạo.
Bước 3: Tạo javascript mini-chat fmvi 2.1:
- Title * : mini-chat fmvi 2.1
- Placement : Không check
- Javascript Code * : [You must be registered and logged in to see this link.]
Tìm trong code trên số 192 và thay nó bằng số thứ tự trang HTML Emoticons mà bạn đã tạo ở bước 2.
Bước 4: Tạo trang HTML mini-chat fmvi 2.1:
Tạo trang HTML mới theo mẫu sau:
- Title * : HTML mini-chat fmvi 2.1
- Do you wish to use your forum header and footer ? No
- Use this page as homepage ? No
- HTML source * : [You must be registered and logged in to see this link.]
Tìm
- Code:
http://baivong.forumclan.com/21785.js
Bước 5: Tạo javascript full-chat fmvi 2.1:
- Title * : full-chat fmvi 2.1
- Placement : Không check
- Javascript Code * : [You must be registered and logged in to see this link.]
Tìm trong code trên số 192 và thay nó bằng số thứ tự trang HTML Emoticons mà bạn đã tạo ở bước 2.
Tìm trong code trên số 193 và thay nó bằng số thứ tự trang HTML mini-chat fmvi 2.1 mà bạn đã tạo ở bước 4.
Bước 6: Tạo trang HTML full-chat fmvi 2.1:
Tạo trang HTML mới theo mẫu sau:
- Title * : HTML full-chat fmvi 2.1
- Do you wish to use your forum header and footer ? No
- Use this page as homepage ? No
- HTML source * : [You must be registered and logged in to see this link.]
Tìm
- Code:
http://baivong.forumclan.com/20032.js
Bước 7: Thay toàn bộ Template mod_chatbox:
- Code:
<style type="text/css">
#chatbox_portal.fullscreen{bottom:0;height:100%!important;left:0;position:fixed;top:0;width:100%;z-index:1001}
#fulls,#full-cancel{cursor:pointer;z-index:1002;background:url(http://i15.servimg.com/u/f15/16/58/89/73/full10.png) no-repeat;width:32px;height:32px}
#fulls{background-position:0 0;margin-left:2px;margin-top:-64px;position:absolute;}
#full-cancel{background-position:0 -32px;bottom:30px;display:none;left:2px;position:fixed;}
</style>
<div class="module main">
<div class="main-content">
<div id="chatbox_portal" style="border: 1px solid #DDD;overflow:none;height:300px;"></div>
<div id="fulls"></div><div id="full-cancel"></div>
<script type="text/javascript">
insertChatBoxNew('chatbox_portal', '/h191-chatbox-fmvi-20');
$("#fulls").click(function () {
$("#chatbox_portal").addClass("fullscreen");
$(this).hide().next().show()
});
$("#full-cancel").click(function () {
$("#chatbox_portal").removeClass("fullscreen");
$(this).hide().prev().show()
});
</script>
<img src="http://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_portal');" alt="" style="cursor:se-resize; float: right;" />
</div>
</div>
Thêm vào CSS của diễn đàn:
- Code:
#chatbox_header,#chatbox_footer,#chatbox,#chatbox_members{display:none}
Ghi chú:
- Nên upload lại CSS và file âm thanh dùng trong chatbox [You must be registered and logged in to see this link.]
- Chức năng nhắn tin riêng sử dụng popup nên bạn phải tắt chức năng chặn popup của trình duyệt.
- Khi popup không tự động bật, bạn click vào nick thành viên trong danh sách Chat để chat riêng (một số add-on có thể chặn được click mở popup).
- Chat riêng chỉ áp dụng cho thành viên đang có mặt trong chatbox.
- Khi bạn vừa vào chatbox nếu có yêu cầu chat riêng, popup sẽ tự bật. Chỉ số trên nick lúc này là số tin nhắn trong chatbox riêng, khi bạn bắt đầu chat, nó sẽ là số tin nhắn mới.
- Lệnh /me sẽ gửi tin nhắn lên cả chatbox chung và riêng.
- Lệnh /ban, /unban chỉ có admin chính mới sử dụng được. Mod có thể ban nick bằng cách click phải chuột vào nick thành viên.
- Không ẩn bài viết khi sao chép lại hướng dẫn này.
- Không thay đổi bất cứ thành phần nào trong code khi chưa có sự đồng ý từ baivong.
Viết bởi baivong - [You must be registered and logged in to see this link.]