API tools faq
paste
firoze

Custom Login/Register/Password Code

firoze
Jul 12th, 2015
441
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.25 KB | None | 0 0
raw download clone embed print report
  1. // show in template
  2.  
  3. <div id="login-register-password">
  4.  
  5. <?php global $user_ID, $user_identity; get_currentuserinfo(); if (!$user_ID) { ?>
  6.  
  7. <ul class="tabs_login">
  8. <li class="active_login"><a href="#tab1_login">Login</a></li>
  9. <li><a href="#tab2_login">Register</a></li>
  10. <li><a href="#tab3_login">Forgot?</a></li>
  11. </ul>
  12. <div class="tab_container_login">
  13. <div id="tab1_login" class="tab_content_login">
  14.  
  15. <?php $register =isset($_GET['register']) ? $_GET['register'] : null; $reset =isset($_GET['reset']) ? $_GET['reset'] : null; if ($register == true) { ?>
  16.  
  17. <h3>Success!</h3>
  18. <p>Check your email for the password and then return to log in.</p>
  19.  
  20. <?php } elseif ($reset == true) { ?>
  21.  
  22. <h3>Success!</h3>
  23. <p>Check your email to reset your password.</p>
  24.  
  25. <?php } else { ?>
  26.  
  27. <h3>Have an account?</h3>
  28. <p>Log in or sign up! It&rsquo;s fast &amp; <em>free!</em></p>
  29.  
  30. <?php } ?>
  31.  
  32. <form method="post" action="<?php bloginfo('url') ?>/wp-login.php" class="wp-user-form">
  33. <div class="username">
  34. <label for="user_login"><?php _e('Username'); ?>: </label>
  35. <input type="text" name="log" value="<?php echo esc_attr(stripslashes($user_login)); ?>" size="20" id="user_login" tabindex="11" />
  36. </div>
  37. <div class="password">
  38. <label for="user_pass"><?php _e('Password'); ?>: </label>
  39. <input type="password" name="pwd" value="" size="20" id="user_pass" tabindex="12" />
  40. </div>
  41. <div class="login_fields">
  42. <div class="rememberme">
  43. <label for="rememberme">
  44. <input type="checkbox" name="rememberme" value="forever" checked="checked" id="rememberme" tabindex="13" /> Remember me
  45. </label>
  46. </div>
  47. <?php do_action('login_form'); ?>
  48. <input type="submit" name="user-submit" value="<?php _e('Login'); ?>" tabindex="14" class="user-submit btn btn-primary" />
  49. <input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>" />
  50. <input type="hidden" name="user-cookie" value="1" />
  51. </div>
  52. </form>
  53. </div>
  54. <div id="tab2_login" class="tab_content_login" style="display:none;">
  55. <h3>Register for this site!</h3>
  56. <p>Sign up now for the good stuff.</p>
  57. <form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>" class="wp-user-form">
  58. <div class="username">
  59. <label for="user_login"><?php _e('Username'); ?>: </label>
  60. <input type="text" name="user_login" value="<?php echo esc_attr(stripslashes($user_login)); ?>" size="20" id="user_login" tabindex="101" />
  61. </div>
  62. <div class="password">
  63. <label for="user_email"><?php _e('Your Email'); ?>: </label>
  64. <input type="text" name="user_email" value="<?php echo esc_attr(stripslashes($user_email)); ?>" size="25" id="user_email" tabindex="102" />
  65. </div>
  66. <div class="login_fields">
  67. <?php do_action('register_form'); ?>
  68. <input type="submit" name="user-submit" value="<?php _e('Sign up!'); ?>" class="user-submit btn btn-primary" tabindex="103" />
  69. <?php $register =isset($_GET['register']) ? $_GET['register'] : null; if($register == true) { echo '<p>Check your email for the password!</p>'; } ?>
  70. <input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>?register=true" />
  71. <input type="hidden" name="user-cookie" value="1" />
  72. </div>
  73. </form>
  74. </div>
  75. <div id="tab3_login" class="tab_content_login" style="display:none;">
  76. <h3>Lose something?</h3>
  77. <p>Enter your username or email to reset your password.</p>
  78. <form method="post" action="<?php echo site_url('wp-login.php?action=lostpassword', 'login_post') ?>" class="wp-user-form">
  79. <div class="username">
  80. <label for="user_login" class="hide"><?php _e('Username or Email'); ?>: </label>
  81. <input type="text" name="user_login" value="" size="20" id="user_login" tabindex="1001" />
  82. </div>
  83. <div class="login_fields">
  84. <?php do_action('login_form', 'resetpass'); ?>
  85. <input type="submit" name="user-submit" value="<?php _e('Reset my password'); ?>" class="user-submit" tabindex="1002" />
  86. <?php $reset =isset($_GET['reset']) ? $_GET['reset'] : null; if($reset == true) { echo '<p>A message will be sent to your email address.</p>'; } ?>
  87. <input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>?reset=true" />
  88. <input type="hidden" name="user-cookie" value="1" />
  89. </div>
  90. </form>
  91. </div>
  92. </div>
  93.  
  94. <?php } else { // is logged in ?>
  95.  
  96. <div class="sidebox">
  97. <h3>Welcome, <?php echo $user_identity; ?></h3>
  98. <div class="usericon">
  99. <?php global $userdata; get_currentuserinfo(); echo get_avatar($userdata->ID, 60); ?>
  100.  
  101. </div>
  102. <div class="userinfo">
  103. <p>You&rsquo;re logged in as <strong><?php echo $user_identity; ?></strong></p>
  104. <p>
  105. <a class="btn btn-primary" href="<?php echo wp_logout_url('index.php'); ?>">Log out</a> |
  106. <?php if (current_user_can('manage_options')) {
  107. echo '<a href="' . admin_url() . '">' . __('Admin') . '</a>'; } else {
  108. echo '<a href="' . admin_url() . 'profile.php">' . __('Profile') . '</a>'; } ?>
  109.  
  110. </p>
  111. </div>
  112. </div>
  113.  
  114. <?php } ?>
  115.  
  116. </div>
  117.  
  118. ************************************************************************************************************************
  119.  
  120. // css
  121.  
  122. /* tabbed list */
  123. ul.tabs_login {
  124. padding: 0; margin: 20px 0 0 0;
  125. position: relative;
  126. list-style: none;
  127. font-size: 14px;
  128. z-index: 1000;
  129. float: left;
  130. }
  131. ul.tabs_login li {
  132. border: 1px solid #E7E9F6;
  133. -webkit-border-top-right-radius: 10px;
  134. -khtml-border-radius-topright: 10px;
  135. -moz-border-radius-topright: 10px;
  136. border-top-right-radius: 10px;
  137. -webkit-border-top-left-radius: 10px;
  138. -khtml-border-radius-topleft: 10px;
  139. -moz-border-radius-topleft: 10px;
  140. border-top-left-radius: 10px;
  141. line-height: 28px; /* = */ height: 28px;
  142. padding: 0; margin: 0 5px 0 0;
  143. position: relative;
  144. background: #fff;
  145. overflow: hidden;
  146. float: left;
  147. }
  148. ul.tabs_login li a {
  149. text-decoration: none;
  150. padding: 0 10px;
  151. display: block;
  152. outline: none;
  153. }
  154. html ul.tabs_login li.active_login {
  155. border-left: 1px solid #E7E9F6;
  156. border-bottom: 1px solid #fff;
  157. -webkit-border-top-right-radius: 10px;
  158. -khtml-border-radius-topright: 10px;
  159. -moz-border-radius-topright: 10px;
  160. border-top-right-radius: 10px;
  161. -webkit-border-top-left-radius: 10px;
  162. -khtml-border-radius-topleft: 10px;
  163. -moz-border-radius-topleft: 10px;
  164. border-top-left-radius: 10px;
  165. background: #fff;
  166. color: #333;
  167. }
  168. html body ul.tabs_login li.active_login a { font-weight: bold; }
  169. .tab_container_login {
  170. background: #fff;
  171. position: relative;
  172. margin: 0 0 20px 0;
  173. border: 1px solid #E7E9F6;
  174. -webkit-border-bottom-left-radius: 10px;
  175. -khtml-border-radius-bottomleft: 10px;
  176. -moz-border-radius-bottomleft: 10px;
  177. border-bottom-left-radius: 10px;
  178. -webkit-border-bottom-right-radius: 10px;
  179. -khtml-border-radius-bottomright: 10px;
  180. -moz-border-radius-bottomright: 10px;
  181. border-bottom-right-radius: 10px;
  182. -webkit-border-top-right-radius: 10px;
  183. -khtml-border-radius-topright: 10px;
  184. -moz-border-radius-topright: 10px;
  185. border-top-right-radius: 10px;
  186. z-index: 999;
  187. float: left;
  188. width: 100%;
  189. top: -1px;
  190. }
  191. .tab_content_login {
  192. padding: 7px 15px 15px 15px;
  193. padding-top: 10px;
  194. }
  195. .tab_content_login ul {
  196. padding: 0; margin: 0 0 0 15px;
  197. }
  198. .tab_content_login li { margin: 5px 0; }
  199. /* global styles */
  200. #login-register-password {}
  201. #login-register-password h3 {
  202. border: 0 none;
  203. margin: 10px 0;
  204. padding: 0;
  205. }
  206. #login-register-password p {
  207. margin: 0 0 15px 0;
  208. padding: 0;
  209. }
  210. /* form elements */
  211. .wp-user-form {}
  212. .username, .password, .login_fields {
  213. margin: 7px 0 0 0;
  214. overflow: hidden;
  215. width: 100%;
  216. }
  217. .username label, .password label { float: left; clear: none; width: 25%; }
  218. .username input, .password input {
  219. font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  220. float: left; clear: none; width: 200px; padding: 2px 3px; color: #777;
  221. }
  222. .rememberme { overflow: hidden; width: 100%; margin-bottom: 7px; }
  223. #rememberme { float: left; clear: none; margin: 4px 4px -4px 0; }
  224. .user-submit { padding: 5px 10px; margin: 5px 0; }
  225. .userinfo { float: left; clear: none; width: 75%; margin-bottom: 10px; }
  226. .userinfo p {
  227. margin-left: 10px;
  228. }
  229. .usericon { float: left; clear: none; width: 15%; margin: 0 0 10px 22px; }
  230. .usericon img {
  231. border: 1px solid #F4950E;
  232. padding: 1px;
  233. }
  234.  
  235.  
  236. ********************************************************************************************************************
  237.  
  238. // jQuery
  239.  
  240. <script>
  241. jQuery(document).ready(function($) {
  242. $(".tab_content_login").hide();
  243. $("ul.tabs_login li:first").addClass("active_login").show();
  244. $(".tab_content_login:first").show();
  245. $("ul.tabs_login li").click(function() {
  246. $("ul.tabs_login li").removeClass("active_login");
  247. $(this).addClass("active_login");
  248. $(".tab_content_login").hide();
  249. var activeTab = $(this).find("a").attr("href");
  250. $(activeTab).show();
  251. return false;
  252. });
  253. });
  254. </script>
  255.  
  256.  
  257.  
  258. *****************************************************************************************************************
  259.  
  260. source link: https://digwp.com/2010/12/login-register-password-code/
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!