You are not connected. Please login or register

  1. ☆SimonFounder

    avatar
    Giới tính :
    Nam
    Số bài viết :
    205
    Tham gia :
    20/01/2012
    ]Chức năng:
    1. Mở khung đăng nhập ngay tại trang đang xem.
    2. Sử dụng fancybox2 với hiệu ứng elastic.
    3. Không chuyển trang sau khi đăng nhập.


    Demo:

    Hướng dẫn:
    Bước 1: Cài đặt fancybox2.[You must be registered and logged in to see this link.] để xem hướng dẫn.
    Bước 2: Thêm vào cuối overall_footer_begin, trước javascript fancybox2
    ACP - Display - Templates - Ganeral - overall_footer_begin
    Code:
    <!-- BEGIN switch_user_logged_out -->
    <style type="text/css">
        .fancybox-inner {
            overflow: hidden!important
        }
        #loginFancy {
            width: 305px;
            padding: 0pt ! important;
            margin: -5px -5px -17px
        }
        #loginFancy .user_login_form {
            text-align: left
        }
        #loginFancy p {
            width:269px;
            padding: 5px;
            position: relative
        }
        #loginFancy .mainoption {
            padding: 4px 2px! important;
            border: 0;
            font-style: normal!important;
            font-weight: 500;
            border-radius: 0;
            margin-top: -5px;
        }
        #loginFancy .post {
            position: absolute;
            left: 80px;
            width:90px
        }
        #loginFancy .Rlogin {
            right:0;
            position: absolute
        }
    </style>
    <div style="display:none">
        <div id="loginFancy">
            <form action="/login" method="post" name="form_login">
                <div class="user_login_form main-box center">
                    <p>
                        <label>
                            <span class="genmed" style="">Tài khoản :</span>
                            <input type="text" class="post" size="10" name="username" />
                        </label> 
                        <label class="Rlogin">
                            <input type="checkbox" class="radio" name="autologin" checked="checked" />
                            <span class="gensmall">Ghi nhớ?</span>
                        </label>
                    </p>
                    <p>
                        <label>
                            <span class="genmed">Mật khẩu :&nbsp;</span>
                            <input type="password" class="post" size="10" name="password" />
                        </label>
                        <label class="Rlogin">
                            <input type="submit" class="mainoption" name="login" value="Đăng nhập" />
                        </label>
                    </p>
                </div>
            </form>
        </div>
    </div>
    <!-- END switch_user_logged_out -->

    Đặt javascript này vào cuối javascript fancybox2:
    Code:
    $("a[href='/login']:not('.message a')").removeAttr("href").attr("href", "#loginFancy");
    $("#loginFancy form").append('<input type="hidden" name="redirect" value="' + location.href + '" />');
    $("a[href='#loginFancy']").fancybox({
        fitToView: false,
        width: 305,
        minHeight: 63,
        height: 63,
        autoSize: false,
        closeClick: false,
        openEffect: 'elastic',
        closeEffect: 'elastic'
    });

    Viết bởi baivong

    - Lưu ý : Đặt javascript này vào cuối javascript fancybox2 . Tức là các bạn mở file js của fancybox ra và chèn code đó vào cuối js là được , nên dùng js của forum để tiện chỉnh sửa
  2. severkidNew members

    avatar
    Giới tính :
    Nam
    Số bài viết :
    3
    Tham gia :
    16/05/2012
    không đc anh ơi
  3. The_HellMembers

    avatar
    Giới tính :
    Nam
    Số bài viết :
    11
    Tham gia :
    11/06/2012
    trước tiên bạn phải làm fancybox ver2 trước rùi mới làm đc cái đăng nhập này =]]
  4. bismile1997New members

    avatar
    Giới tính :
    Nam
    Số bài viết :
    1
    Tham gia :
    15/06/2012
    làm rồi mà có đc đâu . cái bước "Đặt javascript này vào cuối javascript fancybox2:" ấy
  5. vuanhtuan51516New members

    avatar
    Giới tính :
    Nam
    Số bài viết :
    1
    Tham gia :
    18/06/2012
    Tức là các bạn mở file js của fancybox ra và chèn code đó vào cuối js
    mình không biết mở như thế nào, bạn có thể giúp đỡ mình được không, cám ơn nhìu lắm
  6. ☆SimonFounder

    avatar
    Giới tính :
    Nam
    Số bài viết :
    205
    Tham gia :
    20/01/2012
    bạn dow về mở ra với dạng ttext
  7. NamBertNew members

    avatar
    Số bài viết :
    1
    Tham gia :
    22/11/2014
    xem

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 | Create your own blog
© 2012 Zone-A7
FM PunBB - Rip by Simon