[all version] Chatbox fmvi 2.1

[baivong]

Chức năng:

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
  
  
• 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:

• 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 : [You must be registered and logged in to see this image.]

Bước 2: Tạo trang HTML Emoticons:
Đầu tiên bạn vào trang

Code:

http://LOCATION_HOST/post?mode=smilies_chatbox

Thay LOCATION_HOST bằng link diễn đàn của bạn, ví dụ của mình là: [You must be registered and logged in to see this link.]
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

trong code trên và thay nó bằng link file javascript đã tạo ở bước 3.


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

trong code trên và thay nó bằng link file javascript đã tạo ở bước 5.

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>

Thay số 191 bằng số thứ tự trang HTML tạo ở bước 6
Thêm vào CSS của diễn đàn:

Code:

#chatbox_header,#chatbox_footer,#chatbox,#chatbox_members{display:none}

Ghi chú:

1. 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.]
   
2. 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.
3. 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).
   
4. Chat riêng chỉ áp dụng cho thành viên đang có mặt trong chatbox.
   
5. 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.
   
6. Lệnh /me sẽ gửi tin nhắn lên cả chatbox chung và riêng.
   
7. 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.
   
8. Không ẩn bài viết khi sao chép lại hướng dẫn này.
   
9. Không thay đổi bất cứ thành phần nào trong code khi chưa có sự đồng ý từ [You must be registered and logged in to see this link.].

Viết bởi [You must be registered and logged in to see this link.] - [You must be registered and logged in to see this link.]

[K.-Kun]

hay quá! vote cái. Quá đệp

[hoangtu42]

bước 1 làm sao ?

[HoàngTửNaivip5p]

bước 1 làm sao ?

Nếu bạn ko hiểu lắm thì tạo luôn 1 js như a baivong hướng dẫn ấy
Và tạo 1 emoticon buzz là xong ^^

[dodonine]

Vai bac cho cai link sang forum khac toan bat phai dang ky quang cao gian tiep day ma!

[lylyvenus995]

Bước 2 khó hiểu quá.Vào cái link để chuyển đổi là sao ? em vào thì thấy hiện trang chính của rum em thôi @@

[baivong]

Tất cả các link [You must be registered and logged in to see this link.] các bạn thay thành [You must be registered and logged in to see this link.]
Không hiểu sao cp không cho mình sửa bài nhỉ?
@hoangtu42: Bước 1, QLTT Messages and e-mails Announcements
@lylyvenus995: Bước 2, bạn kích hoạt chatbox là được, thay link là thay tên miền của forum bạn.
@dodonine: Tiếc là một số người không đủ khả năng dẫn link như vậy

[soncuti]

bạn ơi phpbb3 làm gì có template hả bạn

[Get Over]

bạn ơi phpbb3 làm gì có template hả bạn

Bạn cho code vào widget ( chưa thử nhung chắc đuợc)

[anhdaodaica1]

có sử dụng được cho phpbb2 ?

[handsomevip007]

có sử dụng được cho phpbb2 ?

Không được đâu Xem lại tiêu đề đi

[lylyvenus995]

Vẫn ko hiểu bc 2 @@' chép code trang đó lại hả ? hay link ? rồi bỏ vào html.
Bước 3 nữa,cái link đó die rồi.Nếu sửa thành link rum mình thì nó cũng chẳng hiện lên thông tin gì hết,chỉ có ~> "thông báo" trang ko có bài viết" hết =.='

@handsomevip007: là all version mà @@ sao phpbb2 ko làm được

---

Trả lời từ : Tức là đăng xoắn lại chứ sao

[anhdaodaica1]

có sử dụng được cho phpbb2 ?

Không được đâu Xem lại tiêu đề đi

[all ver] thì dành cho tất cả phiên bản rồi~ sao lại không được nhỉ ~

[soncuti]

phpbb3 không có khái niệm template bạn à
Mà mình vẫn dùng 1 loại chatbox của 1 4rum nước ngoài, công nhận là vẫn chưa thấy chatbox nào ở VN đẹp bằng của họ

[baivong]

