精仿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 j6 ^9 B& i& F, _& z7 F. i% @7 Z
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
( f; H2 q! I2 M7 u. @: b& f  V* t! XPCT 論壇#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
* R- [% \5 ?4 w$ c: g#umenu {z-index:888;}. o3 I' J& F3 x3 Z
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
0 G' R9 s. M: @9 z! dpct.sclub.com.tw#umenu #questionid { margin:-1px; }pct.sclub.com.tw1 B3 H' ]9 l* R0 W. f
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}PCT 論壇$ `6 D. A. N  `2 a( I
#umenu #yzbox input.txt {width:132px;margin:0px;}pct.sclub.com.tw$ k3 a- N2 k' M# @. W( m
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}4 {, w/ f& ~1 i6 |5 g6 J* o
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
' F' W0 Z; g/ d" G4 d, l0 |#umenu .zd {margin-right:7px;}6 J- c- @9 O! t& p" }3 e( N2 y
#umenu .loginform label {display:inline!important;}
# `' v+ A+ z& D2 e. A#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
+ X! D. g4 L% j# r- r3 w.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;}
% R: Y9 c4 s4 w" t' \! B.yzwd {width:100px;display:inline-block;}PCT 論壇) w2 T" _! |& a# X5 d
</style>
8 Z& n1 _9 U) v1 gpct.sclub.com.tw<script type="text/javascript">PCT 論壇6 B5 q3 d  \3 a8 K
function $(id){return document.getElementById(id);}PCT 論壇& f6 E$ N6 V9 l/ a: \+ w
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}# ?2 m4 c# z0 t
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}PCT 論壇; G0 W- n) x, T+ H
</script>
+ p" T1 ]$ @1 O0 h<div id="tb_1" style="display:none">pct.sclub.com.tw) J& A; M7 d6 C! B. Y
<div class="qqlogin left">, y  D  d( @5 d6 T0 y' I6 G
<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>
, q' u+ |; R$ B: u7 c<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>( B' w* K0 S3 }$ y& @

( p. O) G! a% j9 o5 Dpct.sclub.com.tw</div>8 a2 D+ ]0 s% q, q
<div class="fastlogin left">
" }" {) J, o3 P" ~8 J6 @- mPCT 論壇<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
2 Y+ H) r. N6 O  z* t  W<input type="hidden" name="formhash" value="a45a9ada" />
0 b% o. e; J: m9 g, [<input type="hidden" name="referer" value="index.php" />pct.sclub.com.tw1 K1 A% D4 ^- h8 Q8 y+ P
<div class="loginform nolabelform">PCT 論壇$ t- b$ {" e$ d5 Y
<input type="hidden" name="loginfield" value="username" />/ q# u3 r2 U, m9 p8 M& e2 m2 S& 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>& O; U3 X; t. ~+ c0 z; j" A
<div id="yzbox" style="display:none;">
/ d' g, _0 y% E' Mpct.sclub.com.tw<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>& v. z# \5 |% h- x: m1 |) ]& A6 K; j
<div class="selecttype">% ?0 ]* }- N4 y# W7 Z, `
<select id="questionid" name="questionid">PCT 論壇  v5 k' i1 I9 n
<option value="0">安全提問</option>
4 K) ^3 ]5 P& J<option value="1">母親的名子</option>' `) A- L' o) m7 d5 O1 q
<option value="2">爺爺的名字</option>2 r& y9 j- r' p. I! P) Z$ l
<option value="3">父親出生的城市</option>  N. d% V4 T9 |& Y0 ]$ G( x! Q
<option value="4">您其中一位老師的名字</option>0 `7 D7 O" I- ^5 Z( f3 C( e  h
<option value="5">您個人電腦的型号</option>
( h6 _7 D, @# k1 n7 p3 o<option value="6">您最喜歡的餐廳名稱</option>
  s9 j# V# l& _: P<option value="7">駕駛執照的最後四位数字</option>8 r1 s) ^& L  q; s% {
</select>8 [8 }5 k9 `) m3 c3 ^, I
</div>" {9 G3 ?  J! c4 j# [. T9 S
<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>" t1 O7 m8 G- t6 a! K
</div>* e! R4 C6 c; l; a) Z# l
</div>
7 A! Z! i, t/ V" N) d/ l/ ]& Ipct.sclub.com.tw</form></div>pct.sclub.com.tw- j6 s' u/ q$ v3 M5 N
</div><script type="text/javascript">pct.sclub.com.tw" e' u# d" B7 |- }
if ($("umenu") != null ){  V4 c! C1 u2 g5 D
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>