精仿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;}- k% X3 w- F, a6 c% C+ l
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
0 ~, \& D* p9 H, owww.pct.sclub.com.tw#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
2 z1 `( d8 b2 [2 @' V1 u$ r: RPCT論壇#umenu {z-index:888;}9 J: O+ ~) V  S0 B$ O0 N6 F0 G. ^
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
3 J% u1 \4 S5 V! D- OPCT論壇#umenu #questionid { margin:-1px; }PCT論壇$ y( Q# Q/ M/ I% d: ^  C
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
' y3 c7 ?7 C4 g8 ?6 ~#umenu #yzbox input.txt {width:132px;margin:0px;}
4 V2 x: B* s0 J#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
: B- m- W, q/ u7 Pwww.pct.sclub.com.tw#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
6 B, }* V) j9 C* u#umenu .zd {margin-right:7px;}0 f2 I3 {% [/ A3 E6 {$ a/ g2 f
#umenu .loginform label {display:inline!important;}: C0 e$ K# L6 m5 i. P- l
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}, ^% q* \  u" S* S8 m
.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;}1 d9 F" x$ K, Y4 W* k" c( x" z
.yzwd {width:100px;display:inline-block;}www.pct.sclub.com.tw  }4 i) P: i1 I7 t* R9 T0 N* |
</style>
- V+ a% n' k" g! y! }% t<script type="text/javascript">
8 N- x7 B" M) b4 n( e* g8 q5 ofunction $(id){return document.getElementById(id);}
+ f4 V- E# ^  P$ Tfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}3 b  v& N) W2 }" g
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
: t2 @% f5 M5 X( W3 y</script>/ G5 Q4 b: M/ m& f" Q9 d# b  B/ c
<div id="tb_1" style="display:none">PCT論壇: J3 m* d; W! n  S0 f5 ]
<div class="qqlogin left">www.pct.sclub.com.tw. W1 H+ }' N. A$ r4 D* W
<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>
' e7 E3 J( a( k- ^# `9 r<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>www.pct.sclub.com.tw' Q# Z0 p+ p  @
. G6 O6 }0 Q" }- X2 l9 P
</div>" G* d6 o+ p5 n/ L
<div class="fastlogin left">
* [( L' T" L) q+ ~0 b) ]7 j% s) y& v<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">' A  ^; [( `0 u, ?( L5 k! n: i
<input type="hidden" name="formhash" value="a45a9ada" />PCT論壇& ~& l! r. v7 V/ J
<input type="hidden" name="referer" value="index.php" />
6 s/ A% E: k6 e/ t. |. \1 F, e<div class="loginform nolabelform">
0 q3 M( B# l) T4 j1 z% l5 |<input type="hidden" name="loginfield" value="username" />
8 h  g  R. n) B/ y. Z9 ?' v7 `: N& {<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>www.pct.sclub.com.tw3 i* @1 L" _( n3 ^( I
<div id="yzbox" style="display:none;">
/ V) Y  r7 j+ z8 q6 N9 z<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
, j3 T# u; I1 T5 Lwww.pct.sclub.com.tw<div class="selecttype">
: Y8 p) }7 I4 P" w1 z7 p" X$ s2 KPCT論壇<select id="questionid" name="questionid">- H9 n' m, o' r/ V6 V: J1 k/ u
<option value="0">安全提問</option>$ _' [/ b+ T# E) K$ c
<option value="1">母親的名子</option>
+ {+ j8 A0 ~0 ^+ E# K* G<option value="2">爺爺的名字</option>! D; p) }" c! \+ y/ `4 H0 |1 ^$ ]" U) |
<option value="3">父親出生的城市</option>- o# I' X1 L% E9 B; z' O9 H$ ~
<option value="4">您其中一位老師的名字</option>
  C; j4 N7 S# {% `' u: m- z$ |<option value="5">您個人電腦的型号</option>
+ }/ P4 `+ v9 o7 G( SPCT論壇<option value="6">您最喜歡的餐廳名稱</option>5 y& ]6 a' N% b& \" \+ v/ E
<option value="7">駕駛執照的最後四位数字</option>www.pct.sclub.com.tw9 _0 Z8 r" y, \' F7 K/ o) g2 x) r
</select>
- F! x+ E3 a" }. F6 o. x5 |8 \PCT論壇</div>
* ]/ {: r+ J5 F- |* jPCT論壇<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
/ Q( G: e" Q3 H: ?3 |+ H  b</div>  |  s. Z6 l* y* f3 T" F
</div>PCT論壇9 a! E. n7 T5 B. l* Z4 m5 g
</form></div>
: x$ h7 j  R# k9 Q1 C0 g( Q</div><script type="text/javascript">
$ Y0 e( h6 l' I. ?: n& p( F: vif ($("umenu") != null ){
/ M/ N6 d# U0 R* p7 sif(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>