Chatbox này dùng cho tất cả các phiên bản nha, phpBB2 cũng dùng tốt.
Chatbox VN đến giờ cũng hơn 5 mẫu phổ biến, không biết bạn Sơn culi đang dùng mẫu chatbox nào?

[Lowie]

Chatbox này dùng cho tất cả các phiên bản nha, phpBB2 cũng dùng tốt.
Chatbox VN đến giờ cũng hơn 5 mẫu phổ biến, không biết bạn Sơn culi đang dùng mẫu chatbox nào?

Cố tình viết nhầm hả cuti mà kêu culi tội nghiệp

[lylyvenus995]

Bước 2 bảo kích hoạt chatbox,kích hoạt thế nào ? chứ làm như trên chả hiểu gì hết =.='

[soncuti]

hi hi , mình chỉ biết cái này không phải made in VN
Hồi xưa lang thang lên mấy 4rum nc ngoài lấy về thấy khá đẹp và nhiều tính năng

Ngay chư remove @ chỉ cần 1 đoạn .js là đủ mà không cần phải chỉ rõ /u1
Nguồn của nó bên Nước ngoài , Demo bạn có thể vào [You must be registered and logged in to see this link.]

Ảnh đây : [You must be registered and logged in to see this image.]

[Get Over]

lại xài hàng của avacweb chat chính xác của Lgforum xài hàng VN mới là gốc Việt Nam chứ bạn
Nếu thể Avacweb chatbox cũng chỉ là 1 file javascript dễ xung đột với các file khác dùng làm gì cho nặng forum

[baivong]

Tưởng nói giao diện đẹp
Nghe zero nói lâu rồi mà giờ mới thử xem chức năng chatbox này, cũng ngon
Nếu lúc trước đăng ký được google adsense mình đã đầu tư code chi tiết hơn, bây giờ chỉ còn zero phát triển tiếp, tiếc thật. [You must be registered and logged in to see this image.]
Chatbox fmvi cài đặt phức tạp hơn chút, còn lại mình thấy khá tự hào

[soncuti]

lại xài hàng của avacweb chat chính xác của Lgforum xài hàng VN mới là gốc Việt Nam chứ bạn
Nếu thể Avacweb chatbox cũng chỉ là 1 file javascript dễ xung đột với các file khác dùng làm gì cho nặng forum

vấn đề là mình chả thấy nặng 4rum , với cả nó đẹp là ok rồi
Mình thấy mấy chatbox VN có cái nào đẹp bằng của họ đâu ?

À mà còn nữa , chatbox bên Vn cứ phải đọng vào template , mà phpbb3 như mình thì chỉ có kêu than , nên cái mod chatbox này mình thấy là the best for phpbb3

[Get Over]

lại xài hàng của avacweb chat chính xác của Lgforum xài hàng VN mới là gốc Việt Nam chứ bạn
Nếu thể Avacweb chatbox cũng chỉ là 1 file javascript dễ xung đột với các file khác dùng làm gì cho nặng forum

vấn đề là mình chả thấy nặng 4rum , với cả nó đẹp là ok rồi
Mình thấy mấy chatbox VN có cái nào đẹp bằng của họ đâu ?

À mà còn nữa , chatbox bên Vn cứ phải đọng vào template , mà phpbb3 như mình thì chỉ có kêu than , nên cái mod chatbox này mình thấy là the best for phpbb3

Tùy bạn thôi
Sử dụng Javscript nhiều lại dễ xung đột
Mà hình như bạn nói đại khái quá, cái chatbox fmvi2 kia lù lù toàn dùng HTML là chủ yếu kểcar lấy link Javascript cũng không bật còn về Iframe thì bạn cho vô widget là được rồi

[soncuti]

hix mình thử các kiểu rồi , với phpbb2 mà mấy ver khác không sao , nhưng cứ phpbb3 mà động đến chatbox là y rằng lỗi , lại còn không tự đăng nhập nữa , mà làm lại khó
Mình thấy cái avac chat khá tiện , chỉ cần CSS và Javascrip , không hề phức tạp như thế này

[Sponsored content]