精仿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 \( u# I7 V% F4 O# rPCT 論壇#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}8 K5 v) t7 a6 z5 n) Z1 J
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}PCT 論壇$ S( C# B1 z5 Z( t. w0 N5 P: Y
#umenu {z-index:888;}
# M) l. `0 E. \7 z3 h, Y. z( n" r#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
. d8 ~' b/ _, F1 j( ]9 v; z& Q#umenu #questionid { margin:-1px; }' G, z- d, E: v! K" J. S' B
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
- P0 ^" ~" k7 r) |0 ^. C$ ?! _#umenu #yzbox input.txt {width:132px;margin:0px;}5 ?: Z' L) R; V8 L& z; \: n
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
0 U  F" A6 C! }#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}/ R8 s' m) J& E4 L: t1 q7 k
#umenu .zd {margin-right:7px;}
5 f9 t7 L& I* X) J* Y#umenu .loginform label {display:inline!important;}# {+ t2 h9 D9 W- f/ X6 z' a
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
( V. p2 N' ^! W9 W( j" G) Ppct.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;}
! @5 j/ W1 z/ w- ^$ m! v! C! j.yzwd {width:100px;display:inline-block;}, {% x! f3 b1 p+ \6 W/ `
</style>
' |5 e8 x3 z2 b: f- u9 |<script type="text/javascript">
. I4 T  b; P: ?pct.sclub.com.twfunction $(id){return document.getElementById(id);}PCT 論壇3 E2 d  W" e' _8 d5 p
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}8 H0 a2 z" C9 h5 t- [
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}# x8 s7 Q( Q) [. v& H% {3 ^
</script>PCT 論壇- b' k9 G- e# Q) _0 V2 a# \4 \3 }
<div id="tb_1" style="display:none">
* |# y1 V& f3 f; s1 t8 ]8 g# dpct.sclub.com.tw<div class="qqlogin left">
7 T( e. L* ]4 _6 D3 qPCT 論壇<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.tw9 Q' V1 z: W% H6 L3 c1 ]+ j
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
. H0 k4 I7 [9 G" `' p  GPCT 論壇
9 z+ U% \& d" Y4 ]. ^5 K</div>- A8 P6 b2 g. r1 ^0 R5 X# \
<div class="fastlogin left">
$ C8 w" U0 |! i! f; |4 _6 s<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
; ^& X6 p) s: s: z<input type="hidden" name="formhash" value="a45a9ada" />PCT 論壇: ]: d& u, |+ |' i9 J+ g& L
<input type="hidden" name="referer" value="index.php" />
0 x  H3 ^- i* w2 @" E<div class="loginform nolabelform">PCT 論壇- L" t' }! \8 s" I% O
<input type="hidden" name="loginfield" value="username" />
0 C. ?( ~+ E1 _+ w4 k& p4 d/ G4 k<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># |+ L8 M5 W5 S
<div id="yzbox" style="display:none;">
" s" }5 ]# y! K, j4 P! E, mPCT 論壇<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>PCT 論壇' [, C0 X+ r/ @% ]$ K8 U7 h( p
<div class="selecttype">
5 _* N( \: r+ T8 _* ?  M. _pct.sclub.com.tw<select id="questionid" name="questionid">+ V2 Z: l4 r0 s6 F5 d
<option value="0">安全提問</option>
5 W# \+ H0 D- l3 z- S& U8 d) l<option value="1">母親的名子</option>
7 y% N" _3 w1 z' {: {<option value="2">爺爺的名字</option>- j  d( q0 y1 R+ t3 I
<option value="3">父親出生的城市</option>
1 O+ H! m3 ?6 C3 z& C0 I" l<option value="4">您其中一位老師的名字</option>
# w9 t( _% J0 _- @/ X2 WPCT 論壇<option value="5">您個人電腦的型号</option>
* z5 s& V! Z" x3 X# q5 @7 a2 T$ z' {<option value="6">您最喜歡的餐廳名稱</option>
1 l, c5 V' p: P. l9 C: R1 F<option value="7">駕駛執照的最後四位数字</option>/ j& M8 H0 R5 Z% p* n- G) [$ e+ g
</select>
" i4 M: T7 \& t$ ]7 S</div># d, W) t3 A/ f, ?3 X
<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>pct.sclub.com.tw" P4 E* O; C6 x$ N
</div>8 ?4 x& |6 w5 j) w* e6 D
</div>8 Q& j# n  `+ o
</form></div>
2 V5 i" G4 ~8 A5 a2 k, N# U! X3 R</div><script type="text/javascript">: @' P( R$ @7 |7 ~
if ($("umenu") != null ){$ @% W+ C0 J3 H% i
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>