精仿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;}+ `" ~' Z4 t$ d0 G* n$ u# ?% E
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
: ~& V/ K3 w% |) k$ N. x. s8 Q3 c* `PCT 論壇#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
* b$ a/ V4 v0 T# xpct.sclub.com.tw#umenu {z-index:888;}PCT 論壇. y) `- Y# [- ^% R
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}pct.sclub.com.tw" w5 f( c# E+ `7 q- U
#umenu #questionid { margin:-1px; }
# S, X- s- j/ GPCT 論壇#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}3 M2 D( S3 e+ b3 E7 A2 S
#umenu #yzbox input.txt {width:132px;margin:0px;}( y3 N# f0 d$ r! [! E
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}0 l4 U" G2 p7 W3 L7 Z& N
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}PCT 論壇7 l  B) d! B/ G. v* [$ ?
#umenu .zd {margin-right:7px;}' t9 g, g% V& D# P: b6 q' Q
#umenu .loginform label {display:inline!important;}
5 b& K5 X2 ]7 V: ?% S/ p: D* r) J#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
1 S# G# _' f8 F! ^1 a0 nPCT 論壇.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;}
6 r, w8 l1 z; w.yzwd {width:100px;display:inline-block;}
: L7 F0 W. s2 x5 C/ ~/ L$ rPCT 論壇</style>; l, T( M5 g$ N! K7 T  _$ N
<script type="text/javascript">
- ]# ^/ W+ ]! ^6 _8 D$ Efunction $(id){return document.getElementById(id);}
6 R3 M: v0 t2 APCT 論壇function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}( P. f' N& o1 s& Q. O
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
  u5 R* L- e1 X) _. vPCT 論壇</script>PCT 論壇4 h7 [4 D6 B. R) {1 B* n
<div id="tb_1" style="display:none">1 X7 b( r6 o6 `4 J$ a: h$ B' D
<div class="qqlogin left">
' |6 j* _8 P- x) R2 B/ X) K; a<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.sclub.com.tw* z4 {% D" p+ o
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
$ E& J  P8 l4 h1 n* ?5 h1 ppct.sclub.com.tw5 `- m0 F3 q7 P7 w! \
</div>PCT 論壇% ^/ q/ R. i9 Q) V  j+ W- H
<div class="fastlogin left">
8 @4 b" q% C+ d! W' W* J& l2 `3 O" Gpct.sclub.com.tw<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">PCT 論壇  a- V5 ^4 M3 m2 D' h1 {) f
<input type="hidden" name="formhash" value="a45a9ada" />
: p' O- U% e! F5 H9 R1 B& f4 d2 Ypct.sclub.com.tw<input type="hidden" name="referer" value="index.php" />1 K  }3 A5 W8 w% b/ C8 l
<div class="loginform nolabelform">
* w( Y+ J) [2 w( x9 z<input type="hidden" name="loginfield" value="username" />
# M- H* k0 Q8 O- m  \2 S3 C<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>1 v3 }% m. \6 l% B$ \& h6 a
<div id="yzbox" style="display:none;">
! s, t- j: f4 y<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>: ]0 H$ J1 H% ~; S
<div class="selecttype">
% C5 g& \4 J5 W5 Z( iPCT 論壇<select id="questionid" name="questionid">
' ~& A+ C' V5 S; h7 _0 Dpct.sclub.com.tw<option value="0">安全提問</option>& _3 s# [4 n  V9 s) W
<option value="1">母親的名子</option>pct.sclub.com.tw% Q4 N* N' N) i) q" L
<option value="2">爺爺的名字</option>PCT 論壇6 J. ?$ u) \) c4 S+ [
<option value="3">父親出生的城市</option>; B( H( v* p5 H' N6 e6 M: ]
<option value="4">您其中一位老師的名字</option>
1 y" A3 A1 _8 x' I* XPCT 論壇<option value="5">您個人電腦的型号</option>
5 f5 o- U2 w8 v4 `- k# H* K, d' t. N<option value="6">您最喜歡的餐廳名稱</option>
& ~: r: v, r) i, E  M<option value="7">駕駛執照的最後四位数字</option>PCT 論壇: G* G  p! q; Y, C+ D/ G+ }: A
</select>& l. t+ h1 h* ^7 R  F' I4 O, c: D
</div>PCT 論壇9 Q: n% U' k, U
<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>/ S: `2 g- D* o
</div>PCT 論壇$ V7 G$ O/ k( C9 ~8 ^3 b$ C
</div>6 X0 x0 N9 G4 P: Q  \) @
</form></div>
# j" R, R% f1 g* p& w( o</div><script type="text/javascript">
2 I7 l, j2 g( Gif ($("umenu") != null ){
% Y8 \. Z6 i+ j! f  nif(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>