Diễn đàn » Tổng hợp về Forumotion » Hỏi đáp Forumotion

Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

Diễn đàn » Tổng hợp về Forumotion » Hỏi đáp Forumotion »  [Help] cách làm cho tin nhắn chat box từ trên xuống

[Help] cách làm cho tin nhắn chat box từ trên xuống

Started by -

  • Please log in to post a topic

    • tommy_phan

    tommy_phan
    tommy_phan

    tommy_phan

    Group: Member

    Hiện đang:
    Bài viết : 248
    Points : 321
    Thanks : 45

    Member

    Member
    Bài viết thứ :1

    Đăng vào:17/1/2014, 18:25

    Member
    mình không biết nói sao
    thay vì tin nhắn chat trong chat box phải kéo xuống dưới mới thấy.! vậy có cách nào cho tin nhắn từ trên xuống không
    giống như chat box của xemforo vậy 


    VD: đây là các CM của mình trên chat box
    từ demo1-demo5
    demo5 là tin nhắn cuối cùng dáng lẽ nó phải ở trên đầu tiên.. và demo1 là tin nhắn cuối cùng thì ở dưới cuối vậy
    chat box của forumvi
    [Help] cách làm cho tin nhắn chat box từ trên xuống En10


    và cái mình muốn là nó giống như của xemforo cho zể hiểu hơn


    [Help] cách làm cho tin nhắn chat box từ trên xuống En11



    Được sửa bởi tommy_phan ngày 18/1/2014, 14:57; sửa lần 1.

    #1 - Posted 17/1/2014, 18:25
    +1
    Admin

    Admin
    Admin

    Admin

    Group: Administrator

    Hiện đang:
    Bài viết : 162
    Points : 909
    Birthday : 12/07/1995
    Thanks : 203
    Đến từ : ffffffffffffffffffff

    Administrator

    Administrator
    Bài viết thứ :2

    Đăng vào:17/1/2014, 19:41

    Administrator
    thử code này coi
    Code:
    #chatbox {
    background-color: #fff;
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 200px;
    }

    #2 - Posted 17/1/2014, 19:41
    tommy_phan

    tommy_phan
    tommy_phan

    tommy_phan

    Group: Member

    Hiện đang:
    Bài viết : 248
    Points : 321
    Thanks : 45

    Member

    Member
    Bài viết thứ :3

    Đăng vào:17/1/2014, 20:04

    Member
    ko xi nhê zì hết bác admin ơi

    #3 - Posted 17/1/2014, 20:04
    tommy_phan

    tommy_phan
    tommy_phan

    tommy_phan

    Group: Member

    Hiện đang:
    Bài viết : 248
    Points : 321
    Thanks : 45

    Member

    Member
    Bài viết thứ :4

    Đăng vào:18/1/2014, 14:58

    Member
    up trong tuyệt vọng

    #4 - Posted 18/1/2014, 14:58
    Mark_Story

    Mark_Story
    Mark_Story

    Mark_Story

    Group: Member

    Hiện đang:
    Bài viết : 4
    Points : 4
    Birthday : 11/05/1999
    Thanks : 0
    Đến từ : Hồ Chí Minh

    Member

    Member
    Bài viết thứ :5

    Đăng vào:18/1/2014, 16:22

    Member
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    #5 - Posted 18/1/2014, 16:22
    Edo thời a-còng

    Edo thời a-còng
    Edo thời a-còng

    Edo thời a-còng

    Group: Member

    Hiện đang:
    Bài viết : 33
    Points : 37
    Birthday : 03/02/1999
    Thanks : 4
    Đến từ : CEF

    Member

    Member
    Bài viết thứ :6

    Đăng vào:18/1/2014, 16:26

    Member
    ý của bác là từ dưới lên trên...tin nhắn cuối được đưa lên đầu và tin nhắn đầu được đưa cuối chứ gì?
    Đây CB của bạn^^

    Code:

    <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="en" xml:lang="en"  ><head><title>Chatbox</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="http://i48.servimg.com/u/f48/16/58/89/73/minilo10.png" /><meta name="language" content="en" /><meta name="description" content="Hướng dẫn - chia sẻ - Phát triển ứng dụng cho Forumotion" /><meta name="keywords" content="Vietnamese Forumotion, fmvi.org, fmvi.vn, fmvi.tk, fmvi-group, free forum, templastes, HTML, JavaScript, jQuery, forumotion, support, TUT, share, free, easy, simple" lang="en" /><meta name="robots" content="index, follow, noodp" /><meta name="google-site-verification" content="c5k20fjsxZJqQF83Ldn3cySwds1MUd8CFhUBpIVPXUo" />
    <meta name="title" content="Vietnamese Forumotion -  chatbox fmvi 2.2" /><link rel="stylesheet" href="http://account.vnsweetdream.coo.me/sta/u/w/3511/css%20chatbox%20FMvi%20ver%202-2/CSS%20full%20chatbox%20FMvi%20ver%202-2.css" type="text/css" /><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="Vietnamese Forumotion" /><link rel="search" type="application/opensearchdescription+xml" href="http://www.board-directory.net/en/search/improvedsearch.xml" title="Search forums" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="http://www.vnsweetdream.com/31956.js"></script>

    <script type="text/javascript">//<![CDATA[
    var _gaq = _gaq || [];_gaq.push(["_setAccount", "UA-26966514-1"]);_gaq.push(["_trackPageview"]);(function() {var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);})();//]]></script></head><body>
    <a href="javascript:void(0)" class="gift" id="anigift"><span class="tippop" id="giftnum">0</span><span style="display:none" id="giftsend"></span><span style="display:none" id="giftcolor"></span></a>
    <div style="display:none" id="chatbox_messenger_form">
       Chatbox forumotion 2.2 viết bởi baivong - www.fmvi.vn. Giữ toàn quyền.
       Nghiêm cấm mọi hành sửa, xóa, xuyên tạc bản quyền mod.
       Mọi ý kiến đóng góp vui lòng gửi về địa chỉ [You must be registered and logged in to see this link.].
    </div>
    <table id="chatbox_footer">
       <tbody><tr>
          <td id="data" style="width: 100px;">
             <input type="submit" name="submit_button" value="Gửi" id="submit_button" />
             <input type="hidden" id="sbold" value="0" />
             <input type="hidden" id="sitalic" value="0" />
             <input type="hidden" id="sunderline" value="0" />
             <input type="hidden" id="sstrike" value="0" />
             <input type="hidden" id="scolor" value="#333333" />
             <input type="hidden" id="scode" value="0" />
             <input type="hidden" id="sname" value="" />
             <input type="hidden" id="spopup" value="0" />
             <input type="hidden" id="sshow" value="" />
          </td>
          <td>
             <input type="text" id="message" name="message" size="35" maxlength="1024" class="post" autocomplete="off" />            
          </td>
          <td style="width: 300px; text-align: center;">
             <div id="divbuzz" class="button">
                <img width="60" height="20" title="buzz" alt="buzz" src="http://r12.imgfast.net/users/1215/11/75/00/smiles/2270249841.gif" />
             </div>
             <div id="divbold" class="font button">
                <img src="http://2img.net/i/fa/subsilver/wysiwyg/bold.gif" width="21" height="20" alt="Bold" title="Bold" />
             </div>
             <div id="divitalic" class="font button">
                <img src="http://2img.net/i/fa/subsilver/wysiwyg/italic.gif" width="21" height="20" alt="Ital." title="Ital." />
             </div>
             <div id="divunderline" class="font button">
                <img src="http://2img.net/i/fa/subsilver/wysiwyg/underline.gif" width="21" height="20" alt="Underl." title="Underl." />
             </div>
             <div id="divstrike" class="font button">
                <img src="http://2img.net/i/fa/subsilver/wysiwyg/strike.gif" width="21" height="20" alt="Strike" title="Strike" />
             </div>
             <div id="divcolor" class="wd button">
                <img width="20" height="20" title="Font color" alt="Font color" id="show_color" src="http://2img.net/i/fa/subsilver/wysiwyg/clear.gif" style="background-color: #333333" />
             </div>
             <div id="cColor"><ul><li><a style="background: #ffffff; colour: 000000;" rel="ffffff" title="#ffffff" href="#">#ffffff</a></li><li><a style="background: #ffccc9; colour: 000000;" rel="ffccc9" title="#ffccc9" href="#">#ffccc9</a></li><li><a style="background: #ffce93; colour: 000000;" rel="ffce93" title="#ffce93" href="#">#ffce93</a></li><li><a style="background: #fffc9e; colour: 000000;" rel="fffc9e" title="#fffc9e" href="#">#fffc9e</a></li><li><a style="background: #ffffc7; colour: 000000;" rel="ffffc7" title="#ffffc7" href="#">#ffffc7</a></li><li><a style="background: #9aff99; colour: 000000;" rel="9aff99" title="#9aff99" href="#">#9aff99</a></li><li><a style="background: #96fffb; colour: 000000;" rel="96fffb" title="#96fffb" href="#">#96fffb</a></li><li><a style="background: #cdffff; colour: 000000;" rel="cdffff" title="#cdffff" href="#">#cdffff</a></li><li><a style="background: #cbcefb; colour: 000000;" rel="cbcefb" title="#cbcefb" href="#">#cbcefb</a></li><li><a style="background: #cfcfcf; colour: 000000;" rel="cfcfcf" title="#cfcfcf" href="#">#cfcfcf</a></li><li><a style="background: #fd6864; colour: 000000;" rel="fd6864" title="#fd6864" href="#">#fd6864</a></li><li><a style="background: #fe996b; colour: 000000;" rel="fe996b" title="#fe996b" href="#">#fe996b</a></li><li><a style="background: #fffe65; colour: 000000;" rel="fffe65" title="#fffe65" href="#">#fffe65</a></li><li><a style="background: #fcff2f; colour: 000000;" rel="fcff2f" title="#fcff2f" href="#">#fcff2f</a></li><li><a style="background: #67fd9a; colour: 000000;" rel="67fd9a" title="#67fd9a" href="#">#67fd9a</a></li><li><a style="background: #38fff8; colour: 000000;" rel="38fff8" title="#38fff8" href="#">#38fff8</a></li><li><a style="background: #68fdff; colour: 000000;" rel="68fdff" title="#68fdff" href="#">#68fdff</a></li><li><a style="background: #9698ed; colour: 000000;" rel="9698ed" title="#9698ed" href="#">#9698ed</a></li><li><a style="background: #c0c0c0; colour: 000000;" rel="c0c0c0" title="#c0c0c0" href="#">#c0c0c0</a></li><li><a style="background: #fe0000; colour: 000000;" rel="fe0000" title="#fe0000" href="#">#fe0000</a></li><li><a style="background: #f8a102; colour: 000000;" rel="f8a102" title="#f8a102" href="#">#f8a102</a></li><li><a style="background: #ffcc67; colour: 000000;" rel="ffcc67" title="#ffcc67" href="#">#ffcc67</a></li><li><a style="background: #f8ff00; colour: 000000;" rel="f8ff00" title="#f8ff00" href="#">#f8ff00</a></li><li><a style="background: #34ff34; colour: 000000;" rel="34ff34" title="#34ff34" href="#">#34ff34</a></li><li><a style="background: #68cbd0; colour: 000000;" rel="68cbd0" title="#68cbd0" href="#">#68cbd0</a></li><li><a style="background: #34cdf9; colour: 000000;" rel="34cdf9" title="#34cdf9" href="#">#34cdf9</a></li><li><a style="background: #6665cd; colour: 000000;" rel="6665cd" title="#6665cd" href="#">#6665cd</a></li><li><a style="background: #9b9b9b; colour: 000000;" rel="9b9b9b" title="#9b9b9b" href="#">#9b9b9b</a></li><li><a style="background: #cb0000; colour: 000000;" rel="cb0000" title="#cb0000" href="#">#cb0000</a></li><li><a style="background: #f56b00; colour: 000000;" rel="f56b00" title="#f56b00" href="#">#f56b00</a></li><li><a style="background: #ffcb2f; colour: 000000;" rel="ffcb2f" title="#ffcb2f" href="#">#ffcb2f</a></li><li><a style="background: #ffc702; colour: 000000;" rel="ffc702" title="#ffc702" href="#">#ffc702</a></li><li><a style="background: #32cb00; colour: 000000;" rel="32cb00" title="#32cb00" href="#">#32cb00</a></li><li><a style="background: #00d2cb; colour: 000000;" rel="00d2cb" title="#00d2cb" href="#">#00d2cb</a></li><li><a style="background: #3166ff; colour: 000000;" rel="3166ff" title="#3166ff" href="#">#3166ff</a></li><li><a style="background: #6434fc; colour: 000000;" rel="6434fc" title="#6434fc" href="#">#6434fc</a></li><li><a style="background: #656565; colour: 000000;" rel="656565" title="#656565" href="#">#656565</a></li><li><a style="background: #9a0000; colour: 000000;" rel="9a0000" title="#9a0000" href="#">#9a0000</a></li><li><a style="background: #ce6301; colour: 000000;" rel="ce6301" title="#ce6301" href="#">#ce6301</a></li><li><a style="background: #cd9934; colour: 000000;" rel="cd9934" title="#cd9934" href="#">#cd9934</a></li><li><a style="background: #999903; colour: 000000;" rel="999903" title="#999903" href="#">#999903</a></li><li><a style="background: #009901; colour: 000000;" rel="009901" title="#009901" href="#">#009901</a></li><li><a style="background: #329a9d; colour: 000000;" rel="329a9d" title="#329a9d" href="#">#329a9d</a></li><li><a style="background: #3531ff; colour: 000000;" rel="3531ff" title="#3531ff" href="#">#3531ff</a></li><li><a style="background: #6200c9; colour: 000000;" rel="6200c9" title="#6200c9" href="#">#6200c9</a></li><li><a style="background: #343434; colour: 000000;" rel="343434" title="#343434" href="#">#343434</a></li><li><a style="background: #680100; colour: 000000;" rel="680100" title="#680100" href="#">#680100</a></li><li><a style="background: #963400; colour: 000000;" rel="963400" title="#963400" href="#">#963400</a></li><li><a style="background: #986536; colour: 000000;" rel="986536" title="#986536" href="#">#986536</a></li><li><a style="background: #646809; colour: 000000;" rel="646809" title="#646809" href="#">#646809</a></li><li><a style="background: #036400; colour: 000000;" rel="036400" title="#036400" href="#">#036400</a></li><li><a style="background: #34696d; colour: 000000;" rel="34696d" title="#34696d" href="#">#34696d</a></li><li><a style="background: #00009b; colour: 000000;" rel="00009b" title="#00009b" href="#">#00009b</a></li><li><a style="background: #303498; colour: 000000;" rel="303498" title="#303498" href="#">#303498</a></li><li><a style="background: #000000; colour: ffffff;" rel="000000" title="#000000" href="#">#000000</a></li><li><a style="background: #330001; colour: 000000;" rel="330001" title="#330001" href="#">#330001</a></li><li><a style="background: #643403; colour: 000000;" rel="643403" title="#643403" href="#">#643403</a></li><li><a style="background: #663234; colour: 000000;" rel="663234" title="#663234" href="#">#663234</a></li><li><a style="background: #343300; colour: 000000;" rel="343300" title="#343300" href="#">#343300</a></li><li><a style="background: #013300; colour: 000000;" rel="013300" title="#013300" href="#">#013300</a></li><li><a style="background: #003532; colour: 000000;" rel="003532" title="#003532" href="#">#003532</a></li><li><a style="background: #010066; colour: 000000;" rel="010066" title="#010066" href="#">#010066</a></li><li><a style="background: #340096; colour: 000000;" rel="340096" title="#340096" href="#">#340096</a></li></ul></div>
             <div id="divsmilies" class="wd button">
                <img src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="Emoticons" title="Emoticons" />
             </div>
             <div id="smileycbox"></div>
          </td>
       </tr></tbody>
    </table>
    <div id="chatbox_members" curpos="0" maxpos="460" pageincrement="144" increment="10">
    </div>
    <div id="chatbox" curpos="188" maxpos="325" pageincrement="0" increment="10"></div>
    <div id="chatbox_header" class="main-head">
       <h2 class="chatbox-title">Chatbox</h2> 
       <ul id="chatbox_main_options" class="chatbox-options">
          <li id="chatbox_option_autorefresh">
             <div id="sound"></div>
             <label for="audio">
                <a href="javascript:void(0)">Âm thanh</a> 
                <input type="checkbox" style="vertical-align: middle" checked="checked" id="audio" name="sound">
             </label>
              | 
             <label for="refresh_auto">
                <a onclick="fmvicbox()" href="javascript:void(0)">Cập nhật</a> 
                <input type="checkbox" style="vertical-align: middle" checked="checked" id="refresh_auto" name="refresh_auto">
             </label> | 
          </li>
          <li>         
                    <span style="display: none;" id="chatbox_option_co"><strong><a onclick="connect_ajaxC('connect')" href="javascript:void(0)">Đăng nhập</a></strong></span>
             <span id="chatbox_option_disco"><a onclick="connect_ajaxC('disconnect')" href="javascript:void(0)">Đăng xuất</a></span>
          </li>
       </ul>
    </div>
    <style>#chatbox .user span, .online-users li a span, .online-users li span, .away-users li a span, .away-users li span {display: none;}
    #chatbox .user a *, .online-users li a span:last-child, .away-users li a span:last-child {display: inline-block !important;}</style>
    </body></html>
    Để vô html rồi chèn code này vào index box:
    Code:
    <script type="text/javascript">
    jQuery(document).ready(function(){my_setcookie('mytid',jQuery("#logout").attr("href"),1,0);});
    </script>
    <iframe src="LINK TRANG HTML" scrolling="no" width="100%" height="340" style="border-width:0" marginwidth="0" marginheight="0"></iframe>

    #6 - Posted 18/1/2014, 16:26
    KủnKK

    KủnKK
    KủnKK

    KủnKK

    Group: Member

    Hiện đang:
    Bài viết : 84
    Points : 123
    Thanks : 23
    Đến từ : RiRo.Ace.St

    Member

    Member
    Bài viết thứ :7

    Đăng vào:18/1/2014, 16:56

    Member
    bạn đưa đầy đủ chatbox của bạn lên đây ^^

    #7 - Posted 18/1/2014, 16:56
    tommy_phan

    tommy_phan
    tommy_phan

    tommy_phan

    Group: Member

    Hiện đang:
    Bài viết : 248
    Points : 321
    Thanks : 45

    Member

    Member
    Bài viết thứ :8

    Đăng vào:18/1/2014, 17:59

    Member
    không được bác ơi

    #8 - Posted 18/1/2014, 17:59

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :9

    Đăng vào:

    #9 - Posted

    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Create a forum on Forumotion | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
    YOUR BANNER HERE
    728x90