Bài gửi
Tiền
Thanksvi01239984564
![[code]Popup đăng ký nhanh, gọn, đẹp Empty](https://2img.net/i/empty.gif)
[code]Popup đăng ký nhanh, gọn, đẹp
on 09/12/2014vi01239984564
loading...
Demo:
Administration Panel → Display → Templates → Overall_header
Tìm:
- Code:
<li><a href="/register" title="Register" id="register_link">Register</a></li>
- Code:
<li><a href="/register"
Hoặc chỉ cần thêm code này( code đăng ký:
- Code:
onclick="jQuery('#box-reg').fadeIn();return false;"
- Code:
<div id="box-reg" style="display: none;"> <div class="reg-popup"> <span class="box-header"> Join Us Now </span> <form action="/register?agreed=true&step=2" method="post" class="frm-form" name="post" id="form_confirm"> <span class="close-box" onclick="jQuery('#box-reg').fadeOut();"><img src="http://i81.servimg.com/u/f81/18/07/42/17/close_11.png" /></span><br /><span class="box-span"><span> Username:</span> <input name="username" placeholder="Username" type="text" /></span><br /> <span class="box-span"><span> Email:</span> <input name="email" placeholder="Email Address" type="text" /></span><br /> <span class="box-span"> Password:<input name="password" placeholder="Password" type="password" /></span><br /> <span class="box-span"> Location*:<input id="profile_field_13_-11" name="profile_field_13_-11" placeholder="Where are you from?" type="text" /></span><br /> <span class="box-span"> Status*:<input id="profile_field_13_1" name="profile_field_13_1" placeholder="What's on your mind?" type="text" /></span><br /> <span class="auto-box"> <input name="submit" id="submit" value="Save" type="submit" /> <input value="reset" type="reset" /></span> <input name="Terms&condition" value="rules" type="checkbox" /> I Agree to the Terms & Policy<br /> </form> </div></div><style>.button-reg {background: #EEE;border: 1px solid #DDD;padding: 5px 8px;position: fixed;bottom: 0;right: 0;}.button-reg a {color: #232323 !important;}#box-reg {background: rgba(0,0,0,0.59);bottom: 0;display: none;height: 100%;left: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 999;}.reg-popup {background: #fcfcfc;border: 2px solid #343434;height: 300px;left: 34%;padding: 50px;position: absolute;top: 15%;width: 360px;-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5) !important;}.reg-popup form {color: #000;position: relative;}.box-header {color: #232323;font-size: 18px;font-weight: bold;margin-top: 0;padding: 0;top: -90px;}.close-box {cursor: pointer;position: absolute;right: -40px;top: -55px;}.box-span {float: left;margin-top: 20px;width: 360px;}.box-span input {float: right;height: 28px;margin-right: 5px;text-indent: 5px;background: #fcfcfc;border: 1px solid #c5c5c5;box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.5);padding: 1px 3px;width: 250px;}.box-span input:focus {background: #fff;border: 1px solid #232323;box-shadow: 2px 2px 5px -1px rgba(0,0,0,1);}.auto-box input {background: #e9e9e9;border: 1px solid #bbb;border-radius: 4px;box-shadow: inset 0 10px 10px #f1f1f1;color: #6f6f6f;cursor: pointer;font-family: "Trebuchet MS",Helvetica,sans-serif;font-size: 12px;margin-top: 13px;margin-bottom: 4px;padding: 5px 10px;text-shadow: 0 1px #fff;}input[type="button"] { margin: 5px;}.myc {cursor: pointer;}input[type="button"], input[type="reset"], input[type="submit"] {-moz-border-radius: 2px;-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;-webkit-border-radius: 2px;-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;background: #353535 url(http://i57.servimg.com/u/f57/18/12/37/46/highli10.png) repeat-x top;border: 1px solid #2b2b2b;border-radius: 2px;box-shadow: rgba(0,0,0,0.43) 0 1px 3px;color: #fff;cursor: pointer;font-family: helvetica,arial,sans-serif;font-size: 13px;font-style: normal;font-variant: normal;font-weight: normal;outline: none;padding: 4px 10px!important;}input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"] {background-color: #434343;}</style>
