免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[插件教學] 精仿DZ X2版本獨立登入框效果 (美化+繁化經典版)


有點無聊就拿來繁化了
代碼直接送,放在第三方
  1. <style type="text/css">#umenu .loginform input.txt {margin:4px 3px 3px 5px;height:17px; line-height:17px; padding:2px 4px;border-top:#848484 1px solid;border-left:#848484 1px solid;border-right:#e0e0e0 1px solid;border-bottom:#e0e0e0 1px solid; width:120px;}
  2. #umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
  3. #umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
  4. #umenu {z-index:888;}
  5. #umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
  6. #umenu #questionid { margin:-1px; }
  7. #umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
  8. #umenu #yzbox input.txt {width:132px;margin:0px;}
  9. #umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
  10. #umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
  11. #umenu .zd {margin-right:7px;}
  12. #umenu .loginform label {display:inline!important;}
  13. #umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
  14. .lzc a {display:inline-block;border:#e6e6e6 1px solid;background:#eee;font-weight:700;margin:2px 5px 0 10px!important;height:21px;line-height:21px;padding:0px 10px;}
  15. .yzwd {width:100px;display:inline-block;}
  16. </style>
  17. <script type="text/javascript">
  18. function $(id){return document.getElementById(id);}
  19. function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
  20. function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
  21. </script>
  22. <div id="tb_1" style="display:none">
  23. <div class="qqlogin left">
  24. <p><a href="/connect.php?mod=login&op=init&referer=index.php"><img src="http://images.5d6d.net/dz7/plugins/qqconnect/qq_login.gif" class="vm" alt="QQ登入" /></a></p>
  25. <p class="hm xg1" style="padding-top: 2px;">只需一步,快速開始</p>

  26. </div>
  27. <div class="fastlogin left">
  28. <form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
  29. <input type="hidden" name="formhash" value="a45a9ada" />
  30. <input type="hidden" name="referer" value="index.php" />
  31. <div class="loginform nolabelform">
  32. <input type="hidden" name="loginfield" value="username" />
  33. <p>帳號<input type="text" name="username" autocomplete="off" size="36" class="txt" tabindex="1" value="" /><span class="zd"><input type="checkbox" class="checkbox" name="cookietime" id="cookietime" tabindex="1" value="2592000"  /> <label for="cookietime">自動登入</label></span><a href="javascript:;" onclick="display('loginform');pagescroll.right()" title="忘記密碼" class="fpw">忘記密碼</a></p>
  34. <p>密碼<input type="password" id="password3" name="password"  onfocus="javascript:Sdiv('yzbox')"  size="36" class="txt" tabindex="1" /><span><button class="submit" type="submit" name="loginsubmit" value="true" tabindex="1">登入</button></span><span class="lzc"><a href="register.php" onclick="floatwin('close_login');floatwin('open_register', this.href, 600, 400, '600,0');return false;" title="帳號註冊">帳號註冊</a></span></p>
  35. <div id="yzbox" style="display:none;">
  36. <p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea" onclick="javascript:Cdiv('yzbox')">X</a></p>
  37. <div class="selecttype">
  38. <select id="questionid" name="questionid">
  39. <option value="0">安全提問</option>
  40. <option value="1">母親的名字</option>
  41. <option value="2">爺爺的名字</option>
  42. <option value="3">您的出生地點</option>
  43. <option value="4">您的居住地</option>
  44. <option value="5">您個人電腦的型號</option>
  45. <option value="6">您最喜歡的旅遊地點</option>
  46. <option value="7">您最喜歡的人</option>
  47. </select>
  48. </div>
  49. <p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
  50. </div>
  51. </div>
  52. </form></div>
  53. </div><script type="text/javascript">
  54. if ($("umenu") != null ){
  55. if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>
複製代碼

还是先不用了。

TOP

只是把字轉換而已OAO..
   請各位多多支持,謝謝ww

TOP

感谢分享,这代码不仅仅是眼熟……

TOP

先支持,等到需要,再來用

TOP

怎么又来了,这个代码在7.2是有BUG的,不能直接拿来用
章鱼之家代码站
 
 
 
 
 

TOP

返回列表