精仿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;}
, z0 }. \: v4 B9 upct.sclub.com.tw#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
  o' q  m% e  Y* a#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}PCT 論壇- n: v9 ?. q# b" Z
#umenu {z-index:888;}
9 ^3 v- H/ F; X% C) o- d  l3 E4 R#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
( e5 W# S+ Z; S' T1 a; z#umenu #questionid { margin:-1px; }pct.sclub.com.tw" d4 c! u) ]) ?6 s) @) L! {
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
. j' v1 p: i  f6 x8 e#umenu #yzbox input.txt {width:132px;margin:0px;}
6 S; H4 m2 [" R; p6 W#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
& S( X/ ^+ L/ I1 T& ^6 j#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
4 X9 b9 j4 g9 b( q- L. C0 z#umenu .zd {margin-right:7px;}3 H- S5 N+ j* G  |' M( a
#umenu .loginform label {display:inline!important;}
- @$ n* M4 o" {& V7 t' g" Ppct.sclub.com.tw#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}: j- l+ Y  f" v4 B% f( x1 }
.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.tw1 K  u* C) u4 J( \4 u
.yzwd {width:100px;display:inline-block;}7 H4 v  ?! X" W" w: s: Y
</style>
" D1 Z" |( F* Z- e; b, q$ Y/ o* N7 kPCT 論壇<script type="text/javascript">
% b. p% v$ `/ x$ Gfunction $(id){return document.getElementById(id);}
; E6 A( _# m0 |+ q6 p) Ffunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
# C6 E7 B) p# sfunction Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
5 Y! h9 l) \5 N" v& @</script>" }5 s9 a4 L1 I/ b$ n
<div id="tb_1" style="display:none">) O, ?, }2 R: O& z& p2 E& o& ^
<div class="qqlogin left">
6 Z& X; g) U  E<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>
! c0 ^. w/ [* I; U7 A$ @1 Q. CPCT 論壇<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
2 _& t- {( j# c/ Y& y
$ ]2 v5 p$ _9 y& R: FPCT 論壇</div>$ N( C  G- q+ U4 L- q" F: K4 T! e
<div class="fastlogin left">$ V0 P8 ?. O! W: r( V+ k, a1 q$ r# e
<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">" ^  c, H. K* x, M, C
<input type="hidden" name="formhash" value="a45a9ada" />
5 w8 m* [( X! H% ^- [! \<input type="hidden" name="referer" value="index.php" />5 ]- C" S' p3 \7 k4 y4 f4 G2 Z
<div class="loginform nolabelform">, C7 G& V  G4 n8 Z+ y9 c0 H  Z
<input type="hidden" name="loginfield" value="username" />
/ ?! c( J6 S" i8 ^6 h0 jpct.sclub.com.tw<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>( M* I  R) K7 C6 j. Q" Z
<div id="yzbox" style="display:none;">PCT 論壇5 ~' x8 _! }. e0 t+ U! |& _
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>  M, q! l5 B3 Q  i
<div class="selecttype">
! I& S5 y, H* J; P0 zPCT 論壇<select id="questionid" name="questionid">
, a7 Y) U) @9 K  o% L) q$ c<option value="0">安全提問</option>pct.sclub.com.tw, W& X- g9 E2 D+ v
<option value="1">母親的名子</option>PCT 論壇/ S# E) P9 [3 e8 }. ^
<option value="2">爺爺的名字</option>
: c) W4 h6 w2 o1 Kpct.sclub.com.tw<option value="3">父親出生的城市</option>
, U( z% {; v* z$ J& qPCT 論壇<option value="4">您其中一位老師的名字</option>
" V8 _9 C, u( q. y0 j<option value="5">您個人電腦的型号</option>2 N7 K2 d0 W. C& S/ _, H! x- Q2 }
<option value="6">您最喜歡的餐廳名稱</option>7 p8 Q: D# l  R- M3 ]1 g
<option value="7">駕駛執照的最後四位数字</option>
9 n0 ?% U5 j- p0 ~7 f+ G</select>PCT 論壇4 X8 E) r! G" d/ z2 o8 y2 I: @
</div>5 q" f. c: H* z1 L
<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p># O5 Q3 m/ A9 c' d; L/ Q2 \
</div>
# E; Y5 X0 W4 J% FPCT 論壇</div>( w; Q1 M: q& @  Y8 I. n" ]! C
</form></div>
6 C% a6 S- A! W/ Q/ S6 b</div><script type="text/javascript">4 W( H9 z: o& R& r; E* n# u
if ($("umenu") != null ){
$ A" m0 E& B; r# z4 }if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>