forget_password.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=7" />
  6. <title>phpcmsV9 - {L('member','','member').L('manage_center')}</title>
  7. <script type="text/javascript" src="{JS_PATH}jquery.min.js"></script>
  8. <script type="text/javascript" src="{JS_PATH}member_common.js"></script>
  9. <script type="text/javascript" src="{JS_PATH}formvalidator.js" charset="UTF-8"></script>
  10. <script type="text/javascript" src="{JS_PATH}formvalidatorregex.js" charset="UTF-8"></script>
  11. <script type="text/javascript" src="{JS_PATH}dialog.js"></script>
  12. <link href="{CSS_PATH}reset.css" rel="stylesheet" type="text/css" />
  13. <script language="JavaScript">
  14. <!--
  15. $(function(){
  16. $.formValidator.initConfig({autotip:true,formid:"myform",onerror:function(msg){}});
  17. $("#email").formValidator({onshow:"{L('input').L('email')}",onfocus:"{L('email').L('format_incorrect')}",oncorrect:"{L('email').L('format_right')}"}).inputValidator({min:2,max:32,onerror:"{L('email').L('between_2_to_32')}"}).regexValidator({regexp:"email",datatype:"enum",onerror:"{L('email').L('format_incorrect')}"});
  18. });
  19. //-->
  20. </script>
  21. <link href="{CSS_PATH}table_form.css" rel="stylesheet" type="text/css" />
  22. <style type="text/css">
  23. .submit,.pass-logo a,.form-login .input label,.item span,#content h2 span em{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
  24. .blue,.blue a{color:#377abe},.submit input{cursor:hand;}
  25. .log{line-height:24px; height:24px;float:right; font-size:12px}
  26. .log span{color:#ced9e7}
  27. .log a{color:#049;text-decoration: none;}
  28. .log a:hover{text-decoration: underline;}
  29. #header{ height:94px; background:url({IMG_PATH}member/h.png) repeat-x}
  30. #header .logo{ padding-right:100px;float:left;background:url({IMG_PATH}member/login-logo.png) no-repeat right 2px;}
  31. #header .content{width:920px; margin:auto; height:60px;padding:10px 0 0 0}
  32. #content{width:920px; margin:auto; padding:36px 0 0 0}
  33. #content{width:920px; margin:auto; padding:20px 0 0 0; overflow:auto}
  34. .form-login{width:420px; padding-left:40px}
  35. #content h2{font-size:25px;color:#494949;border-bottom: 1px dashed #CCC;padding-bottom:3px; margin-bottom:10px}
  36. #content h2 span{font-size:12px; font-weight:normal}
  37. #content h2 span em{background: url({IMG_PATH}member/order.png) no-repeat 0px -16px; width:15px; height:15px; line-height:15px; text-align:center; margin-right:5px; color:#FFF}
  38. #content h2 span.on{ color:#333; font-weight:700}
  39. #content h2 span.on em{background-position: 0px 0px;}
  40. .form-login .input{ padding:7px 0; overflow:hidden; clear:both}
  41. .form-login .input label{ width:84px;font-size:14px; color:#8c8686; text-align:right; float:left}
  42. .form-login .input .form{ width:560px; float:left}
  43. .take,.reg{padding:0 0 0 84px}
  44. .take .submit{margin-top:10px}
  45. .form-login .hr{background: url({IMG_PATH}member/line.png) no-repeat left center; height:50px;}
  46. .form-login .hr hr{ display:none}
  47. .form-reg{padding:10px 0 0 14px; width:700px; border-right:1px solid #ccc}
  48. .form-reg .input label{ width:120px}
  49. .form-reg .input label.type{ width:auto; color:#000; padding-right:10px}
  50. .form-reg .reg{padding:10px 0 0 120px}
  51. .form-reg .reg .submit{ margin-bottom:5px}
  52. .submit{padding-left:3px}
  53. .submit,.submit input{ background: url({IMG_PATH}member/but.png) no-repeat; height:29px;}
  54. .submit input{background-position: right top; border:none; padding:0 10px 0 7px; font-size:14px}
  55. .reg{ color:#666; line-height:24px}
  56. .reg .submit{background-position: left -35px; height:35px}
  57. .reg .submit input{background-position: right -35px; font-weight:700; color:#fff; height:35px}
  58. .reg-auto{ padding:10px 0 0 20px}
  59. .reg-auto p{ margin-bottom:10px; color:#666;}
  60. .col-1{position:relative; float:right; border:1px solid #c4d5df; zoom:1;background: url({IMG_PATH}member/member_title.png) repeat-x; width:310px; margin: auto; height:304px}
  61. .col-1 span.o1,
  62. .col-1 span.o2,
  63. .col-1 span.o3,
  64. .col-1 span.o4{position:absolute;width:3px;height:3px;background: url(images/fillet.png) no-repeat}
  65. .col-1 span.o1{background-position: left -6px; top:-1px; left:-1px}
  66. .col-1 span.o2{background-position: right -6px; top:-1px; right:-1px}
  67. .col-1 span.o3{background-position: left bottom; bottom:-1px; left:-1px}
  68. .col-1 span.o4{background-position: right bottom; bottom:-1px; right:-1px;}
  69. .col-1 .title{color:#386ea8; padding:5px 10px 3px}
  70. .col-1 div.content{padding:0px 10px 10px}
  71. .col-1 div.content h5{background: url({IMG_PATH}member/ext-title.png) no-repeat 2px 10px; height:34px}
  72. .col-1 div.content h5 strong{ visibility: hidden}
  73. .pass-logo{ margin:auto; width:261px; padding-top:15px}
  74. .pass-logo a img{ border:1px solid #ddd}
  75. .pass-logo a{border:3px solid #fff}
  76. .pass-logo a.logo,
  77. .pass-logo a:hover{border:3px solid #e8f1f1;}
  78. .pass-logo p{border-top: 1px solid #e1e4e8; padding-top:15px}
  79. .item{padding:10px 0; vertical-align:middle; margin-bottom:10px}
  80. .item span{ color:#8c8686}
  81. #footer{color:#666; line-height:24px;width:920px; margin:auto; text-align:center; padding:12px 0; margin-top:52px; border-top:1px solid #e5e5e5}
  82. #footer a{color:#666;}
  83. .point{border:1px solid #ffbf7a; background:#fffced; margin-bottom:10px; margin-right:100px;margin-left:50px;position:relative}
  84. .point .content{padding:8px 10px;}
  85. .point .content .title{color:#ff8400}
  86. .point .content p{color:#777; text-indent:20px}
  87. .point span.o1,
  88. .point span.o2,
  89. .point span.o3,
  90. .point span.o4{position:absolute;width:3px;height:3px;background: url({IMG_PATH}fillet.png) no-repeat; overflow:hidden}
  91. .point span.o1{background-position: left top; top:-1px; left:-1px}
  92. .point span.o2{background-position: right top; top:-1px; right:-1px}
  93. .point span.o3{background-position: left -3px; bottom:-1px; left:-1px}
  94. .point span.o4{background-position: right -3px; bottom:-1px; right:-1px;}
  95. </style>
  96. </head>
  97. <body>
  98. <div id="header">
  99. <div class="content">
  100. <div class="logo"><a href="{$siteinfo['domain']}"><img src="{IMG_PATH}v9/logo.jpg"/></a></div>
  101. <span class="rt log"></span>
  102. </div>
  103. </div>
  104. <div id="content">
  105. <h2>{L('use_email_get_password')}</h2>
  106. <form method="post" action="" id="myform">
  107. <div class="col-left form-login form-reg">
  108. <div class="point">
  109. <div class="content">
  110. <strong class="title">{L('notice')}:</strong>
  111. <p>{L('forget_password_notice')}</p>
  112. </div>
  113. </div>
  114. <div class="input"><label>{L('input').L('email')}:</label><input type="text" id="email" name="email" size="36" class="input-text"></div>
  115. <div class="input"><label>{L('checkcode')}:</label><input type="text" id="code" name="code" size="10" class="input-text">{form::checkcode('code_img', '4', '14', 80, 24)}</div>
  116. <div class="reg">
  117. <div class="submit"><input type="submit" name="dosubmit" value="{L('submit')}" style="width:60px"></div> &nbsp;&nbsp;&nbsp;&nbsp;<a href="?m=member&c=index&a=public_get_password_type">重新选择验证方式</a>
  118. </div>
  119. </div>
  120. </form>
  121. <div class="col-auto reg-auto">
  122. <p class="f14">
  123. {L('already_have_account')}
  124. </p>
  125. <div class="submit"><input type="submit" name="dosubmit" value="{L('login')}" onclick="redirect('{APP_PATH}index.php?m=member&c=index&a=login')"></div>
  126. </div>
  127. </div>
  128. {template 'member', 'footer'}