精仿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;}
$ [, L% a) g3 f: ?pct.sclub.com.tw#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
  U2 k+ K0 o+ s2 {+ ^' `; d#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
! V9 \$ ^- M1 N* q& _: t#umenu {z-index:888;}pct.sclub.com.tw/ A8 J& x) l/ N6 r
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}4 s. B6 Q+ G0 L
#umenu #questionid { margin:-1px; }
4 }8 o# r$ l8 ?' Y#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}" i# h5 q% t; k5 \6 z
#umenu #yzbox input.txt {width:132px;margin:0px;}
+ `! w2 c+ I0 B' N; b3 Y. b2 EPCT 論壇#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}pct.sclub.com.tw1 s' u+ \, n- j% K1 ]) b- r
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
+ J* w# i4 s+ o#umenu .zd {margin-right:7px;}. S! p* W5 ^: z% V+ i
#umenu .loginform label {display:inline!important;}
) V/ u7 T( i/ [5 ~- \9 Y; f( p#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}: r) H3 [" }! n$ A; q( z( X, D5 u- }$ 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;}
  I2 N9 ~7 W1 {) W8 L) G8 ^  L.yzwd {width:100px;display:inline-block;}/ Z8 J3 E3 G9 G2 v: z: m* Z
</style>
; ?- \; z  W* _<script type="text/javascript">( Q$ o( O4 }* H
function $(id){return document.getElementById(id);}' R% |. f) D/ P7 i1 q9 S  m
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}  V  J! u* ]* |/ h
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}pct.sclub.com.tw+ J5 T* K0 q1 s: x0 |3 T
</script>- m, `$ j" a0 `# Z6 l2 v
<div id="tb_1" style="display:none">% |; X  H8 O1 p9 z$ D
<div class="qqlogin left">5 s/ b4 z9 E: P% V9 `1 F) K* C/ n
<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>
% I3 `; |7 y7 u; f7 }% `pct.sclub.com.tw<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>pct.sclub.com.tw: q1 r3 \, ~3 w0 S$ v& U
4 Y0 N$ h/ _. q& R, D
</div>
/ B" L, }+ R; _+ L<div class="fastlogin left">
( w, k& [1 {) I8 G0 DPCT 論壇<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">PCT 論壇6 l  d6 I" t9 f1 r$ @
<input type="hidden" name="formhash" value="a45a9ada" />& N: q3 c( P+ E
<input type="hidden" name="referer" value="index.php" />
. c' m4 z& f6 ]" c  R: q. P) Q<div class="loginform nolabelform">PCT 論壇0 [$ H3 W9 X! q# {) i, s0 m7 d
<input type="hidden" name="loginfield" value="username" />! O: v  h5 U0 a& Y7 ~. A* K0 s
<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>pct.sclub.com.tw7 A6 ^2 A/ Q8 v' y
<div id="yzbox" style="display:none;">pct.sclub.com.tw/ ^- j& [# }5 k: O7 r2 I
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>+ Z2 f. g3 q+ f* e: j
<div class="selecttype">pct.sclub.com.tw  W0 U( D; @5 M" T6 z4 d
<select id="questionid" name="questionid">PCT 論壇  O4 L, l4 F$ Y; O, C# R
<option value="0">安全提問</option>
# I/ l3 G. q( I; C  J<option value="1">母親的名子</option>
( ]! c0 H! @  y& r: n# q<option value="2">爺爺的名字</option>
1 j4 t8 |2 ~$ m: i7 ]<option value="3">父親出生的城市</option>
. w' b$ r" ^, I: @$ Z/ g& Spct.sclub.com.tw<option value="4">您其中一位老師的名字</option>& r$ s1 l& z. M, S
<option value="5">您個人電腦的型号</option>PCT 論壇. r: x( V- C- X; k1 W
<option value="6">您最喜歡的餐廳名稱</option>
7 I0 r0 I9 [0 \- c, bPCT 論壇<option value="7">駕駛執照的最後四位数字</option>
. I8 w6 n( {' H( r: `! D</select>
6 B) N. h8 x7 a2 _+ a" Lpct.sclub.com.tw</div>
# x7 \6 {% \" V( @: A$ X" R4 I<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>  z2 [+ H- D& c8 L0 D
</div>) n6 m  x) `0 ?  Z
</div>
' p/ b9 N2 k2 n6 R9 s1 r. v; x8 d</form></div>
: ?( X1 y1 t9 _2 l</div><script type="text/javascript">
* Q4 O( ~& K7 h5 q/ y7 p& Yif ($("umenu") != null ){
, ^. D; S4 ]* p0 s& M7 |- F; NPCT 論壇if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>