精仿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;}( G2 P' Z  i9 ~) n7 c8 k
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}: t; v3 I7 y" j0 E* ?: g$ n
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
& [9 Z& z/ P. L) ]www.pct.sclub.com.tw#umenu {z-index:888;}7 }7 [: b# H$ }' \3 X; U
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}PCT 論壇8 Q# a5 w4 U1 s5 ?
#umenu #questionid { margin:-1px; }PCT 論壇' V: ]! J5 A% Y. k# K& m+ z
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}+ ]% \+ ~6 a3 U, d1 ]5 R6 B4 E% X: F/ {
#umenu #yzbox input.txt {width:132px;margin:0px;}3 F- p6 x7 p( a5 N" }+ t' o/ u
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}www.pct.sclub.com.tw' {* O3 B  x; R+ F7 Q& P( ~/ b. C
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}" d7 A7 z. c8 K
#umenu .zd {margin-right:7px;}
; ~8 c+ {( B4 Q! ]  U#umenu .loginform label {display:inline!important;}PCT 論壇6 H4 J0 J5 A8 B4 J' V( B& M
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}www.pct.sclub.com.tw9 y2 m% U& V  u' B
.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;}
. X, J! d$ _$ O" h0 L.yzwd {width:100px;display:inline-block;}
+ t$ G  ~* Q/ ~: T0 d& CPCT 論壇</style>
, k5 @  \% c' r: Z8 i! N0 z* s<script type="text/javascript">) i- S% B' K- g! T! d8 }
function $(id){return document.getElementById(id);}
0 \/ k* R( Y7 Afunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}+ k! W7 u: u: e0 N
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}* c2 q! k! Z: K- T( ]) H
</script>
" N* e, U5 D6 G& Y  p4 ^/ D  OPCT 論壇<div id="tb_1" style="display:none"># L6 I9 X& n' C
<div class="qqlogin left">
! s0 H) V$ W' F$ c- d6 @! wPCT 論壇<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>PCT 論壇4 A8 z7 D3 f, R+ h% o3 J7 O
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>! v- v6 a# |2 t6 H1 K7 H: d* z
$ R# q6 S# f% J( m
</div>- v1 I1 j6 m2 E) M1 y( [
<div class="fastlogin left">
5 Y9 T/ G/ _' Y! x6 q# x; h<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">1 z( }2 O* f3 J
<input type="hidden" name="formhash" value="a45a9ada" />
8 R: h$ Q% ], J, |www.pct.sclub.com.tw<input type="hidden" name="referer" value="index.php" />
3 [1 O+ C% m" @; X  uPCT 論壇<div class="loginform nolabelform">
! J& [3 c% J  O; p0 S<input type="hidden" name="loginfield" value="username" />www.pct.sclub.com.tw% Z, u2 Z, b* \) 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>
2 B7 R  @2 r. \2 J<div id="yzbox" style="display:none;">6 ]- y# _  F" `& z0 T# ]- C+ L9 h
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>PCT 論壇  L( j( p1 A) p, N8 I
<div class="selecttype">
  \/ }) ^) C8 Ewww.pct.sclub.com.tw<select id="questionid" name="questionid">
+ W% O0 }1 ^% g7 }<option value="0">安全提問</option>PCT 論壇( h- Z8 ~7 G- T/ o* H
<option value="1">母親的名子</option>
0 p1 p: @* y1 J' o/ u<option value="2">爺爺的名字</option>
: Z- I$ f$ ^$ v. z: s9 P1 ^PCT 論壇<option value="3">父親出生的城市</option>
% U. D. c. E: M" A& r) y8 }www.pct.sclub.com.tw<option value="4">您其中一位老師的名字</option>
( V9 B+ ^' g7 ]5 V% b: l<option value="5">您個人電腦的型号</option>www.pct.sclub.com.tw: a5 h9 V9 S' B2 }" ~
<option value="6">您最喜歡的餐廳名稱</option>3 g4 K' P/ N+ U7 w3 r9 ?! n
<option value="7">駕駛執照的最後四位数字</option>
8 R' X2 ~$ K+ Q5 y9 L1 y6 ^# R3 w</select>+ `- [9 h. o6 ~
</div>
2 Y( q+ {% V7 }3 |. ?www.pct.sclub.com.tw<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>PCT 論壇( s5 h1 n' A( W( u3 ?
</div>
0 d5 g" N' n! @</div>
+ Z& i9 a4 s+ m* c/ \</form></div>, X' Q5 {; u) y4 x9 s4 G
</div><script type="text/javascript">
4 ^, C/ V$ I+ u; r1 [1 gPCT 論壇if ($("umenu") != null ){
, k* H; ?* c+ dif(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>