Diễn Đàn Phan Ri Club Online
Chào Mừng Bạn Đến Với PhanRiClub Diễn Đàn Giao Lưu Kết Nối Bạn Bè ! Hãy Đăng Kí Thành Viên Để Chia Sẽ Nhưng Thủ Thuật Mà Bạn Biết & Còn Nếu Là Thành Viên Hãy Đăng Nhập Chia Sẽ Bài Viết Các Bạn Nhé ! Diễn Đàn Mới Thành Lập Còn Nhiều Thiếu Sót Rất Mong Sự Đóng Góp Nhiệt Tình Cửa Các Bạn ! Xin Cảm Ơn Các Bạn Nhiều
    Đăng nhập hoặcđăng kýđể tham gia thảo luận trên diễn đàn




    You are not connected. Please login or register


    Bài viết : [Hướng Dẫn - Code] Bảng Đăng Nhập Trượt Phãi Forum


    Bài viết thứ :1
    Đăng vào:on Fri Jan 03, 2014 8:50 pm
    Admin

    Admin

    Admin

    avatar
    First topic message reminder :
    Demo


    Cách Làm:

    Chèn Vào Cuối Header:

    Code:
    <!-- BEGIN switch_user_logged_out -->
    <div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><div class="guestwarn">

    <form action="/login?redirect=/forum" method="post" name="form_login" class="loginform"><table class="c3z1" border="0" cellpadding="0" cellspacing="3"><tbody><tr><td onmouseover="showtip('<b>Nhập Tên và Mật khẩu để đăng nhập vào diễn đàn.</b>');" onmouseout="hidetip();"><input id="username" class="post" size="22" name="username" value="Tên đăng nhập" onblur="if(this.value=='') this.value='Tên đăng nhập';" onfocus="if(this.value=='Tên đăng nhập') this.value='';" type="text"></td><td nowrap="nowrap"><label><img src="http://www.c3zone.net/users/2611/10/63/87/album/rem10.png"><input class="radio" name="autologin" checked="checked" type="checkbox"></label></td></tr><tr><td onmouseover="showtip('<b>Nhập Tên và Mật khẩu để đăng nhập vào diễn đàn.</b>');" onmouseout="hidetip();"><input id="password" class="post" size="10" name="password" value="Password" onblur="if(this.value=='') this.value='Password';" onfocus="if(this.value=='Password') this.value='';" type="password"></td><td nowrap="nowrap"><input class="mainoption" name="login" value="Go!" type="submit"></td></tr></tbody></table></form>
    <a href="#tip" class="close" onclick="closeBox('message-1'); return false;" onmouseover="showtip('Thu hẹp khung đăng nhập lại.')" onmouseout="hidetip()"></a>
    </div><div class="amature" style="display:none;"><a href="#tip" class="dady" onmouseover="showtip('Mở rộng khung đăng nhập ra!')" onmouseout="hidetip()"><span class=" open"></span>
    </a>

    </div></td></tr></tbody></table></div>
      <!-- END switch_user_logged_out -->

    Chèn Vào CSS:
    Code:
    .guestwarn, .amature {
      background:#000;
      color:#fff;
      max-width:280px;
      min-height:18px;
      padding:0 5px 3px;
      position:fixed;
      right: 2%;
      top: 50%;
      padding: 10px 15px;
      position: fixed;
      z-index: 10;
      font-size:12px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      filter:alpha(opacity=88);
      -moz-opacity:.88;
      opacity:.88;
      -moz-box-shadow:5px 5px 5px #191919;
      -webkit-box-shadow:5px 5px 5px #191919;
      box-shadow:5px 5px 5px #191919;
     
    }
    .close {
      float: right;
      background: transparent url(http://illiweb.com/fa/pbucket.gif);
      width: 30px;
      height: 30px;
      position:fixed;
      right: 2%;
      top: 50%;
      position: fixed;
      z-index: 10;
      background-repeat:no-repeat;
    }
    .open {
      float: right;
      background: transparent url(http://illiweb.com/fa/pbucket.gif);
      width: 30px;
      height: 30px;
      position:fixed;
      right: 2%;
      top: 50%;
      position: fixed;
      z-index: 10;
      background-repeat:no-repeat;
    }
     #password, #subject, #username {
    padding : 1px 1px 1px 16px;
    width : 100px;
    }
    #password {
    background : #fff url(http://vnteen.co.cc/users/1113/13/44/26/avatars/gallery/pass1010.png)  no-repeat scroll left center;
    }
    #username {
    background : #fff url(http://c3zone.net/users/2611/10/63/87/album/id10.png)  no-repeat scroll left center;
    }

    Tạo HTML Và Chèn Code Sau Vào:
    Code:
    function hiendn(){
    jQuery(".guestwarn").fadeOut("slow",function() {
        jQuery(".amature").fadeIn("slow");
      
    })
    };
    function andn(){
    jQuery(".amature").fadeOut("slow",function() {
        jQuery(".guestwarn").fadeIn("slow");
     
      });
    };
     
    jQuery(document).ready(function(){
    jQuery(".close").click(function(){
    hiendn();
    });
    jQuery(".dady").click(function(){
    andn();
     
    });
    });

    Chèn Thêm Script Vào Header:
    Code:
    <script src="link trang HTML vừa tạo" type="text/javascript"></script>



    Được sửa bởi Admin ngày Wed Dec 21, 2016 2:34 pm; sửa lần 1.



    Hãy Cùng Mình Xây Dựng Diễn Đàn PhanRiClub Các Bạn Nhé

    Bài viết thứ :2
    Đăng vào:on Fri Mar 20, 2015 2:12 pm
    Admin

    Admin

    Admin

    avatar
    uppppppppppppppppppp



    Hãy Cùng Mình Xây Dựng Diễn Đàn PhanRiClub Các Bạn Nhé

    Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

    Permissions in this forum:
    Bạn không có quyền trả lời bài viết

     
    • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | www.sosblogs.com