[TUTs] Chatbox VHG 3.0

  Bài viết hay nhất1
First topic message reminder :

I. Giới thiệu.







Chatbox này do mình phát triển dựa trên chatbox 8 mặc định của fm. Với giao diện đơn giản và các chức năng được tối ưu đem đến cho các bạn một chatbox vừa gọn nhẹ vừa đa năng.






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


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



Demo trực tiếp: [You must be registered and logged in to see this link.]


II. Chức năng



  1. Đăng nhập tự động. Ngay cả khi dissconect cũng sẽ tự đăng nhập lại.
  2. Sử dụng bộ font emoticont thay thế cho emoticont bằng hình ảnh sẵn có của fm để giảm thời gian tải ảnh.
  3. Hỗ trợ Buzz như yahoo.
  4. Hỗ trợ các khung chèn link, chèn ảnh và chèn youtube.
  5. Xem video youtube bằng popup.
  6. Hỗ trợ chat riêng. Với nội dung chat riêng được mã hóa. Cho dù có xem trên link /chatbox cũng sẽ mã hóa. Giúp bảo vệ một ích riêng tư của thành viên. (Chức năng này hiện vẫn đang phát triển, có thể sẽ xảy ra một số lỗi nhỏ. Sẽ cố gắng khắc phục vào version kế.



III. Cài Đặt.


Vào Acp > Moduel > Chatbox > Cấu Hình 
Chọn:


  1. Activate the ChatBox : Có
  2. Display users avatars in the chatbox : Muốn bật avata thì chọn có, còn nếu không thì chọn không.
  3. Chatbox display: Do no display



Vào ACP > Moduel > HTML pages management > Tạo một html mới. Chép toàn bộ code này vào.

HTML:


Code:
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="vi">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Chatbox VHG</title>
    <link rel="shortcut icon" type="image/x-icon" href="http://illiweb.com/fa/favicon/discussion.ico" />
    <meta http-equiv="content-script-type" content="text/javascript" />
    <meta http-equiv="content-style-type" content="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="https://cdn.rawgit.com/matran991/Chatbox/master/style_v3.css" />
</head>

<body class="body_chat" style="background:white">
    <div id="Chatboxvhg">
        <span class="box_onl">
            <div class="tit_onl"> Đang Online</div>
            <div class="list_onl"><div class="user_onl"></div><div class="user_band"></div></div>
            <div class="tit_pri">
                <span onclick="chatall();" class="rchatall" style="display: inline;">Phòng Chat Chung</span>
            </div>
            <div class="list_pri"></div>
            <div class="tab_level">
              <span name="" onclick="control.call(this)" data="band">Band Thành Viên Này</span>
              <span name="" onclick="control.call(this)" data="mod">Lên chức Mod Chatbox</span>
              <span name="" onclick="control.call(this)" data="unmod">Hạ chức Mod Chatbox</span>
              <span name="" onclick="control.call(this)" data="close">Đóng</span>
            </div>
        </span>
        <form id="Cboxvhg" name="Cboxvhg" method="post" key="chatall">
            <input name="message" placeholder="Nhập nội dung chat vào đây" type="text" id="text" size="35" />
            <input type="submit" name="do" id="do" value=" Gửi Đi" />
            <input id="divsmilies" class="btt_tab" type="button" value=" Hình Vui" />
            <input value=" BUZZ" type="button" id="chatbox-option-buzz" />
            <input value=" Chèn Link" class="btt_tab" type="button" id="chen_link" />
            <div id="smiley_FB_frame" class="tab_drop"><sub>A</sub><sub>B</sub><sub>C</sub><sub>D</sub><sub>E</sub><sub>F</sub><sub>G</sub><sub>H</sub><sub>I</sub><sub>J</sub><sub>K</sub><sub>L</sub><sub>M</sub><sub>N</sub><sub>O</sub><sub>P</sub><sub>Q</sub><sub>R</sub><sub>S</sub><sub>T</sub><sub>U</sub><sub>V</sub><sub>W</sub><sub>X</sub><sub>Y</sub><sub>Z</sub><sub>a</sub><sub>b</sub><sub>c</sub><sub>d</sub><sub>e</sub><sub>f</sub><sub>g</sub><sub>h</sub><sub>i</sub><sub>j</sub><sub>k</sub><sub>l</sub><sub>m</sub><sub>n</sub><sub>o</sub><sub>p</sub><sub>q</sub><sub>r</sub><sub>s</sub><sub>t</sub><sub>u</sub><sub>v</sub><sub>w</sub><sub>x</sub><sub>y</sub><sub>z</sub><sub>1</sub><sub>2</sub><sub>3</sub><sub>4</sub><sub>5</sub><sub>6</sub><sub>7</sub><sub>8</sub><sub>9</sub></div>
            <div id="linkdechen" class="tab_drop">
                <p>
                    <input type="text" class="inputText" id="link_chen" placeholder="Chèn Link Vào Đây" />
                    <input value=" Chèn Link" class="nutchenlink" type="button" />
                    <input value=" Chèn Youtube" class="nutchenvideo" type="button" />
                    <input value=" Chèn Ảnh" class="nutchenanh" type="button" />
                </p>
            </div>
            <audio id="chatbox-buzz-audio">
                <source src="http://baivong.github.io/cdn/zzchat/sound/buzz.ogg" type="audio/ogg" />
                <source src="http://baivong.github.io/cdn/zzchat/sound/buzz.mp3" type="audio/mpeg" />
            </audio>
        </form>
        <div class="result" key="chatall" style="display: block;">
          <div class="load"><span></span> Chờ chút nhé bạn...</div>
        </div>
    </div>  
    <div class="popup">
        <div class="overlay">
            <div class="popup_content">
                <div class="video">
                    <span onclick="close_video.call(this)" class="close"> Đóng Lại</span>
                </div>
            </div>
   </div>
    </div>
   <script src="https://cdn.rawgit.com/matran991/Chatbox/master/chatbox_v6.min.js" type="text/javascript"></script>
</body>
</html>


Thêm vào code này vào index_body chỗ nào tùy thích.. Tốt nhất là đề sau {CHATBOX_TOP}:

Code:
<iframe scrolling="no" width="100%" height="340" src="{page}" frameborder="0" allowfullscreen=""></iframe>



Thay {page} thành địa chỉ trang html bạn tạo ở trên.


IV. Tống Kết


Vậy là xong rồi. Mọi thứ còn lại js sẽ tự động làm. Bạn không cần phải làm gì nữa. Mọi góp ý và thắc mắc vui lòng gửi tại topic này. Xin cám ơn.


Tags: [You must be registered and logged in to see this link.] [You must be registered and logged in to see this link.] [You must be registered and logged in to see this link.]
  Bài viết hay nhất26
tại sao mình bấm vào rồi thì nó cũng ko có @@
  Bài viết hay nhất27
Em đã làm như anh mà không được, anh check giùm em với.
đây là link html page cũng như URL [You must be registered and logged in to see this image.]


Còn đây là link em chép vào index body  
[You must be registered and logged in to see this image.]

Em chèn vào nó ra thế này
[You must be registered and logged in to see this image.]
Mong các tiền bối giúp giùm em.
  Bài viết hay nhất28
em dùng PunBB nhé.
  Bài viết hay nhất29
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:em dùng PunBB nhé.

Đưa link forum lên.
  Bài viết hay nhất30
Link của em đây ạ.
  Bài viết hay nhất31
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Link của em đây ạ.

Link đâu????
  Bài viết hay nhất32
Chết em vừa quên post [You must be registered and logged in to see this link.]
  Bài viết hay nhất33
Chết em vừa quên post [You must be registered and logged in to see this link.]
  Bài viết hay nhất34
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Chết em vừa quên post [You must be registered and logged in to see this link.]

vào ACP > Moduel > HTML pages management > Trang chatbox của bạn.

Tìm Do you wish to use your forum header and footer ? Chọn không.
  Bài viết hay nhất35
Em làm được rồi cơ mà sao cái cột ai đang online nó lại không hiện gì hả anh?
  Bài viết hay nhất36
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Em làm được rồi cơ mà sao cái cột ai đang online nó lại không hiện gì hả anh?

Copy lại trang html ở trên chép lại đi. Chép thiếu cái gì đó rồi.
  Bài viết hay nhất37
Được rồi ạ, thanks anh.
  Bài viết hay nhất38
nếu muốn khi tin nhắn trên chat xuất hiện có tiếng động trong index thì làm sao ạ
  Bài viết hay nhất39
em đã làm như trên
em ko thấy nó xuất hiện, làm sao ạ
đây là link chatbox [You must be registered and logged in to see this link.]
link forum em là [You must be registered and logged in to see this link.]
  Bài viết hay nhất40
kích hoạt chatbox chưa nếu chưa thì kích hoạt đê
- ACP (Bảng điều khiển... á) -> Modules -> Portal & Widgets -> Chatbox -> ChatBox configuration -> Activate the chatbox: Có
  Bài viết hay nhất41
như đó là chatbox version cũ chứ ko phải cái chatbox này, mình ko thể kích hoạt nó
  Bài viết hay nhất42
đầu tiên anh phải kích hoạt chatbox mặc định của fm trc, sau đó thì mới add theo như của anh [You must be registered and logged in to see this link.]
  Bài viết hay nhất43
Chatbox bé quá , chỉnh cho nó to ra kiểu gì z
  Bài viết hay nhất44
[You must be registered and logged in to see this link.]: cho dùm 4rum để coi thử nào ??
  Bài viết hay nhất45
Chỉnh cái height thôi
  Bài viết hay nhất46
Sao n toàn báo là chờ chút nhé bạn thế nhỉ
  Bài viết hay nhất47
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Sao n toàn báo là chờ chút nhé bạn thế nhỉ
Bạn đợi tí là nó hiện ra mà
  Bài viết hay nhất48
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Sao n toàn báo là chờ chút nhé bạn thế nhỉ
Bạn đợi tí là nó hiện ra mà
Cả tiếng r bạn @@
  Bài viết hay nhất49
Bật chatbox chưa
  Bài viết hay nhất50
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Bật chatbox chưa
@@ t bật rồi, và đợi khoảng hơn tiếng thì chatbox vào được nhưng hiện disconnect và k chat đc :)) t cũng bó tay luôn
  Bài viết hay nhất51
You cannot reply to topics in this forum