精仿DiscuzX2右上角独立登入框效果（集成验证码问答）

PctDK

<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;}
) p( S5 }% m1 y3 L, d+ p#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}- z) @6 S( ^, c. v# b% H
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
( a9 r3 M, C' }0 R1 }6 t; z6 _PCT 論壇#umenu {z-index:888;}
. a, w1 [2 q4 S3 v; Q#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}PCT 論壇! Z. I& Y0 I/ ]! V) ~
#umenu #questionid { margin:-1px; }
+ p& ]3 h  n/ N( |8 {- X5 _#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}" t% l. d- R# T6 Z$ u9 S+ @
#umenu #yzbox input.txt {width:132px;margin:0px;}: X2 q+ z3 ~  G  R  R0 |( e3 ~
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}: r* e5 I8 i& E$ Z# l
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
7 k5 x7 E( w9 W6 X#umenu .zd {margin-right:7px;}" A: s' c( b! m; U! C$ G% c8 r
#umenu .loginform label {display:inline!important;}pct.sclub.com.tw) n8 R/ f3 w8 y5 c5 A5 e
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}4 J; Y1 e  B$ i0 Z) U
.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;}9 _/ l. D( u/ G% ]2 Y6 J5 q! [$ J
.yzwd {width:100px;display:inline-block;}! E  m% m; G6 Q
</style>
  |% T8 i: z) N% ?" J5 Z<script type="text/javascript">
3 a+ ]- U# e) E9 H8 G  Npct.sclub.com.twfunction $(id){return document.getElementById(id);}, ?( J) F& q" u
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}PCT 論壇- _1 P* d2 r( C! P7 n! u
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
. a, P& j0 `1 P% \$ Fpct.sclub.com.tw</script>' l# b& P: a6 o7 E6 |/ _
<div id="tb_1" style="display:none">
& |/ G! d/ V5 i4 I* l1 g<div class="qqlogin left">
% e  @* H' H  P. ?7 m. X0 wpct.sclub.com.tw<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>1 Y; k5 }- @/ d3 r2 ]2 \+ G7 e
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
% Y+ H5 y2 g9 F# @% gpct.sclub.com.tw# ~; t6 A3 Q. |
</div>
: x1 q2 b4 u% I8 u" G$ ZPCT 論壇<div class="fastlogin left">
) D- X1 c) m2 |, OPCT 論壇<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">, l2 Y/ m, g7 Q  {( D
<input type="hidden" name="formhash" value="a45a9ada" />
, R! a) f6 m5 F3 q" ^<input type="hidden" name="referer" value="index.php" />
  ?# P1 I2 F; ^, u3 u% a5 F<div class="loginform nolabelform">
& s+ H; M3 Z' n9 B9 d+ s9 m" P<input type="hidden" name="loginfield" value="username" />6 B7 a$ r. [$ f/ c
<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:;" title="忘記密碼" class="fpw">忘記密碼</a></p><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="registerbbs.php" title="註冊帳號">馬上加入PCT會員</a></span></p>
! g( y8 e' T: w2 ~8 B# Y. E<div id="yzbox" style="display:none;">8 V. v$ L, D; O1 t. B
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>/ q4 A, [: B, Z- s  W6 ~
<div class="selecttype">
0 H* Z: ?, j* P1 Gpct.sclub.com.tw<select id="questionid" name="questionid">
% p- z3 @- x# n" f0 R8 l<option value="0">安全提問</option>
0 p! N: I) k! m6 h  n<option value="1">母親的名子</option>
2 F4 B. w* q! O* r) Z$ R! K<option value="2">爺爺的名字</option>PCT 論壇" V" U% z" M2 g( a1 L0 O) S
<option value="3">父親出生的城市</option>3 O) W4 `. F$ [# g
<option value="4">您其中一位老師的名字</option># }( `  R+ I( ~2 G9 p
<option value="5">您個人電腦的型号</option>
- V. d. P6 M2 i0 e<option value="6">您最喜歡的餐廳名稱</option>PCT 論壇" p2 v& N& c1 ]2 {+ A  J
<option value="7">駕駛執照的最後四位数字</option>pct.sclub.com.tw3 S( K. p; z( w+ S9 W& u' T
</select>1 v& S$ C, X- w9 @
</div>PCT 論壇" i) @0 R! ?6 U# p8 r8 i
<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
. R. T' m/ ^4 o" o; s5 M% hPCT 論壇</div>1 C  ^& H# i1 A) n# R  c
</div>
9 v; }1 G. `% l4 DPCT 論壇</form></div>
. c6 p+ A2 d0 P7 ^9 {</div><script type="text/javascript">5 @, M4 ^4 X7 H# P- |* r
if ($("umenu") != null ){
2 ^; c1 Z( ^! K. Rif(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>