精仿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;}
( H# v* S$ |" b& I5 C) W- d& J4 [#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}pct.sclub.com.tw" [, f' M$ \$ U6 R, F& Q8 @7 ^8 ^
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
& F1 O2 ?3 d# y6 E: C#umenu {z-index:888;}pct.sclub.com.tw2 H' V# r  u- P% s. O' z
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}: D5 N) v6 }2 y  L. L
#umenu #questionid { margin:-1px; }
! l, f2 _! s! K& c; L, E: b#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
: @8 e: p3 C: u8 f8 t. l  c#umenu #yzbox input.txt {width:132px;margin:0px;}PCT 論壇& P2 {6 _6 X' N  K' T- i4 B
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
, ^- Y4 R4 r  l! ]) T4 @$ L#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
# V& B* f3 M+ h- i) |3 X- W9 l#umenu .zd {margin-right:7px;}% l: N3 p/ r+ @5 N3 o4 x5 a$ z1 O
#umenu .loginform label {display:inline!important;}
! U# F" p# y6 q# v7 k#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}1 E# h* U+ @( e9 S) O4 N
.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;}
* x& C& ^3 C5 U" Q, E.yzwd {width:100px;display:inline-block;}pct.sclub.com.tw4 y* \! h. }) P6 b: t7 {
</style>8 T  c" ~4 Y6 p, Y! }
<script type="text/javascript">
6 q" j' C1 V! h* O3 m8 B9 c/ lfunction $(id){return document.getElementById(id);}PCT 論壇! p2 l/ Q2 n0 R5 K
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}& ~$ C" `% w. ?
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}pct.sclub.com.tw) Q- C4 o* o' w8 P
</script>PCT 論壇; g6 X& ]3 E4 p8 b: |! c2 J" r4 u4 f7 l
<div id="tb_1" style="display:none">
8 r; h% V% b2 [% N, P/ P<div class="qqlogin left">
& c& {8 h2 f& z% z: Zpct.sclub.com.tw<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>
  q9 U- C- b1 e5 E. r% e0 L# tPCT 論壇<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
$ l+ A- K# @$ Q  d! ~6 Y  {$ c# d/ L, G. c2 C/ d. a. O9 D
</div>& T0 y4 O4 [/ m9 h/ U; \. h# r
<div class="fastlogin left">PCT 論壇6 Q/ u6 W2 F0 ~5 s5 S6 g! f
<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
3 P5 u# ]( {( h0 o<input type="hidden" name="formhash" value="a45a9ada" />
" V- ?! t5 V8 ]6 B9 pPCT 論壇<input type="hidden" name="referer" value="index.php" />- @; E. H$ [) Z0 e; J
<div class="loginform nolabelform">pct.sclub.com.tw+ Z3 D1 L  D# m. A4 I
<input type="hidden" name="loginfield" value="username" />PCT 論壇* q6 A. |/ L6 {) @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>  V! q. ~& B7 b  p
<div id="yzbox" style="display:none;">
7 a) v" X% T4 L( y/ [6 b% L<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>+ X  \* ?0 }7 v
<div class="selecttype">
6 [4 Z1 z# ^- l/ rpct.sclub.com.tw<select id="questionid" name="questionid">9 x  Q" G, c; |9 P. n7 V
<option value="0">安全提問</option>
  Q( R1 f# I' y! z# z% Q1 opct.sclub.com.tw<option value="1">母親的名子</option>
0 p6 v. I! K% j/ B% O+ QPCT 論壇<option value="2">爺爺的名字</option>PCT 論壇3 E8 B$ f! H5 A! Y. ?2 }( c& H
<option value="3">父親出生的城市</option>pct.sclub.com.tw3 i4 F; D- e  R" Q# O
<option value="4">您其中一位老師的名字</option>
' a, y& E( j* e* K1 C( `pct.sclub.com.tw<option value="5">您個人電腦的型号</option>
6 {6 x* ?5 f6 e% }) APCT 論壇<option value="6">您最喜歡的餐廳名稱</option>
( d# |5 T( U2 i) C1 p/ l<option value="7">駕駛執照的最後四位数字</option>8 L7 \7 V& H& g, n7 O/ m2 V+ z4 u
</select>
2 d/ d$ T$ {7 Y/ L( W% CPCT 論壇</div>) C& G) V4 U- W' X; ]( B* `* n
<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
# b6 @, v, S6 I# qpct.sclub.com.tw</div>
0 e1 v" k$ y0 g9 Z8 Q  ~  Apct.sclub.com.tw</div>
- U1 }6 M. B9 Y% ?" k# z</form></div>) @/ O5 r" P( @0 o& p* z' d( F9 N. W
</div><script type="text/javascript">
4 G) ^. _  |; j; f- @2 rif ($("umenu") != null ){' e3 H" ?/ z) g2 [4 p
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>