精仿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;}( d9 p. o, O+ K3 }6 I. [
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}. s# ]0 k; E! ]) y9 o" n; G
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
3 h( U, {, r  b; U" I3 P#umenu {z-index:888;}
7 I( S' r9 H- q) n" g#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
7 [6 G* H0 m$ T6 M7 jpct.sclub.com.tw#umenu #questionid { margin:-1px; }3 W( D" l- z2 K  A- D$ q6 Q
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}pct.sclub.com.tw! ]: ~1 D6 p) r
#umenu #yzbox input.txt {width:132px;margin:0px;}
2 F& @$ t8 Y! `#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}! m2 `: e$ s0 ^
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
0 p/ M7 y$ s$ L0 V4 ~, k5 o' X7 p  n  c# ePCT 論壇#umenu .zd {margin-right:7px;}
* H* S1 f; s7 e6 D' K#umenu .loginform label {display:inline!important;}
. t6 L2 G; E' W7 P' \  i. Z7 a#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}PCT 論壇* _) u" Z9 [+ x- U# i8 I* s
.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;}
' m/ d) M4 S+ [1 u7 Y, ^.yzwd {width:100px;display:inline-block;}
2 F* F. v' C4 r3 Z5 E; wpct.sclub.com.tw</style>pct.sclub.com.tw% r& {7 J( Y& E$ k: Q" W
<script type="text/javascript">
" R# V3 F) Q, N: Nfunction $(id){return document.getElementById(id);}
- `& q8 ~" i  q2 y# @0 y- ~function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}" U4 N0 i. I; j/ z$ _
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}( }9 L# V  t4 P5 X# F0 _. s
</script>
% v% Z  l1 x4 J! o5 c% |<div id="tb_1" style="display:none">/ W9 O& Q$ D  w! Q/ t  K
<div class="qqlogin left">
, M7 N9 i2 O! T: E2 \: x# apct.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>
6 G4 m; L6 O4 E& l+ g0 |: v0 G<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>PCT 論壇' q% K# [& d" o

( y  Y$ k) n- v9 ^3 j& o7 A</div>
+ g# ]8 i5 y3 a- a% j<div class="fastlogin left">4 w4 m9 F% W0 l. D& K
<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">pct.sclub.com.tw4 C/ I1 C( v' m# s
<input type="hidden" name="formhash" value="a45a9ada" />' n: J$ [( L, n6 O" x
<input type="hidden" name="referer" value="index.php" />
# \) j2 U4 p* @PCT 論壇<div class="loginform nolabelform">
6 ?" e( P3 c8 ^8 {6 e" I<input type="hidden" name="loginfield" value="username" />+ r% b4 h' I. a' v( 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>
4 V, W& v; i$ G+ B) e7 G$ L/ `: v<div id="yzbox" style="display:none;">+ j8 F; k. k# M- P. p
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
5 {, K/ ]1 \+ u. f<div class="selecttype">
8 V7 T0 A: k( w" {' Z<select id="questionid" name="questionid">. l- r2 {% A! b" m6 h
<option value="0">安全提問</option>0 r; @1 j& i2 `
<option value="1">母親的名子</option>pct.sclub.com.tw$ O! o8 I, A3 W( ^) g
<option value="2">爺爺的名字</option>
# I8 G( Y) b2 Z2 mPCT 論壇<option value="3">父親出生的城市</option>
$ @8 u* C/ n" m$ E2 V" mPCT 論壇<option value="4">您其中一位老師的名字</option>PCT 論壇0 @* B  A" Q/ Z
<option value="5">您個人電腦的型号</option>
6 }3 f! V. T% H5 n% Wpct.sclub.com.tw<option value="6">您最喜歡的餐廳名稱</option>
) o  E# P! z5 l' D: e) y, H7 qPCT 論壇<option value="7">駕駛執照的最後四位数字</option>
, t2 ]3 y3 b7 h: K: Y* N0 }( Z</select>
3 K  O' y+ c+ D) x</div>
, d* J! w$ c9 s6 h: u<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>- b1 G4 }$ E: Z  |4 ]9 z
</div>5 N) M4 f! C% |6 t- L# g+ i1 e3 p
</div>
4 P' t8 L$ v; S8 j</form></div>8 {( ]; }; L% r8 E6 Y' h2 P/ Q
</div><script type="text/javascript">' t: l3 b1 J) ~9 b0 P) H; v
if ($("umenu") != null ){; c1 R6 N: ^; n6 M' q5 I
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>