Web Game Private I Cộng Đồng Game Private

Diễn đàn giải trí Game Private thảo luận về game online, tin tức hàng ngày, game diện thoại, ứng dụng mobile


You are not connected. Please login or register

[Code] Sms hiệu ứng Bootstrap

Go down

1 on Mon Dec 31, 2012 10:01 am

avatar

Bài Viết : 560

Xu : 6711

Cảm ơn : 507

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://illiweb.com/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">

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











Ko thanks ta giết, ko comment ta giết, comment lãm nhãm ta cũng giết... [You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]
View user profile http://v-zones.forumvi.com
Tag:

View previous topic View next topic Back to top Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum

 
  • Free forum | © PunBB | Free forum support | Contact | Report an abuse | Create a forum on Forumotion