Demo: forum mình

thay code hết vào mod new:

Code:

    <div class="main" style="position: fixed; bottom: 0;width: 100%;left: 0;margin-bottom: -2px;">
      <div class="tieude"><div class="page-title" style="float:left"><span class='thongbao' ><a  onmouseover="show_tooltip(this,'Ấn vào đây');" data-toggle="modal"  href="#myModal" >Gửi SMS</a></span></div>
    <a style="display: none;"title="Hotrofm.com" target="_blank" rel="nofollow" href="http://www.hotrofm.com/" class="copyright" name="bottom">© <font color="green">Hotrofm</font> - EDIT by <font color="red">the_dav</font></a>
        <div class="noidungthongbao" style="float:right;background:#fff;width: 90%;" width="600px">
    <marquee behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"
    scrollamount="1" scrolldelay="20" direction="left" truespeed="truespeed" style="padding: 5px;">
      <!-- BEGIN post_row -->
   
        <span onmouseover="show_tooltip(this,this.getElementsByTagName('div')[0].innerHTML,'Thông Báo');"
        onmouseout="hidetip();" style="color:#2F2F2F; font-size:11px">
            <b>
                <span class="gensmall" style="font-size: 9pt">
                    <b>
                        <span style="color:#FA0000">
                            <strong>{post_row.POSTER} </strong>
                        </span>
                    </b>
                </span>
            </b>
            <span style="font-size: 9pt"> :  </span>
            <span style="color:#FF009A;font-weight:bold;font-size: 9pt"> {post_row.TITLE} </span>
            <div style="display: none;"> gửi vào lúc {post_row.TIME} ...</div>
        </span>:
        <span class="lovemes1" style="font-size: 9pt">
            <font color="blue"> {post_row.TEXT}</font>
        </span>
        <span style="padding: 0px 40px"></span>

      <!-- END post_row -->
      </marquee>
      </div>
    </div>
    </div>

         
       
       
    <!-- BEGIN switch_user_logged_in -->
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

      <div class="modal-body">
          <form action="/post" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0);"
    enctype="multipart/form-data">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <tbody>
                <tr>
                    <td width="12%" nowrap="nowrap">
                        <span class="gen">
                            <b>Gửi đến :</b>
                        </span>
                    </td>
                    <td width="88%">
                        <table cellspacing="0" cellpadding="0">
                            <tbody>
                                <tr>
                                    <td width="60%">
                                        <input class="post gen" style="width:200px; display:inline" type="text"
                                        name="subject" value="Tất cả thành viên" onblur="if(this.value=='') this.value='Tất cả thành viên';"
                                        onfocus="if(this.value=='Tất cả thành viên') this.value='';" size="45" maxlength="40"
                                        tabindex="2" title="" onkeypress="if (event.keyCode==13){return false}">
                                    </td>
                               
                                      <td width="40%"><a onMouseOver="_tooltip(this, 'Chèn emoticon vào thông điệp, 'Thông báo');" onMouseOut="hidetip();" id="emoclik" style="font-size:10px" href="#emo"><b>Emoticon</b></a><a onMouseOver="show_tooltip(this, 'Chèn emoticon vào thông điệp, 'Thông báo');" onMouseOut="hidetip();" id="emoclik2" style="font-size:10px;display:none;" href="#emo"><b>Ẩn Emo</b></a></td>
                                   
                                    <td align="right" width="40">
                                        <input onClick="set_solved(this.form.elements['subject'],'» '), dongtimo()" class="btn btn-primary" style="float:right" type="submit" name="post" value="Gửi ..." tabindex="6" accesskey="s" />
                                    </td>
                                 
                                </tr>
                               
                                <tr>
                      <td></td>
                   
                    </tr>
                               
                               
                               
                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr>
                  <td nowrap="nowrap" valign="top"><p style="padding: 2px;"></p><span class="gen"><b>Lời nhắn :</b></span><br></td><br />
                      <td valign="top"><p style="padding: 2px;"></p><textarea id="c3z_lovemess" class="gen" style="width: 100%; height: 100px; display: inline;" onClick="storeCaret(this)" onKeyUp="storeCaret(this)" name="message" rows="1" cols="35" tabindex="3" onSelect="storeCaret(this)" wrap="virtual"></textarea></td>
                    </tr>
                    <tr>
                      <td></td>
                      </tr>
                <tr>
                    <td id="security"></td>
      <td><div id="xong" style="width: 100%; height: auto; margin-top: 6px; display: block;"> </div>
                  </td>
                </tr>
            </tbody>
        </table>
        <b>
            <input type="hidden" name="lt" value="0">
            <input type="hidden" name="mode" value="newtopic">
            <input type="hidden" name="f" value="1">
        </b>
    </form>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
   
      </div>
    </div>
    <!-- END switch_user_logged_in -->
           
    <!-- BEGIN switch_user_logged_out -->
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

      <div class="modal-body">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                <td class="starsTitle" height="25">
                  <span class="genmed module-title"><center>Bạn phải đăng nhập để gửi Thông điệp</center></span>
                </td>
            </tr>
            <tr>
                <td>
                    <form action="/login" method="post">
                        <table align="center" width="100%" border="0" cellspacing="1" cellpadding="3">
                            <tr>
                                <td align="center" width="50%">
                                    <span class="gen">Tài khoản:</span>
                                </td>
                                <td align="center" width="50%">
                                    <span class="gen">Mật khẩu:</span>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="position:relative;padding-right:5px;">
                                    <input type="text" name="username" value="" size="20" maxlength="40" style="width:100%;"
                                    />
                                </td>
                                <td align="center" style="position:relative;padding-right:5px;">
                                    <input type="password" name="password" size="20" maxlength="32" style="width:100%;">
                                </td>
                            </tr>
                            <tr align="center">
                                <td colspan="2">
                                    <span class="gen">Đăng nhập tự động mỗi khi truy cập:
                                        <input type="checkbox" name="autologin"
                                        checked="checked">
                                    </span>
                                </td>
                            </tr>
                            <tr align="center">
                              <td colspan="2"><br />
                                    <input class="mainoption" type="submit" name="login" value="Đăng Nhập">
                                </td>
                            </tr>
                            <tr align="center">
                                <td colspan="2">
                                    <span class="gensmall">
                                        <a class="gensmall" href="/profile?mode=sendpassword" rel="nofollow">:: Quên mật khẩu</a>
                                    </span>
                                </td>
                            </tr>
                        </table>
                    </form>
                </td>
            </tr>
        </table>
    </div>
              <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
   
      </div>
    </div>
    <!-- END switch_user_logged_out -->
    <script src="http://hotro64.forumvi.com/11847.js"></script>
            <script>
              jQuery("#emoclik").click(function(){
        jQuery(this).hide();
        jQuery("#emoclik2").show();
        jQuery("#c3z_lovemess").animate({
        height:"-=50"
        },2000);
        jQuery.ajax({
        type:"POST",
        url:"/h40-page",
        success:function(emo){
        jQuery("#xong").html(emo).show("slow");}
        });
    });
    jQuery("#emoclik2").click(function(){
        jQuery(this).hide();
        jQuery("#emoclik").show();
        jQuery("#c3z_lovemess").animate({
        height:"+=50"
        },2000);
        jQuery.ajax({
        type:"POST",
        url:"/h40-page",
        success:function(emo){
        jQuery("#xong").html(emo).hide("slow");}
        });
    });
    jQuery("#security").load("/post?f=1&mode=newtopic input[name^=auth]");
              </script>
   


   

            <style type="text/css">
    @charset "utf-8";
    .lovemes1 table, .lovemes1 div, .lovemes1 hr, .lovemes1 br, .lovemes1 embed{display:none!important}
    .lovemes1 {font-weight:bold; font-size:11px}
    .lovemes1 img {margin-top: -2px;vertical-align: middle; max-height:24px}
              .tdyt {
    height: 295px;
    border-left-color: black;
    border-right-color: black;
    background-color: transparent;
    padding: 10px 20px 0;
    overflow: auto;
    width: 710px;
    }
              .main .tieude .page-title {
    background:#fff;
    opacity:0.8;
    padding:5px;
    }

    .main .tieude {
    height:28px;
    border:1px solid #133783;
    -webkit-box-shadow:0 2px 2px -2px rgba(0,0,0,.52);
    font-size:12px;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight:700;
    color:#000;
    background:url(http://2img.net/i/fa/fdf3/bg_cat.png) repeat-x #1675BC;
    padding:6px;
    }

    .noidungthongbao {
    height:27px!important;
    padding:0;
    }
    .btn {
      display: inline-block;
      *display: inline;
      padding: 4px 12px;
      margin-bottom: 0;
      *margin-left: .3em;
      font-size: 14px;
      line-height: 20px;
      *line-height: 20px;
      color: #333333;
      text-align: center;
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
      vertical-align: middle;
      cursor: pointer;
      background-color: #f5f5f5;
      *background-color: #e6e6e6;
      background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
      background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
      background-repeat: repeat-x;
      border: 1px solid #bbbbbb;
      *border: 0;
      border-color: #e6e6e6 #e6e6e6 #bfbfbf;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      border-bottom-color: #a2a2a2;
      -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
              border-radius: 4px;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
      *zoom: 1;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
              box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .btn:hover,
    .btn:active,
    .btn.active,
    .btn.disabled,
    .btn[disabled] {
      color: #333333;
      background-color: #e6e6e6;
      *background-color: #d9d9d9;
    }

    .btn:active,
    .btn.active {
      background-color: #cccccc \9;
    }

    .btn:first-child {
      *margin-left: 0;
    }

    .btn:hover {
      color: #333333;
      text-decoration: none;
      background-color: #e6e6e6;
      *background-color: #d9d9d9;
      /* Buttons in IE7 don't get borders, so darken on hover */

      background-position: 0 -15px;
      -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
          -o-transition: background-position 0.1s linear;
              transition: background-position 0.1s linear;
    }



    .btn {
      border-color: #c5c5c5;
      border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    }

    .btn-primary {
      color: #ffffff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #006dcc;
      *background-color: #0044cc;
      background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
      background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
      background-image: -o-linear-gradient(top, #0088cc, #0044cc);
      background-image: linear-gradient(to bottom, #0088cc, #0044cc);
      background-repeat: repeat-x;
      border-color: #0044cc #0044cc #002a80;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
      color: #ffffff;
      background-color: #0044cc;
      *background-color: #003bb3;
    }

    .btn-primary:active,
    .btn-primary.active {
      background-color: #003399 \9;
    }



    .btn-inverse:hover,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
      color: #ffffff;
      background-color: #222222;
      *background-color: #151515;
    }

    .btn-inverse:active,
    .btn-inverse.active {
      background-color: #080808 \9;
    }

    button.btn,
    input[type="submit"].btn {
      *padding-top: 3px;
      *padding-bottom: 3px;
    }

    button.btn::-moz-focus-inner,
    input[type="submit"].btn::-moz-focus-inner {
      padding: 0;
      border: 0;
    }

    button.btn.btn-large,
    input[type="submit"].btn.btn-large {
      *padding-top: 7px;
      *padding-bottom: 7px;
    }

    button.btn.btn-small,
    input[type="submit"].btn.btn-small {
      *padding-top: 3px;
      *padding-bottom: 3px;
    }

    button.btn.btn-mini,
    input[type="submit"].btn.btn-mini {
      *padding-top: 1px;
      *padding-bottom: 1px;
    }

    .btn-link,
    .btn-link:active,
    .btn-link[disabled] {
      background-color: transparent;
      background-image: none;
      -webkit-box-shadow: none;
        -moz-box-shadow: none;
              box-shadow: none;
    }

    .btn-link {
      color: #0088cc;
      cursor: pointer;
      border-color: transparent;
      -webkit-border-radius: 0;
        -moz-border-radius: 0;
              border-radius: 0;
    }

    .btn-link:hover {
      color: #005580;
      text-decoration: underline;
      background-color: transparent;
    }

    .btn-link[disabled]:hover {
      color: #333333;
      text-decoration: none;
    }


    .alert {
      padding: 8px 35px 8px 14px;
      margin-bottom: 20px;
      color: #c09853;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
      background-color: #fcf8e3;
      border: 1px solid #fbeed5;
      -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
              border-radius: 4px;
    }


    .close {
      float: right;
      font-size: 20px;
      font-weight: bold;
      line-height: 20px;
      color: #000000;
      text-shadow: 0 1px 0 #ffffff;
      opacity: 0.2;
      filter: alpha(opacity=20);
    }

    .close:hover {
      color: #000000;
      text-decoration: none;
      cursor: pointer;
      opacity: 0.4;
      filter: alpha(opacity=40);
    }

    button.close {
      padding: 0;
      cursor: pointer;
      background: transparent;
      border: 0;
      -webkit-appearance: none;
    }


    .fade {
      opacity: 0;
      -webkit-transition: opacity 0.15s linear;
        -moz-transition: opacity 0.15s linear;
          -o-transition: opacity 0.15s linear;
              transition: opacity 0.15s linear;
    }

    .fade.in {
      opacity: 1;
    }


    .hide {
      display: none;
    }

    .show {
      display: block;
    }




    .modal-backdrop.fade {
      opacity: 0;
    }

    .modal-backdrop,
    .modal-backdrop.fade.in {
      opacity: 0.8;
      filter: alpha(opacity=80);
    }

    .modal {
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 999;
      width: 560px;
      margin: -250px 0 0 -280px;
      background-color: #ffffff;
      border: 1px solid #999;
      border: 1px solid rgba(0, 0, 0, 0.3);
      *border: 1px solid #999;
      -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
              border-radius: 6px;
      outline: none;
      -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
              box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
      -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
              background-clip: padding-box;
    }

    .modal.fade {
      top: -25%;
      -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
          -o-transition: opacity 0.3s linear, top 0.3s ease-out;
              transition: opacity 0.3s linear, top 0.3s ease-out;
    }

    .modal.fade.in {
      top: 50%;
    }

    .modal-header {
      padding: 9px 15px;
      border-bottom: 1px solid #eee;
    }

    .modal-header .close {
      margin-top: 2px;
    }

    .modal-header h3 {
      margin: 0;
      line-height: 30px;
    }

    .modal-body {
      max-height: 400px;
      padding: 15px;
      overflow-y: auto;
    }

    .modal-form {
      margin-bottom: 0;
    }

    .modal-footer {
      padding: 14px 15px 15px;
      margin-bottom: 0;
      text-align: right;
      background-color: #f5f5f5;
      border-top: 1px solid #ddd;
      -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
              border-radius: 0 0 6px 6px;
      *zoom: 1;
      -webkit-box-shadow: inset 0 1px 0 #ffffff;
        -moz-box-shadow: inset 0 1px 0 #ffffff;
              box-shadow: inset 0 1px 0 #ffffff;
    }

    .modal-footer:before,
    .modal-footer:after {
      display: table;
      line-height: 0;
      content: "";
    }

    .modal-footer:after {
      clear: both;
    }

    .modal-footer .btn + .btn {
      margin-bottom: 0;
      margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
      margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
      margin-left: 0;
    }

    </style>

ACP> QLTT> Forum> Categories & Forum
- tạo 1 Forum (diễn đàn) đặt tên là Thông điệp yêu thương
để lưu giữ những dòng thông điệp
- bấm Save
- ra ngòai Index, bấm vào Box Thông điệp yêu thương vừa tạo
- nhìn lên thanh address sẽ thấy link
ví dụ của 4rumgamemaster
[You must be registered and logged in to see this link.]
>>> Số thứ tự của Box Thông điệp yêu thương là 97.

- Tìm trong Mod_News:

Code:

<input type="hidden" name="f" value="1">

và

Code:

jQuery("#security").load("/post?f=1&mode=newtopic input[name^=auth]");

- Thay số 1 bằng số ở box thông điệp yêu thương bạn đã tạo.

tiếp theo
Lấy emoticon:
- Truy cập

Code:

http://link forum bạn/smilies.forum?mode=smilies_frame

nhấn ctrl+ U để viewsource toàn bộ emoticon và tạo 1 trang html mới với tên emoticon( nhớ link html nhé)
tìm trong html vừa tạo đổi tên emoticonp thành emoticon (có bao nhiêu thì đổi hết nhé)

- Lấy cái link dẫn trang html vừa tạo thay cho

Code:

/h40-page

ở trong mod_news lúc nãy

ví dụ của 4rgamemaster là [You must be registered and logged in to see this link.] thì lấy /h20-page thay vào /h40-page

muốn cho nó lên trên cùng giống Gamemaster thì
tìm:

Code:

<div class="main" style="position: fixed; bottom: 0;width: 100%;left: 0;margin-bottom: -2px;">


thay thành

Code:

<div class="main" style="position: fixed; top: 0;width: 100%;left: 0;margin-top: -2px;">

Nguồn: HotroFm