[TUTs] Chatbox VHG 3.0

  Bài viết hay nhất1

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ất2
sao nó k hiện ở ngoài index vậy?
  Bài viết hay nhất3
Uầy, hàng hot :3
  Bài viết hay nhất4
[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ó k hiện ở ngoài index vậy?


Ban phải dẫn nó ra chứ.

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="1088" height="340" src="{page}" frameborder="0" allowfullscreen=""></iframe>



Thay {page} thành địa chỉ trang html bạn tạo ở trên.
  Bài viết hay nhất5
Thím có chắc là FM không Update chatbox 9 không o.O
  Bài viết hay nhất6
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:Thím có chắc là FM không Update chatbox 9 không o.O

Up thì làm cái mới, sợ gì ^^.
  Bài viết hay nhất7
Uầy. Hàng hot.
  Bài viết hay nhất8
[You must be registered and logged in to see this image.]

Muốn sửa mà không có CSS :(
  Bài viết hay nhất9
Bóp cái iframe lại đi thím
<iframe scrolling="no" width="1088" height="340" src="{page}" frameborder="0" allowfullscreen=""></iframe>
  Bài viết hay nhất10
vãi, ngon hơn cả baivong :))
  Bài viết hay nhất11
Cho mình hỏi nếu muốn thêm icon cho nhóm trong chat box thì mình làm như thế nào
  Bài viết hay nhất12
sao mình ko làm nó hiện đc vậy
  Bài viết hay nhất13
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:sao mình ko làm nó hiện đc vậy

Demo đâu.
  Bài viết hay nhất14
[You must be registered and logged in to see this image.]
  Bài viết hay nhất15
cái chỗ hình thứ ghi tên "Hội Quán Dịch Giả" là chỗ đáng lẽ phải có chatbox
  Bài viết hay nhất16
[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 image.]

nản chú quá. Ko up link mà đi up cái hình làm gì. Không đọc hướng dẫn à.

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

Vd trang html chú tạo là /h1-page
Thì thay {page} thành /h1-page
  Bài viết hay nhất17
ồ, do em ghi quyên cái html luôn, cảm ơn anh nhiều
  Bài viết hay nhất18
[You must be registered and logged in to see this link.] em sửa lại nó vẫn như vậy anh à, anh làm sao giúp dùm em nhá ^^
  Bài viết hay nhất19
thôi em không cần nữa, lập diễn đàn mới cho tiện :P
  Bài viết hay nhất20
[You must be registered and logged in to see this link.] anh coi dùm em, em làm đúng cách hết rồi mà sao vẫn ko đc :((
  Bài viết hay nhất21
[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.] anh coi dùm em, em làm đúng cách hết rồi mà sao vẫn ko đc :((

Đã nói là bỏ cái dấu {} này đi. Thêm vào làm gì vậy. Bó tay,
  Bài viết hay nhất22
sr ^^ em ko đọc kĩ bất cứ thứ j ^^
  Bài viết hay nhất23
Về ngâm cứu làm giống gửi tin nhắn của facebook :v
  Bài viết hay nhất24
anh ơi, cái này chat riêng ko đc giống như ver 0.2 sao??
  Bài viết hay nhất25
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:anh ơi, cái này chat riêng ko đc giống như ver 0.2 sao??
Bạn bấm vào icon máy bay giấy bên cạnh tên ng khác là chat được
  Bài viết hay nhất26
You cannot reply to topics in this forum