Bảng đăng ký Nokia Lumia 900

Demo luôn: [You must be registered and logged in to see this link.]
Cuộn từ trên xuống dưới nhá

Code:
-Javascript(bỏ vô "Javascript codes management"):

Code:

[b][b]$(window).scroll(function(){var scrollTop=((window.scrollY-0));
    if ( $(this).scrollTop() < 1200 ){
    $("[class='hand-reg-form']").css('margin-left',(-1960+scrollTop*2));
    $("[class='hand-reg-form']").css('margin-bottom',(-2400+scrollTop*2))
    }
    if ( $(this).scrollTop() > 1200 ){
    $("[class='hand-reg-form']").css('margin-left',(442));
    $("[class='hand-reg-form']").css('margin-bottom',(0))
    }
});[/b][/b]

CSS:

Code:

[b][b].hand-reg-form {
  background: url(http://i1245.photobucket.com/albums/gg587/vhuyphong/reg-hand.png) top left no-repeat;z-index: 80;
  width: 602px;height: 897px;position: fixed;left: -602px;bottom: -200px;
}
.form-inside {
  width: 241px;height: 342px;padding-top: 8px;
  margin-left: 326px;margin-top: 130px;
}
.form-inside input.long-input, .form-inside input.short-input {
  font-style: italic;font-family: Arial;border: 1px solid #64b7ed;
  border-radius: 4px;padding-left: 10px;padding-right: 10px;
  height: 26px;margin: 2px;cursor: pointer;color: #64b7ed;
}
.form-inside input.long-input:focus, .form-inside input.short-input:focus {
  font-style: normal;
}
.form-inside input.long-input {
  width: 224px;margin-left: 8px;
}

.form-inside input.short-input {
  width: 139px;margin-left: 93px;
}
.form-inside .checkbox {
  ;margin: 6px;
  outline: 4px solid #64b7ed;margin-left: 97px;
}
.form-inside
 #agree-text{padding-left: 93px;display: block;font-size:
13px;text-indent: 24px;margin-top: -20px;color: #64b7ed;margin-bottom:
2px;}
.form-inside input[type*=submit], .form-inside input[type*=reset] {
  background: #64b7ed;border-radius: 4px;border:none;margin: 2px;margin-left: 93px;
  text-align: center;color: white;width: 139px;height: 28px;
}[/b][/b]

-HTML(Đặt đâu cũng dc )

Code:

[b][b]<div class="hand-reg-form">
      <div class="form-inside">
        <form action="/register?agreed=true&step=2" method="post" name="post">
            <input type="text" name="username" class="long-input" placeHolder="Tên tài khoản" required/>
            <input type="email" name="email" class="long-input" placeHolder="Địa chỉ E-mail" required/>
            <input type="password" name="password" class="long-input" placeHolder="Mật khẩu" required/>
            <input type="password" name="re-password" class="long-input" placeHolder="Nhập lại mật khẩu" required/>
            <input type="text" name="profile_field_13_-9" class="short-input" placeHolder="Công việc" required/>
            <input type="text" name="profile_field_13_-11" class="short-input" placeHolder="Địa chỉ" required/>
            <input type="checkbox" class="checkbox" checked="checked" name="agree"/>
            <span id="agree-text">Đồng ý thực hiện nghiêm túc các điều lệ của Diễn đàn Deezsign!
            </span>
            <input type="submit" name="submit" value="Xác nhận">
            <input type="reset" name="reset" value="Làm lại">
        </form>
      </div>
  </div>[/b][/b]

Quên mất. Bạn có thể xóa 2 input Công việc và Địa chỉ hoặc có thể đổi tên value và thay thuộc tính name theo đúng name trong input tại trang đăng ký của diễn đàn bạn!