精仿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;}4 F3 h+ _; u( J0 M
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}PCT 論壇' C  u2 x/ b, j
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
3 w( |: A- `7 |* h. Upct.sclub.com.tw#umenu {z-index:888;}
$ J5 m7 t+ ?6 n' Fpct.sclub.com.tw#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
/ c. m/ _7 G9 r5 s' S. ~pct.sclub.com.tw#umenu #questionid { margin:-1px; }/ b/ T: w9 |' N; d: Y& ?
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}( v: i  l2 r, o; P: Y2 W6 s
#umenu #yzbox input.txt {width:132px;margin:0px;}  b* M% i# F6 p! b5 H" n
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}3 e% p( N2 o) v
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}  I8 \6 \" D) X6 t
#umenu .zd {margin-right:7px;}
4 @" f) D! k" {( M4 {6 c& q' M#umenu .loginform label {display:inline!important;}
& V& J; ?8 V3 O& |8 ]#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
/ Y+ p- b9 a1 V( [2 p; |pct.sclub.com.tw.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;}$ W$ C$ s8 [6 z: M/ Y6 E, V4 \
.yzwd {width:100px;display:inline-block;}PCT 論壇) b1 `9 @0 \! |* G' P: t
</style>
1 E2 R$ P6 O( t4 l" M+ hPCT 論壇<script type="text/javascript">. e/ _! O* K2 q/ m& ^- ^8 h. u6 I: Q
function $(id){return document.getElementById(id);}
) J  {6 ?4 A. Cfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
, q- j: I$ X) U4 S7 Z0 I3 |5 ^PCT 論壇function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
- t: n# z/ x; Lpct.sclub.com.tw</script>
3 s0 T% H. o; ^  s<div id="tb_1" style="display:none">+ N) p' G7 D2 q. p( `$ D
<div class="qqlogin left">
, X1 {+ [; C& N2 f9 N! }" w! `<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>& M5 u% k. v" V5 d2 }, |
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
- \4 J2 B1 e7 U" k# L0 _- Z+ Q1 _2 K2 A+ E) N
</div>6 w/ L3 `, H; `8 K& y
<div class="fastlogin left">
, G! E4 v2 W. b<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
0 L7 N: k6 a* h/ V<input type="hidden" name="formhash" value="a45a9ada" />
  u, f  k7 ^2 O! X! U! |<input type="hidden" name="referer" value="index.php" />
- Y$ J4 g) b- s# S7 xPCT 論壇<div class="loginform nolabelform">pct.sclub.com.tw1 ]6 ]) C  ]2 ^! o/ n! a
<input type="hidden" name="loginfield" value="username" />( V+ S5 ^$ A3 D( {: D5 [" |; x$ X
<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 t2 k; _: }$ e" J7 D<div id="yzbox" style="display:none;">pct.sclub.com.tw" z( X3 S$ I) a
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>pct.sclub.com.tw0 i+ U5 K% b) V- W4 B# x9 q' X
<div class="selecttype">9 I0 N% @4 }; T: g0 {! e
<select id="questionid" name="questionid">PCT 論壇) G. _9 ]2 @# \; L: H4 H. z, {
<option value="0">安全提問</option>PCT 論壇+ r2 ]6 J8 o! x, R: q
<option value="1">母親的名子</option>
/ E: h) _1 B5 Q, o<option value="2">爺爺的名字</option>
+ q: ~) Y& S5 y7 T! X1 Ppct.sclub.com.tw<option value="3">父親出生的城市</option>
! V$ ]0 l% \1 Z5 R5 P% z<option value="4">您其中一位老師的名字</option>
/ \7 q! k0 H0 S6 K! J5 z<option value="5">您個人電腦的型号</option>PCT 論壇& e, [$ {2 x- B& e# i
<option value="6">您最喜歡的餐廳名稱</option>
  ~- ~  G6 p& w& ^<option value="7">駕駛執照的最後四位数字</option>
: {$ K# A: J; n* y2 _! v, Y4 ]( r</select>PCT 論壇% V6 V. x% O2 I9 j& v& m
</div>
! I9 H5 f9 v/ k( ]8 r! v# ~<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>& R3 B0 n& y: i" a, z
</div>0 K4 T, I% T0 D: p% D
</div>
( }3 q( S( R* x* ~9 S- c</form></div>
# j+ W* c7 V# z! z! r# L</div><script type="text/javascript">5 a% r4 ]5 W5 t# M. h+ g* \8 [
if ($("umenu") != null ){
$ m3 t! d5 V1 u. a  ~PCT 論壇if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>