精仿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;}PCT 論壇& M& W1 A: ^/ F- g/ a5 m
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}2 G4 G1 G+ z7 W* z" k# E
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
6 {: u2 a; u: Upct.sclub.com.tw#umenu {z-index:888;}PCT 論壇$ y4 E& e0 u- v! P
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
$ h* K; T% v1 B% b5 O1 q#umenu #questionid { margin:-1px; }PCT 論壇7 t) E! p- E+ S' i
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
" @, r9 ~' Q, q2 Y#umenu #yzbox input.txt {width:132px;margin:0px;}
0 G8 m  s- X" B! t- |#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}PCT 論壇6 j0 c: E# f# w/ c
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}6 e. C/ N# T& C, F0 m6 a
#umenu .zd {margin-right:7px;}
9 F# P, v  p6 i& P2 v#umenu .loginform label {display:inline!important;}
; m& C. Y! o- y% X5 v$ \% f#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}: S* Q5 d4 g, G- {
.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;}) I4 I2 ~( e' V; p" {6 k9 K
.yzwd {width:100px;display:inline-block;}
+ g" F$ Q  _- Y) {7 a</style>
$ v1 h6 u2 X7 C. m+ O<script type="text/javascript">pct.sclub.com.tw3 @' t2 E$ y* ?4 b. [8 j* f# D, ]! r
function $(id){return document.getElementById(id);}
" s3 M' M: v2 Qfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}PCT 論壇+ J5 V" M0 }/ \) y0 q0 {
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
0 d# R: U/ G% x( Z5 Y</script>
/ l/ X; y" u% [; Z9 C5 U& Q<div id="tb_1" style="display:none">
- x; [" Y  m2 z. Z6 s: h<div class="qqlogin left">) |: Y/ C( f2 Q% V& s9 a
<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>$ U2 f- w" }0 j' f- z
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>pct.sclub.com.tw- Y1 o6 S: y- |; ^/ c+ M/ O

: X, |) c; H$ ^1 e* K3 d3 h) Ipct.sclub.com.tw</div>
1 k+ r/ O0 y% d" j/ E/ [<div class="fastlogin left">
7 I) ?$ d' x* g/ v<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
7 D) Y! Y) f  _5 W5 {PCT 論壇<input type="hidden" name="formhash" value="a45a9ada" />
( O1 X) a8 h; D: rpct.sclub.com.tw<input type="hidden" name="referer" value="index.php" />* E9 F- o, T$ B5 ]
<div class="loginform nolabelform">9 r1 a) I6 s& p1 ?& W
<input type="hidden" name="loginfield" value="username" />
2 W$ F& a- S9 I# q7 q<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>; p9 v/ P( M3 T& Z1 `; Z
<div id="yzbox" style="display:none;">
0 I+ |- @. @$ R$ C  h0 d3 `8 O, GPCT 論壇<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>pct.sclub.com.tw( D0 h3 G! g+ m$ B# p) x+ k
<div class="selecttype">
+ Y2 B2 ]3 a; l<select id="questionid" name="questionid">  F" Q0 E, X7 L8 N
<option value="0">安全提問</option>& s! ^8 ?8 ^; ]$ J8 G% q
<option value="1">母親的名子</option>1 ?. f9 }6 d6 E/ D0 Y0 _
<option value="2">爺爺的名字</option>PCT 論壇( K7 {* G: I* v& q  f( P
<option value="3">父親出生的城市</option>
5 {! r1 Q  c7 n9 ]! [; W$ EPCT 論壇<option value="4">您其中一位老師的名字</option>PCT 論壇( s# |% M* E# U6 W8 ~% N. V, R
<option value="5">您個人電腦的型号</option>
( d% J" x3 N3 f  C, SPCT 論壇<option value="6">您最喜歡的餐廳名稱</option>pct.sclub.com.tw* h. n3 A$ R3 I& p
<option value="7">駕駛執照的最後四位数字</option>
& x7 R# |4 w- [! p: n, N/ Upct.sclub.com.tw</select>
" g- r3 F; m' C4 I& G% Z+ W  B/ {7 ]pct.sclub.com.tw</div>
1 }" R+ {" Q0 r, \" ~% h3 t<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>PCT 論壇( [8 E5 o  B& C1 ]* ?1 d3 ?
</div>
8 Q" p: @5 E* D. V4 l3 j  p8 V</div>
8 }. @, T9 z0 `, k</form></div>
9 t  `6 {" k2 d3 u8 zPCT 論壇</div><script type="text/javascript">. V8 T4 ]+ \; N2 N7 e: ^. @
if ($("umenu") != null ){
! s: l. f4 D7 i/ l# O+ V  gif(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>