精仿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;}5 l4 y8 |9 F. K  _; z  u
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}9 `5 U; W9 X6 E3 M% b3 Z
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
$ w% ^" }% I* H1 Y* @* Z0 z/ N/ m( Apct.sclub.com.tw#umenu {z-index:888;}
; ~9 ^# K6 y7 p8 }/ L8 ~PCT 論壇#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}; |) }% X7 t: K8 w/ c9 C# B
#umenu #questionid { margin:-1px; }
3 N; |1 S/ M+ t1 N#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
" r; G! k5 O# H% w#umenu #yzbox input.txt {width:132px;margin:0px;}: Q6 m( w1 b# S3 ?, ]+ j, P: u0 l( B
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}# f* y  y0 Z- y
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}( Z3 Y7 E7 \: S# J% b1 |& s# _: s
#umenu .zd {margin-right:7px;}PCT 論壇2 p  E& u  T# K+ n0 q$ p/ y
#umenu .loginform label {display:inline!important;}pct.sclub.com.tw5 l  b( B6 K! \6 F4 v
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
9 n5 L1 a( k: r.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;}pct.sclub.com.tw5 ?* d3 X7 C( t! i0 |, ?
.yzwd {width:100px;display:inline-block;}
) v; ]% [8 `7 T( C: Z9 E</style>
& l0 y- B3 C( N  e7 c# d<script type="text/javascript">
( E3 j2 s0 O( \/ L5 v$ vfunction $(id){return document.getElementById(id);}
; T4 R+ _4 r; Y  V% xpct.sclub.com.twfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}. ?8 ?0 B  F( X0 U* e; U
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}PCT 論壇; t& g6 }3 L+ L- z
</script>
. b& a$ Y: t; j1 x  ^* M5 }6 cPCT 論壇<div id="tb_1" style="display:none">
6 M! m' J! a% E) tpct.sclub.com.tw<div class="qqlogin left">
$ t& T) z1 {/ s% tPCT 論壇<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>
( M( C1 p7 X& Y6 w) z# Fpct.sclub.com.tw<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
- Y) d. t- H; U3 z3 e* [pct.sclub.com.tw
6 A# n' ~- c3 r0 yPCT 論壇</div>
0 N) Q4 r8 r+ x5 Lpct.sclub.com.tw<div class="fastlogin left">+ v3 I0 x9 S+ T, F$ e; H$ B
<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
; U, v2 q( n7 g$ G. s/ W* s3 @<input type="hidden" name="formhash" value="a45a9ada" />pct.sclub.com.tw. s  @* E3 g  `# V
<input type="hidden" name="referer" value="index.php" />
, V9 g: ]3 N" R# P* nPCT 論壇<div class="loginform nolabelform">PCT 論壇: v5 c8 v$ E" G. D
<input type="hidden" name="loginfield" value="username" />pct.sclub.com.tw; }. R$ e) ]& k) j
<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>" ]; ^" w$ l9 v% g; n
<div id="yzbox" style="display:none;">PCT 論壇; K1 c5 v& l& y. x+ O- v/ o& T
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>$ v4 T2 b. K$ G5 [! q
<div class="selecttype">+ Z) `8 l( S) A
<select id="questionid" name="questionid">
' ~- P# t6 e; X9 m5 K8 I) spct.sclub.com.tw<option value="0">安全提問</option>2 d8 d- _0 F* ~$ b- X% |$ I% v  [4 y
<option value="1">母親的名子</option>  x6 t' K4 x" O9 f# a/ r
<option value="2">爺爺的名字</option>PCT 論壇2 H& T# C( k5 w; L1 b4 n! y2 O
<option value="3">父親出生的城市</option>
/ q. |9 u1 z' X) {PCT 論壇<option value="4">您其中一位老師的名字</option>PCT 論壇$ H" I. j5 _9 J$ B# f
<option value="5">您個人電腦的型号</option>
6 z2 j9 r8 l  E9 o  b8 m5 f<option value="6">您最喜歡的餐廳名稱</option>
& o% |4 z4 ^0 r( W: i<option value="7">駕駛執照的最後四位数字</option>
& `; @7 P, J; R& g! p; ^8 a</select>' v2 n+ s: v  P) ]# c$ T2 ~
</div>
/ T5 B6 F' l' [. x9 @, ~# X* c0 a( Vpct.sclub.com.tw<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>PCT 論壇. S+ ~4 O  k; p, Z4 g6 D8 i. R
</div>pct.sclub.com.tw# W6 B) S* M& p
</div>2 y6 Q% y4 Y6 a; H2 N( i
</form></div>
# Q( ]" \" y, W- i: Kpct.sclub.com.tw</div><script type="text/javascript">pct.sclub.com.tw& u4 ~! W; Z% V' L% J6 X" c0 U, d, k: Y- i
if ($("umenu") != null ){8 p0 C% U* V( _. a; ^/ E
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>