[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ất76
nếu chatbox đã củ thì nên chuyển vào phần lưu trữ
You cannot reply to topics in this forum