Đư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

[Share] Form đăng nhập không chuyển trang- Form Login With Jquery

Trang 3 trong tổng số 7 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5, 6, 7  Next

  • Please log in to post a topic

  • alexanderraiback1

    alexanderraiback1
    alexanderraiback1

    alexanderraiback1

    Group: Member

    Hiện đang:
    Bài viết : 64
    Points : 103
    Birthday : 18/03/1996
    Thanks : 37

    Member

    Member
    Bài viết thứ :1

    Đăng vào:4/6/2012, 16:06

    Member
    First topic message reminder :

    demo :[Share] Form đăng nhập không chuyển trang- Form Login With Jquery - Page 3 7810
    Chức năng:
    - Giúp bạn làm cho Form Login đẹp và dễ dàng sử dụng. Sử dụng hiệu ứng Pop-up tương tự như Fancybox.
    - Login không bị chuyển sang trang khác.

    Hướng dẫn:


    Bước 1: Thêm vào CSS


    ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:
    Code:

    #mask {
        display: none;
        background: #000;
       position: fixed; left: 0; top: 0;    
        width: 100%; height: 100%;
        opacity: 0.8;
        z-index: 9;
        
      }

    /* You can customize to your needs  */
    .login-popup{
          
        display:none;
        background: #333;
        padding: 10px;    
        border: 2px solid #ddd;
        float: left;
        font-size: 1.2em;
        position: fixed;
        top: 50%; left: 50%;
        z-index: 999;
        box-shadow: 0px 0px 20px #999; /* CSS3 */
            -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
            -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
        border-radius:3px 3px 3px 3px;
            -moz-border-radius: 3px; /* Firefox */
            -webkit-border-radius: 3px; /* Safari, Chrome */
    }

    img.btn_close { Position the close button
        float: right;
       margin: -28px -28px 0 0;
    }

    fieldset {
       border:none;
    }

    form.signin .textbox label {
       display:block;
       padding-bottom:7px;
    }

    form.signin .textbox span {
       display:block;
    }

    form.signin p, form.signin span {
       color:#999;
       font-size:11px;
       line-height:18px;
    }

    form.signin .textbox input {
       background:#666666;
       border-bottom:1px solid #333;
        border-left:1px solid #000;
        border-right:1px solid #333;
        border-top:1px solid #000;
        color:#fff;
           border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        font:13px Arial, Helvetica, sans-serif;
        padding:6px 6px 4px;
        width:200px;
    }

    form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
    form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

    .button {
       background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
        background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
        background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
        border-color:#000;
       border-width:1px;
            border-radius:4px 4px 4px 4px;
        -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
        color:#333;
        cursor:pointer;
        display:inline-block;
        padding:6px 6px 4px;
        margin-top:10px;
        font:12px;
       width:214px;
    }
    .button:hover { background:#ddd; }
    Bước 2: Thêm vào cuối overall_footer_begin
    ACP - Display - Templates - Ganeral - overall_footer_begin:
    Code:


    <a href="/register" class="login-window">register</a>
    <a href="/login" class="login-window">Login / Sign In</a>
    <div id="login" class="login-popup">
            <a href="#" class="close"><img src="http://i1086.photobucket.com/albums/j446/alexanderraiback/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>
              <form action="/login?redirect=/forum" method="post" name="form_login" id="login-vds"class="signin">
                    <fieldset class="textbox">
                   <label class="username">
                    <span>Username or email</span>
                      <input id="username" name="username" value="" type="text" autocomplete="on" placeholder="Username"/>
                    </label>
                    <label class="password">
                    <span>Password</span>
                      <input id="password" name="password" value="" type="password" placeholder="Password"/>
                    </label>
                    <button id="bt_login" name="login" class="submit button" type="button submit">Sign in</button>
                    <p>
                    <a class="forgot" href="/profile?mode=sendpassword">Forgot your password?</a>
                    </p>        
                    </fieldset>
              </form>
    </div>

                    
    Bước 3: Thêm vào Javascript
    ACP - Modules - Javascript codes management:
    Code:

    /*var Nghiêm cấm mọi hành vi sao chép không ghi nguồn. Xin hãy ghi nguồn(dethicasio.info) nếu bạn copy code này sang trang khác, hoặc xin liên hệ qua yahoo [You must be registered and logged in to see this link.]) để biết thêm chi tiết.*/
    $("a[href='/login']:not('.message a')").removeAttr("href").attr("href", "#login");
    $("#loginFancy form").append('<input type="hidden" name="redirect" value="' + location.href + '" />');
    $("a[href='#login']").click(function() {
          //Getting the variable's value from a link
         var loginBox = $(this).attr('href');

          //Fade in the Popup
          $(loginBox).fadeIn(300);
          
          //Set the center alignment padding + border see css style
          var popMargTop = ($(loginBox).height() + 24) / 2;
         var popMargLeft = ($(loginBox).width() + 24) / 2;
         
          $(loginBox).css({
            'margin-top' : -popMargTop,
             'margin-left' : -popMargLeft
          });
                
          
          // Add the mask to body
          $('body').append('<div id="mask"></div>');
          $('#mask').fadeIn(300);
          
          return false;
       });
      
      // When clicking on the button close or the mask layer the popup closed
       $('a.close, #mask').live('click', function() {
        $('#mask , .login-popup').fadeOut(300 , function() {
          $('#mask').remove();  
       });
                  return false;
       });

    #1 - Posted 4/6/2012, 16:06
    Ivanaruto

    Ivanaruto
    Ivanaruto

    Ivanaruto

    Group: Member

    Hiện đang:
    Bài viết : 21
    Points : 24
    Thanks : 3

    Member

    Member
    Bài viết thứ :51

    Đăng vào:22/8/2012, 20:07

    Member
    a vẻ

    #51 - Posted 22/8/2012, 20:07
    olokers

    olokers
    olokers

    olokers

    Group: Member

    Hiện đang:
    Bài viết : 362
    Points : 419
    Birthday : 17/01/1989
    Thanks : 50

    Member
    http://kame.forumtl.com

    Member
    Bài viết thứ :52

    Đăng vào:22/8/2012, 20:38

    Member
    try

    #52 - Posted 22/8/2012, 20:38
    http://kame.forumtl.com
    tuancfno05

    tuancfno05
    tuancfno05

    tuancfno05

    Group: S.mod

    Hiện đang:
    Bài viết : 555
    Points : 755
    Thanks : 140
    Đến từ : http://vn-answer.123.st/

    S.mod
    http://vn-answer.123.st/

    S.mod
    Bài viết thứ :53

    Đăng vào:22/8/2012, 20:46

    S.mod
    xem

    #53 - Posted 22/8/2012, 20:46
    http://vn-answer.123.st/
    ngoctuan_py

    ngoctuan_py
    ngoctuan_py

    ngoctuan_py

    Group: Member

    Hiện đang:
    Bài viết : 300
    Points : 361
    Thanks : 55

    Member

    Member
    Bài viết thứ :54

    Đăng vào:26/8/2012, 18:09

    Member
    coi

    #54 - Posted 26/8/2012, 18:09
    Lạnh Lùng

    Lạnh Lùng
    Lạnh Lùng

    Lạnh Lùng

    Group: Member

    Hiện đang:
    Bài viết : 151
    Points : 166
    Thanks : 9

    Member

    Member
    Bài viết thứ :55

    Đăng vào:27/8/2012, 08:49

    Member
    xem

    #55 - Posted 27/8/2012, 08:49
    conktco

    conktco
    conktco

    conktco

    Group: Member

    Hiện đang:
    Bài viết : 80
    Points : 90
    Thanks : 4

    Member

    Member
    Bài viết thứ :56

    Đăng vào:27/8/2012, 09:38

    Member
    abcv

    #56 - Posted 27/8/2012, 09:38
    ngochanh

    ngochanh
    ngochanh

    ngochanh

    Group: Member

    Hiện đang:
    Bài viết : 214
    Points : 379
    Birthday : 24/04/1981
    Thanks : 151

    Member
    http://www.nhaccuatui.com

    Member
    Bài viết thứ :57

    Đăng vào:27/8/2012, 10:20

    Member
    coi

    #57 - Posted 27/8/2012, 10:20
    http://www.nhaccuatui.com
    sang11t1d

    sang11t1d
    sang11t1d

    sang11t1d

    Group: Member

    Hiện đang:
    Bài viết : 28
    Points : 50
    Thanks : 0

    Member

    Member
    Bài viết thứ :58

    Đăng vào:27/8/2012, 10:52

    Member
    xem

    #58 - Posted 27/8/2012, 10:52
    brakb2

    brakb2
    brakb2

    brakb2

    Group: Member

    Hiện đang:
    Bài viết : 40
    Points : 47
    Thanks : 7

    Member

    Member
    Bài viết thứ :59

    Đăng vào:8/9/2012, 19:22

    Member
    xem

    #59 - Posted 8/9/2012, 19:22
    congdong

    congdong
    congdong

    congdong

    Group: Member

    Hiện đang:
    Bài viết : 333
    Points : 461
    Birthday : 14/11/1995
    Thanks : 46

    Member
    http://congdong.123.st

    Member
    Bài viết thứ :60

    Đăng vào:25/9/2012, 20:17

    Member
    oy```

    #60 - Posted 25/9/2012, 20:17
    http://congdong.123.st
    doansinhak44

    doansinhak44
    doansinhak44

    doansinhak44

    Group: Member

    Hiện đang:
    Bài viết : 80
    Points : 82
    Thanks : 0

    Member

    Member
    Bài viết thứ :61

    Đăng vào:26/9/2012, 03:40

    Member
    [You must be registered and logged in to see this link.]

    #61 - Posted 26/9/2012, 03:40
    Anonymous

    Khách vi
    Anonymous

    Khách vi

    Group: Khách viếng thăm

    Hiện đang:

    Khách viếng thăm
    Bài viết thứ :62

    Đăng vào:30/9/2012, 15:54

    xem

    #62 - Posted 30/9/2012, 15:54
    Zin_Ken

    Zin_Ken
    Zin_Ken

    Zin_Ken

    Group: Member

    Hiện đang:
    Bài viết : 343
    Points : 435
    Thanks : 26

    Member

    Member
    Bài viết thứ :63

    Đăng vào:30/9/2012, 17:12

    Member
    xe

    #63 - Posted 30/9/2012, 17:12
    doannamthai

    doannamthai
    doannamthai

    doannamthai

    Group: Member

    Hiện đang:
    Bài viết : 362
    Points : 498
    Thanks : 86

    Member

    Member
    Bài viết thứ :64

    Đăng vào:3/10/2012, 18:57

    Member
    đ

    #64 - Posted 3/10/2012, 18:57
    truongchun

    truongchun
    truongchun

    truongchun

    Group: Member

    Hiện đang:
    Bài viết : 338
    Points : 431
    Birthday : 15/04/1990
    Thanks : 83

    Member

    Member
    Bài viết thứ :65

    Đăng vào:3/10/2012, 20:03

    Member
    mới à?

    #65 - Posted 3/10/2012, 20:03
    Tớ Là Đăng™

    Tớ Là Đăng™
    Tớ Là Đăng™

    Tớ Là Đăng™

    Group: Member

    Hiện đang:
    Bài viết : 118
    Points : 134
    Birthday : 18/02/1994
    Thanks : 14

    Member

    Member
    Bài viết thứ :66

    Đăng vào:5/10/2012, 14:46

    Member
    xem

    #66 - Posted 5/10/2012, 14:46
    sagittaurius

    sagittaurius
    sagittaurius

    sagittaurius

    Group: Member

    Hiện đang:
    Bài viết : 269
    Points : 322
    Thanks : 37
    Đến từ : vngamer.ace.st

    Member

    Member
    Bài viết thứ :67

    Đăng vào:5/10/2012, 15:41

    Member
    s

    #67 - Posted 5/10/2012, 15:41
    steelis

    steelis
    steelis

    steelis

    Group: Member

    Hiện đang:
    Bài viết : 244
    Points : 322
    Thanks : 48

    Member

    Member
    Bài viết thứ :68

    Đăng vào:5/10/2012, 23:37

    Member
    1234

    #68 - Posted 5/10/2012, 23:37
    Masterpiece

    Masterpiece
    Masterpiece

    Masterpiece

    Group: Member

    Hiện đang:
    Bài viết : 162
    Points : 258
    Birthday : 06/06/1996
    Thanks : 94

    Member
    http://tapdoanmonster.ace.st

    Member
    Bài viết thứ :69

    Đăng vào:5/10/2012, 23:39

    Member
    tờ ét tét

    #69 - Posted 5/10/2012, 23:39
    http://tapdoanmonster.ace.st
    Sandylove

    Sandylove
    Sandylove

    Sandylove

    Group: Member

    Hiện đang:
    Bài viết : 109
    Points : 155
    Thanks : 14

    Member

    Member
    Bài viết thứ :70

    Đăng vào:6/10/2012, 01:52

    Member
    xem

    #70 - Posted 6/10/2012, 01:52
    chantroiay

    chantroiay
    chantroiay

    chantroiay

    Group: Member

    Hiện đang:
    Bài viết : 149
    Points : 163
    Thanks : 6

    Member

    Member
    Bài viết thứ :71

    Đăng vào:6/10/2012, 13:37

    Member
    cảm ơn bạn

    #71 - Posted 6/10/2012, 13:37
    omg

    omg
    omg

    omg

    Group: Member

    Hiện đang:
    Bài viết : 113
    Points : 140
    Thanks : 23

    Member

    Member
    Bài viết thứ :72

    Đăng vào:6/10/2012, 14:40

    Member
    cám ơn nhiều

    #72 - Posted 6/10/2012, 14:40
    người vô hình

    người vô hình
    người vô hình

    người vô hình

    Group: Moderagerator

    Hiện đang:
    Bài viết : 547
    Points : 814
    Thanks : 188

    Moderagerator

    Moderagerator
    Bài viết thứ :73

    Đăng vào:5/11/2012, 05:45

    Moderagerator
    xem

    #73 - Posted 5/11/2012, 05:45
    zualuoi

    zualuoi
    zualuoi

    zualuoi

    Group: Member

    Hiện đang:
    Bài viết : 653
    Points : 1309
    Thanks : 510

    Member
    http://www.xaydungthanhhoa.com/

    Member
    Bài viết thứ :74

    Đăng vào:5/11/2012, 08:05

    Member
    đang đợi đó

    #74 - Posted 5/11/2012, 08:05
    http://www.xaydungthanhhoa.com/
    Pi Delta ( Nguyễn )

    Pi Delta ( Nguyễn )
    Pi Delta ( Nguyễn )

    Pi Delta ( Nguyễn )

    Group: Member

    Hiện đang:
    Bài viết : 275
    Points : 283
    Thanks : 12

    Member

    Member
    Bài viết thứ :75

    Đăng vào:5/11/2012, 18:36

    Member
    xem

    #75 - Posted 5/11/2012, 18:36

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :76

    Đăng vào:

    #76 - Posted

    Trang 3 trong tổng số 7 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5, 6, 7  Next

    Đ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

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