精仿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;}$ a; f6 P8 K! O) c4 j* Q
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
8 p3 ]( L" x* i/ Y+ W" R0 tPCT論壇#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
  E1 y; H. k! rwww.pct.sclub.com.tw#umenu {z-index:888;}
% }+ {1 f5 }7 ~( @www.pct.sclub.com.tw#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}www.pct.sclub.com.tw5 D. r$ {. I+ \4 d6 ?: j( F2 I
#umenu #questionid { margin:-1px; }: M6 Q, ~9 n* H
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}, }8 e9 x: |% h# ~, k! A* W
#umenu #yzbox input.txt {width:132px;margin:0px;}
0 D, ?7 H1 V: y) m6 [#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}0 i1 f7 ~9 \% l2 i; P( K* _
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
) K( W; o* @3 \#umenu .zd {margin-right:7px;}www.pct.sclub.com.tw: W3 n  T# f( d. D5 g* e( {7 K  X
#umenu .loginform label {display:inline!important;}
1 F  W) w% F8 ~) T; Q% f#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}1 H9 f# M: t1 J: Q' F  c- k' ^
.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;}
% S2 \  B/ R; u( v% z4 Z) BPCT論壇.yzwd {width:100px;display:inline-block;}
$ ?1 ^5 n, g( C! A; j1 ~8 w</style>PCT論壇3 K* o7 A* L7 N* b7 d7 O. I
<script type="text/javascript">
4 Z* t1 Z$ u" m/ O5 w4 A1 ~0 ePCT論壇function $(id){return document.getElementById(id);}PCT論壇# P- M3 L& X3 Q
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
% m( d, O3 G' E) e- }; ofunction Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}0 C3 h1 V8 ^6 Y
</script>
0 H% m/ l' d# E3 XPCT論壇<div id="tb_1" style="display:none">) ~6 v% O3 j; v& [
<div class="qqlogin left">5 O- E* h4 }$ z3 p$ g8 L: _; _
<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>
; ^6 s+ Q9 K! C( s: O) }) p<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>& `/ y* o( c2 S8 m* u0 N) g. i
www.pct.sclub.com.tw4 b1 S0 t. M8 I$ G+ c8 U8 P3 t
</div>PCT論壇4 f. p1 v8 k# E2 r3 E) ^, t$ f
<div class="fastlogin left">
8 Y( @  P7 Y& W8 x& ~, s$ d<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">www.pct.sclub.com.tw) C  a" L- S6 M5 @& e% @
<input type="hidden" name="formhash" value="a45a9ada" />
  G0 m/ |) F) w& T- s<input type="hidden" name="referer" value="index.php" />
! ?6 `5 k$ |& R3 o( h0 ~( n2 F<div class="loginform nolabelform">PCT論壇2 J9 E& u& k1 i4 H: n3 @: a6 h5 n
<input type="hidden" name="loginfield" value="username" />) c1 T5 ~0 |* P0 o3 c# J% T3 ]1 _
<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>5 h! E! T! _( D1 N. ^
<div id="yzbox" style="display:none;">3 x" Y/ |: @$ Z0 ^) C6 a
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
1 ^: `4 Q2 r( [, S: K<div class="selecttype">www.pct.sclub.com.tw! ^( p9 h  H9 M( w  a% U
<select id="questionid" name="questionid">
8 c( |/ j/ {" O' |5 Dwww.pct.sclub.com.tw<option value="0">安全提問</option>www.pct.sclub.com.tw. r% |/ p% V3 T' I: ~
<option value="1">母親的名子</option>) p2 w5 k- B1 Q: U  `2 R
<option value="2">爺爺的名字</option>PCT論壇" {0 q; o* J7 J. n7 h( R9 m" k
<option value="3">父親出生的城市</option>www.pct.sclub.com.tw# n; e) J6 F+ a$ ?# Y, H
<option value="4">您其中一位老師的名字</option>
- a# x8 k% ~7 T; j7 KPCT論壇<option value="5">您個人電腦的型号</option>www.pct.sclub.com.tw+ ~% |' l& q+ k8 U7 A: d) r
<option value="6">您最喜歡的餐廳名稱</option>
3 [" n4 I3 P, X1 C* G( ~<option value="7">駕駛執照的最後四位数字</option>8 @& ?! I* U* v
</select>
  w6 D! G" r/ S( L/ f7 }</div>7 Q/ @, C, c# y* o  v# {1 N& A
<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
( f4 z/ B8 d$ V</div>
* g9 t% ^3 u; g" Z" v</div>
# j1 x' n1 d; X# A% u</form></div>
# q' m2 l- T: \4 u" k8 R( O$ F0 l( {) owww.pct.sclub.com.tw</div><script type="text/javascript">
% @% Y, h) d/ nif ($("umenu") != null ){
5 p" T9 j6 v+ I& L& ]+ J: zif(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>