精仿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;}
- y, c: m6 U6 e% q#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
+ G1 A) L! j  [" `pct.sclub.com.tw#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}8 T, j0 G* v. B6 g" D$ X
#umenu {z-index:888;}
( }' I5 [# i4 j+ L+ h% T#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
! C# V! ~  i* m! J' {( I; F#umenu #questionid { margin:-1px; }# {* d7 z2 y0 `$ k% W9 ^
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}4 e7 l6 F4 i5 X4 ?$ L. n; n
#umenu #yzbox input.txt {width:132px;margin:0px;}
7 K4 p8 Z4 ]9 u- Apct.sclub.com.tw#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}0 G5 B: a+ b) p. F( A1 L/ S+ _/ |
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}7 L& I! e! U$ e1 A0 C; m7 W
#umenu .zd {margin-right:7px;}pct.sclub.com.tw( T8 x; X$ J8 C" v4 c$ ]
#umenu .loginform label {display:inline!important;}) \1 O, \3 ^/ H4 {- i
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}) O9 B0 ]2 A6 a- u
.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/ T+ V9 P+ d+ f.yzwd {width:100px;display:inline-block;}pct.sclub.com.tw' M; ~/ g9 O' {+ x6 \' N
</style>
- }: y* b& z$ \6 x2 ]* X) C7 @pct.sclub.com.tw<script type="text/javascript">
, ?( \4 p. _# j! [# ~, p/ E6 A7 Mpct.sclub.com.twfunction $(id){return document.getElementById(id);}
: q; P. \  e- w" I5 F# P' P+ Qpct.sclub.com.twfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}PCT 論壇9 X1 R! J2 j$ }: s* `2 ~9 l& `) ]) M" e
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
! U# a( [. S9 t( ^2 @4 l2 J. spct.sclub.com.tw</script># L: d& z% X% d1 y$ R
<div id="tb_1" style="display:none">
; Z3 v7 r. l0 u3 e<div class="qqlogin left">PCT 論壇/ s) X" @) H' J( o  k
<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>
  T$ y- ?- s% D( hPCT 論壇<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>) k7 }# h% h9 H6 @* `
2 B! k* L( i( B
</div>
8 `) ?& e! Q/ m2 g5 ?# f" r- m8 ]<div class="fastlogin left">pct.sclub.com.tw: t& M1 U5 ^, A* q
<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">; x" T! B4 L! w( s3 i
<input type="hidden" name="formhash" value="a45a9ada" />
/ U& r5 N4 B0 [, z; ~<input type="hidden" name="referer" value="index.php" />
1 C$ o+ S* }3 s<div class="loginform nolabelform">& S% z( ?6 ~& Y% P' N. a4 q
<input type="hidden" name="loginfield" value="username" />
% a) @7 _" V" i+ bPCT 論壇<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>
' ^9 |* ]2 [6 u0 ]7 ~* `3 u* d$ Bpct.sclub.com.tw<div id="yzbox" style="display:none;">PCT 論壇. o, m/ M, T; d8 n: O; {9 z" v) _
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
* h, D, v1 Z6 L& ]<div class="selecttype">pct.sclub.com.tw* k4 {/ E! r: e( O0 [
<select id="questionid" name="questionid">% q" O  {9 Y* T# T3 S
<option value="0">安全提問</option>
- F0 ^5 K8 z3 p1 `- e" M<option value="1">母親的名子</option>/ k- z% B" ?7 A3 F3 N
<option value="2">爺爺的名字</option>
& E) }, J5 [, V1 K  R* J2 O6 f# l# GPCT 論壇<option value="3">父親出生的城市</option>
  K/ F$ y' o+ k; J2 X. ^pct.sclub.com.tw<option value="4">您其中一位老師的名字</option>
0 Z/ f, B/ z8 M/ J<option value="5">您個人電腦的型号</option>pct.sclub.com.tw" z  @" `# {( [  A, c0 M
<option value="6">您最喜歡的餐廳名稱</option>
; k5 C4 d" D  F; c! Q0 N) ?0 r<option value="7">駕駛執照的最後四位数字</option>% B/ v! l. ~4 x) L0 q
</select>
- X4 n. Y, s+ O! w( ]  D8 ^</div>
' O8 E% F2 I6 |; F- L* p' ^1 `/ jpct.sclub.com.tw<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>PCT 論壇3 w8 @) Z: W: O
</div>
0 o  f& V8 a! ?( V0 h</div>! ~: X3 ^8 D$ b' P5 e, c
</form></div>pct.sclub.com.tw/ i" a0 s- H  b9 s9 ]
</div><script type="text/javascript">
. l# D/ c: v7 B& eif ($("umenu") != null ){
0 s4 I5 s0 U" u1 Jif(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>