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

    Hữu Phước
    avatar

    Hữu Phước

    Group: Member

    Hiện đang:
    Bài viết : 939
    Points : 1443
    Birthday : 28/12/1998
    Thanks : 443
    Đến từ : Thuận Hưng , Thốt Nốt , Cần Thơ

    Member
    Xem lý lịch thành viên http://www.giadinha1.biz

    Member
    Bài viết thứ :26

    Đăng vào:on 8/6/2012, 12:21

    Member
    xem

    #26 - Posted on 8/6/2012, 12:21
    Xem lý lịch thành viên http://www.giadinha1.biz
    avatar

    nguyenlam
    avatar

    nguyenlam

    Group: Member

    Hiện đang:
    Bài viết : 242
    Points : 405
    Thanks : 129

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

    Member
    Bài viết thứ :27

    Đăng vào:on 8/6/2012, 13:30

    Member
    alexanderraiback1 đã viết:Còn .button là thuộc html trong Footer:
    Code:
     <button id="bt_login" name="login" class="submit button" type="button submit">Sign in</button>
    cái đó ai chả biết ??

    #27 - Posted on 8/6/2012, 13:30
    Xem lý lịch thành viên
    avatar

    harryumefor
    avatar

    harryumefor

    Group: Member

    Hiện đang:
    Bài viết : 526
    Points : 617
    Birthday : 16/07/1998
    Thanks : 77

    Member
    Xem lý lịch thành viên http://math.123.st

    Member
    Bài viết thứ :28

    Đăng vào:on 8/6/2012, 15:59

    Member
    hihih

    #28 - Posted on 8/6/2012, 15:59
    Xem lý lịch thành viên http://math.123.st
    avatar

    dejanpetrus
    avatar

    dejanpetrus

    Group: Member

    Hiện đang:
    Bài viết : 273
    Points : 321
    Birthday : 13/04/1990
    Thanks : 48

    Member
    Xem lý lịch thành viên http://www.mkd-satelite.forummk.com

    Member
    Bài viết thứ :29

    Đăng vào:on 9/6/2012, 07:53

    Member
    thanks

    #29 - Posted on 9/6/2012, 07:53
    Xem lý lịch thành viên http://www.mkd-satelite.forummk.com
    avatar

    hery
    avatar

    hery

    Group: Member

    Hiện đang:
    Bài viết : 414
    Points : 563
    Thanks : 149

    Member
    Xem lý lịch thành viên http://css-world.superforo.net/

    Member
    Bài viết thứ :30

    Đăng vào:on 9/6/2012, 11:36

    Member
    gửi bài đến bạn cho sự đóng góp mà bạn cảm ơn

    #30 - Posted on 9/6/2012, 11:36
    Xem lý lịch thành viên http://css-world.superforo.net/
    avatar

    vipram
    avatar

    vipram

    Group: Member

    Hiện đang:
    Bài viết : 36
    Points : 41
    Thanks : 5

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

    Member
    Bài viết thứ :31

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

    Member
    xem

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

    Pu
    avatar

    Pu

    Group: Member

    Hiện đang:
    Bài viết : 472
    Points : 664
    Birthday : 14/09/1990
    Thanks : 142

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

    Member
    Bài viết thứ :32

    Đăng vào:on 15/7/2012, 23:25

    Member
    xem

    #32 - Posted on 15/7/2012, 23:25
    Xem lý lịch thành viên http://vuavechai.forumvi.com
    avatar

    Mr.Cònusion
    avatar

    Mr.Cònusion

    Group: Member

    Hiện đang:
    Bài viết : 96
    Points : 98
    Thanks : 2

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

    Member
    Bài viết thứ :33

    Đăng vào:on 16/7/2012, 00:10

    Member
    vẻ

    #33 - Posted on 16/7/2012, 00:10
    Xem lý lịch thành viên
    avatar

    ChimSeDiMua
    avatar

    ChimSeDiMua

    Group: Member

    Hiện đang:
    Bài viết : 223
    Points : 354
    Birthday : 03/04/1995
    Thanks : 125

    Member
    Xem lý lịch thành viên http://totien106.us.to

    Member
    Bài viết thứ :34

    Đăng vào:on 16/7/2012, 07:10

    Member
    tks

    #34 - Posted on 16/7/2012, 07:10
    Xem lý lịch thành viên http://totien106.us.to
    avatar

    #B.Boy#
    avatar

    #B.Boy#

    Group: Member

    Hiện đang:
    Bài viết : 107
    Points : 110
    Thanks : 5

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

    Member
    Bài viết thứ :35

    Đăng vào:on 16/7/2012, 07:35

    Member
    Obrigado

    #35 - Posted on 16/7/2012, 07:35
    Xem lý lịch thành viên
    avatar

    Slash+
    avatar

    Slash+

    Group: Member

    Hiện đang:
    Bài viết : 121
    Points : 144
    Thanks : 7

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

    Member
    Bài viết thứ :36

    Đăng vào:on 16/7/2012, 07:39

    Member
    Xem ;D

    #36 - Posted on 16/7/2012, 07:39
    Xem lý lịch thành viên
    avatar

    nôp
    avatar

    nôp

    Group: Member

    Hiện đang:
    Bài viết : 117
    Points : 125
    Thanks : 8

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

    Member
    Bài viết thứ :37

    Đăng vào:on 16/7/2012, 16:43

    Member

    #37 - Posted on 16/7/2012, 16:43
    Xem lý lịch thành viên
    avatar

    silentt
    avatar

    silentt

    Group: Member

    Hiện đang:
    Bài viết : 151
    Points : 154
    Thanks : 3

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

    Member
    Bài viết thứ :38

    Đăng vào:on 18/7/2012, 01:09

    Member
    xem nào

    #38 - Posted on 18/7/2012, 01:09
    Xem lý lịch thành viên
    avatar

    gyui
    avatar

    gyui

    Group: Member

    Hiện đang:
    Bài viết : 158
    Points : 164
    Thanks : 2

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

    Member
    Bài viết thứ :39

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

    Member
    ko chịu dc

    #39 - Posted on 23/7/2012, 10:39
    Xem lý lịch thành viên
    avatar

    lebinh
    avatar

    lebinh

    Group: Member

    Hiện đang:
    Bài viết : 92
    Points : 111
    Thanks : 9

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

    Member
    Bài viết thứ :40

    Đăng vào:on 23/7/2012, 12:29

    Member
    xem nha

    #40 - Posted on 23/7/2012, 12:29
    Xem lý lịch thành viên
    avatar

    TopDragon
    avatar

    TopDragon

    Group: S.mod

    Hiện đang:
    Bài viết : 494
    Points : 706
    Birthday : 05/03/1998
    Thanks : 202
    Đến từ : TPHCM

    S.mod
    Xem lý lịch thành viên http://truefriends.123.st

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

    Đăng vào:on 23/7/2012, 12:36

    S.mod
    thữ

    #41 - Posted on 23/7/2012, 12:36
    Xem lý lịch thành viên http://truefriends.123.st
    avatar

    baotranno123
    avatar

    baotranno123

    Group: Member

    Hiện đang:
    Bài viết : 368
    Points : 428
    Thanks : 28

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

    Member
    Bài viết thứ :42

    Đăng vào:on 23/7/2012, 13:01

    Member
    â

    #42 - Posted on 23/7/2012, 13:01
    Xem lý lịch thành viên
    avatar

    AlvaroX
    avatar

    AlvaroX

    Group: Member

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

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

    Member
    Bài viết thứ :43

    Đăng vào:on 23/7/2012, 13:51

    Member
    Ta bien

    #43 - Posted on 23/7/2012, 13:51
    Xem lý lịch thành viên
    avatar

    cutibanxehoi
    avatar

    cutibanxehoi

    Group: Member

    Hiện đang:
    Bài viết : 41
    Points : 43
    Thanks : 2

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

    Member
    Bài viết thứ :44

    Đăng vào:on 4/8/2012, 19:21

    Member
    xem

    #44 - Posted on 4/8/2012, 19:21
    Xem lý lịch thành viên
    avatar

    prince2121
    avatar

    prince2121

    Group: Member

    Hiện đang:
    Bài viết : 353
    Points : 460
    Birthday : 18/12/1997
    Thanks : 93

    Member
    Xem lý lịch thành viên http://war3naruto.us.to

    Member
    Bài viết thứ :45

    Đăng vào:on 4/8/2012, 19:27

    Member
    like mạnh

    #45 - Posted on 4/8/2012, 19:27
    Xem lý lịch thành viên http://war3naruto.us.to
    avatar

    Em xinh
    avatar

    Em xinh

    Group: Member

    Hiện đang:
    Bài viết : 177
    Points : 189
    Thanks : 10

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

    Member
    Bài viết thứ :46

    Đăng vào:on 4/8/2012, 22:04

    Member
    chụt chụt

    #46 - Posted on 4/8/2012, 22:04
    Xem lý lịch thành viên
    avatar

    FakeAdmin
    avatar

    FakeAdmin

    Group: Moderagerator

    Hiện đang:
    Bài viết : 322
    Points : 423
    Thanks : 93
    Đến từ : Bất cứ đâu có thể

    Moderagerator
    Xem lý lịch thành viên http://zdzone.bforum.biz/

    Moderagerator
    Bài viết thứ :47

    Đăng vào:on 7/8/2012, 07:00

    Moderagerator
    cần xem code.com

    #47 - Posted on 7/8/2012, 07:00
    Xem lý lịch thành viên http://zdzone.bforum.biz/
    avatar

    genau
    avatar

    genau

    Group: Member

    Hiện đang:
    Bài viết : 89
    Points : 156
    Birthday : 13/07/1989
    Thanks : 71

    Member
    Xem lý lịch thành viên http://torneos-pandhers.foroes.org/

    Member
    Bài viết thứ :48

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

    Member
    gracias por compartir

    #48 - Posted on 7/8/2012, 09:26
    Xem lý lịch thành viên http://torneos-pandhers.foroes.org/
    avatar

    phongpy009
    avatar

    phongpy009

    Group: Member

    Hiện đang:
    Bài viết : 156
    Points : 173
    Thanks : 3

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

    Member
    Bài viết thứ :49

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

    Member
    đẹp

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

    Mr.Dark
    avatar

    Mr.Dark

    Group: Member

    Hiện đang:
    Bài viết : 244
    Points : 444
    Birthday : 27/02/1991
    Thanks : 154
    Đến từ : Hải Phòng

    Member
    Xem lý lịch thành viên Http://ClubTeen9x.Us.To

    Member
    Bài viết thứ :50

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

    Member

    #50 - Posted on 11/8/2012, 13:48
    Xem lý lịch thành viên Http://ClubTeen9x.Us.To

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :51

    Đăng vào:

    #51 - Posted

    Trang 2 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 | Free blog
    YOUR BANNER HERE
    728x90