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

  • avatar

    alexanderraiback1
    avatar

    alexanderraiback1

    Group: Member

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

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :1

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

    Member
    First topic message reminder :

    demo :
    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 on 4/6/2012, 16:06
    Xem lý lịch thành viên
    avatar

    ™♣♣Have•Fun♣♣™
    avatar

    ™♣♣Have•Fun♣♣™

    Group: Member

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

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :76

    Đăng vào:on 11/11/2012, 13:16

    Member
    xem

    #76 - Posted on 11/11/2012, 13:16
    Xem lý lịch thành viên

    vientaycu

    vientaycu

    Group: Member

    Hiện đang:
    Bài viết : 290
    Points : 339
    Thanks : 35

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :77

    Đăng vào:on 11/11/2012, 15:45

    Member
    xem

    #77 - Posted on 11/11/2012, 15:45
    Xem lý lịch thành viên
    avatar

    Chiến Thương
    avatar

    Chiến Thương

    Group: Member

    Hiện đang:
    Bài viết : 173
    Points : 241
    Thanks : 18

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :78

    Đăng vào:on 16/11/2012, 14:36

    Member
    có được không vậy

    #78 - Posted on 16/11/2012, 14:36
    Xem lý lịch thành viên
    avatar

    AnHung
    avatar

    AnHung

    Group: Designs Skin

    Hiện đang:
    Bài viết : 590
    Points : 1460
    Birthday : 04/01/1993
    Thanks : 742
    Đến từ : BMT

    Designs Skin
    Xem lý lịch thành viên http://www.anhung.info

    Designs Skin
    Bài viết thứ :79

    Đăng vào:on 19/11/2012, 20:27

    Designs Skin
    xem nào 1234

    #79 - Posted on 19/11/2012, 20:27
    Xem lý lịch thành viên http://www.anhung.info
    avatar

    mansor
    avatar

    mansor

    Group: Member

    Hiện đang:
    Bài viết : 152
    Points : 156
    Thanks : 6

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :80

    Đăng vào:on 15/12/2012, 02:26

    Member
    thnx

    #80 - Posted on 15/12/2012, 02:26
    Xem lý lịch thành viên
    avatar

    mr.max
    avatar

    mr.max

    Group: Member

    Hiện đang:
    Bài viết : 259
    Points : 314
    Thanks : 25

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :81

    Đăng vào:on 4/2/2013, 14:56

    Member
    xem

    #81 - Posted on 4/2/2013, 14:56
    Xem lý lịch thành viên
    avatar

    ichkiviai
    avatar

    ichkiviai

    Group: Member

    Hiện đang:
    Bài viết : 307
    Points : 417
    Thanks : 32

    Member
    Xem lý lịch thành viên http://vncnhot.forumvi.com/

    Member
    Bài viết thứ :82

    Đăng vào:on 5/2/2013, 18:27

    Member
    22222222222

    #82 - Posted on 5/2/2013, 18:27
    Xem lý lịch thành viên http://vncnhot.forumvi.com/
    avatar

    nh0xkduy2011
    avatar

    nh0xkduy2011

    Group: Member

    Hiện đang:
    Bài viết : 90
    Points : 104
    Birthday : 01/01/2001
    Thanks : 14

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :83

    Đăng vào:on 15/2/2013, 03:36

    Member
    gr

    #83 - Posted on 15/2/2013, 03:36
    Xem lý lịch thành viên
    avatar

    thanhantran_113
    avatar

    thanhantran_113

    Group: Member

    Hiện đang:
    Bài viết : 26
    Points : 29
    Birthday : 18/03/1995
    Thanks : 3

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :84

    Đăng vào:on 16/2/2013, 17:12

    Member
    k

    #84 - Posted on 16/2/2013, 17:12
    Xem lý lịch thành viên
    avatar

    zzfalbeszz2000
    avatar

    zzfalbeszz2000

    Group: Member

    Hiện đang:
    Bài viết : 121
    Points : 131
    Thanks : 6

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :85

    Đăng vào:on 24/2/2013, 10:53

    Member
    xem

    #85 - Posted on 24/2/2013, 10:53
    Xem lý lịch thành viên
    avatar

    Stanwoby
    avatar

    Stanwoby

    Group: Member

    Hiện đang:
    Bài viết : 482
    Points : 540
    Thanks : 46
    Đến từ : Không Nói Đâu =))

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :86

    Đăng vào:on 24/2/2013, 10:56

    Member
    xem

    #86 - Posted on 24/2/2013, 10:56
    Xem lý lịch thành viên
    avatar

    havanqui
    avatar

    havanqui

    Group: Member

    Hiện đang:
    Bài viết : 266
    Points : 311
    Thanks : 29

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :87

    Đăng vào:on 28/2/2013, 23:37

    Member
    xem

    #87 - Posted on 28/2/2013, 23:37
    Xem lý lịch thành viên
    avatar

    HUNTER MAKER
    avatar

    HUNTER MAKER

    Group: Member

    Hiện đang:
    Bài viết : 7
    Points : 8
    Thanks : 1

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :88

    Đăng vào:on 2/3/2013, 10:28

    Member
    fucks your mader chupy bastard

    #88 - Posted on 2/3/2013, 10:28
    Xem lý lịch thành viên
    avatar

    Khai•Tâm
    avatar

    Khai•Tâm

    Group: Member

    Hiện đang:
    Bài viết : 170
    Points : 232
    Thanks : 33

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :89

    Đăng vào:on 2/3/2013, 11:04

    Member
    xem

    #89 - Posted on 2/3/2013, 11:04
    Xem lý lịch thành viên
    avatar

    Vladcristian
    avatar

    Vladcristian

    Group: Member

    Hiện đang:
    Bài viết : 12
    Points : 12
    Birthday : 29/11/1993
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :90

    Đăng vào:on 3/3/2013, 19:34

    Member
    PPV

    #90 - Posted on 3/3/2013, 19:34
    Xem lý lịch thành viên
    avatar

    Cười cái coi CCC
    avatar

    Cười cái coi CCC

    Group: Moderagerator

    Hiện đang:
    Bài viết : 526
    Points : 817
    Thanks : 195

    Moderagerator
    Xem lý lịch thành viên

    Moderagerator
    Bài viết thứ :91

    Đăng vào:on 3/3/2013, 19:35

    Moderagerator
    123

    #91 - Posted on 3/3/2013, 19:35

    __________________________________________________________________________________________

    LASPERPEN

    Xem lý lịch thành viên
    avatar

    vũ thanh lai
    avatar

    vũ thanh lai

    Group: Member

    Hiện đang:
    Bài viết : 178
    Points : 223
    Thanks : 19

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :92

    Đăng vào:on 3/3/2013, 20:25

    Member
    fffffffffffff

    #92 - Posted on 3/3/2013, 20:25
    Xem lý lịch thành viên
    avatar

    Ruby
    avatar

    Ruby

    Group: S.mod

    Hiện đang:
    Bài viết : 1244
    Points : 2669
    Birthday : 09/01/1990
    Thanks : 1029

    S.mod
    Xem lý lịch thành viên http://cntt-k3.biz

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

    Đăng vào:on 3/3/2013, 20:30

    S.mod
    1234

    #93 - Posted on 3/3/2013, 20:30

    __________________________________________________________________________________________
    Tất cả các bạn chú ý:

    Những game mình post nếu có pass donwload và pass giải nèn thì là: congtruongit.com nha



    Mấy anh vào ủng hộ giúp em nhá


    [You must be registered and logged in to see this link.]
    Xem lý lịch thành viên http://cntt-k3.biz
    avatar

    mrken_9x
    avatar

    mrken_9x

    Group: Member

    Hiện đang:
    Bài viết : 97
    Points : 115
    Birthday : 13/03/1994
    Thanks : 12

    Member
    Xem lý lịch thành viên http://dangthuchua.forumvi.com

    Member
    Bài viết thứ :94

    Đăng vào:on 16/3/2013, 11:45

    Member
    xem nào

    #94 - Posted on 16/3/2013, 11:45
    Xem lý lịch thành viên http://dangthuchua.forumvi.com
    avatar

    Skin4Fm
    avatar

    Skin4Fm

    Group: Member

    Hiện đang:
    Bài viết : 392
    Points : 457
    Birthday : 06/06/1991
    Thanks : 52
    Đến từ : Skin4Fm.Com

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :95

    Đăng vào:on 16/3/2013, 12:14

    Member
    Ngon thi click

    #95 - Posted on 16/3/2013, 12:14
    Xem lý lịch thành viên
    avatar

    nokiax2
    avatar

    nokiax2

    Group: Member

    Hiện đang:
    Bài viết : 194
    Points : 193
    Thanks : 3

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :96

    Đăng vào:on 16/3/2013, 20:38

    Member
    xem

    #96 - Posted on 16/3/2013, 20:38
    Xem lý lịch thành viên
    avatar

    manhcuongpc
    avatar

    manhcuongpc

    Group: Member

    Hiện đang:
    Bài viết : 176
    Points : 185
    Birthday : 02/02/1991
    Thanks : 3

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :97

    Đăng vào:on 30/3/2013, 20:17

    Member
    sfsfs

    #97 - Posted on 30/3/2013, 20:17
    Xem lý lịch thành viên
    avatar

    ๑۩۞۩๑Anh•Tuấn๑۩۞۩๑
    avatar

    ๑۩۞۩๑Anh•Tuấn๑۩۞۩๑

    Group: Member

    Hiện đang:
    Bài viết : 102
    Points : 113
    Thanks : 1
    Đến từ : ™๖ۣۜThiên ๖ۣۜĐường™

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :98

    Đăng vào:on 30/3/2013, 20:19

    Member
    sem

    #98 - Posted on 30/3/2013, 20:19
    Xem lý lịch thành viên
    avatar

    sonlapro123456
    avatar

    sonlapro123456

    Group: Member

    Hiện đang:
    Bài viết : 222
    Points : 249
    Thanks : 3

    Member
    Xem lý lịch thành viên http://itviet.5forum.net

    Member
    Bài viết thứ :99

    Đăng vào:on 31/3/2013, 17:36

    Member
    thanks

    #99 - Posted on 31/3/2013, 17:36
    Xem lý lịch thành viên http://itviet.5forum.net
    avatar

    Nhục Bồ Đoàn
    avatar

    Nhục Bồ Đoàn

    Group: Member

    Hiện đang:
    Bài viết : 328
    Points : 359
    Thanks : 35

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :100

    Đăng vào:on 31/3/2013, 21:29

    Member
    66

    #100 - Posted on 31/3/2013, 21:29
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :101

    Đăng vào:

    #101 - Posted

    Trang 4 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 | © PunBB | Free forum support | Liên hệ | Report an abuse | Create a blog
    YOUR BANNER HERE
    728x90