精仿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;}! ?* G( Z- @( L8 o- c( w: e0 V: h- A
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}; h$ X# K  D3 ~! X7 M
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}5 y+ N* M0 Y2 s0 T4 ~
#umenu {z-index:888;}7 h9 q, N- p- X* N
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}PCT 論壇9 ?" b! S* n$ g+ M
#umenu #questionid { margin:-1px; }
* w) [! Q1 q$ D5 V: m! S7 i; R4 B' V#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}PCT 論壇5 `8 k) |7 I( d: k0 O
#umenu #yzbox input.txt {width:132px;margin:0px;}) N* N+ I# u; W$ s. B
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}* }$ k/ S" @& G& {" Q/ r
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
" ]. `# m- }3 Z. ?0 U' J: @#umenu .zd {margin-right:7px;}
0 N! n/ u/ I  r  h" kpct.sclub.com.tw#umenu .loginform label {display:inline!important;}: F$ A  ^: s" s/ }/ _& H
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
5 e# ?9 x, \6 ^* J.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;}
0 D; M- g3 E6 N. `! |8 ~0 ^- L.yzwd {width:100px;display:inline-block;}6 T7 y' }2 v$ H5 H
</style>
8 t: {1 @$ m" X, ?, QPCT 論壇<script type="text/javascript">
9 y9 M! A, o# Y7 c) G# e$ Q: sfunction $(id){return document.getElementById(id);}: `7 w+ m0 x# i" m
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}# l1 B9 N0 Z' G, E7 b8 V4 @
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
& ^3 E' R' k4 `8 R! ~5 j9 v% {</script>PCT 論壇: B3 B( T. U  I! b
<div id="tb_1" style="display:none">) x8 J0 O9 N$ M
<div class="qqlogin left">; h  P" U  T! d2 H6 A+ v+ w4 J' W
<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>4 N8 _# }' t, e+ m, K( f
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
! A1 M. V/ r6 s, s4 [  ~5 D1 Rpct.sclub.com.tw& s" ^$ G5 Z1 @
</div>
/ ^% S3 V$ R  F. u& d) e<div class="fastlogin left">
7 b! M9 U# Q* q, J2 s& f<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">! L- @; P8 e+ {! t0 f% E" b( M
<input type="hidden" name="formhash" value="a45a9ada" />
* s: ^, i' N3 `' W0 [$ T<input type="hidden" name="referer" value="index.php" />pct.sclub.com.tw' o$ O2 a& V! w% U4 e: w4 b
<div class="loginform nolabelform">- I1 r4 J" N* K$ Y0 K" G( W
<input type="hidden" name="loginfield" value="username" />, D  W, E4 K6 \5 x- u
<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>
" Q4 ~+ G! w/ ~+ I<div id="yzbox" style="display:none;">
6 I# z9 X2 ^7 Y5 v2 B* pPCT 論壇<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>, y) P% A; f. ]+ J
<div class="selecttype">
; |) y0 ^* U- @7 |" L5 ^<select id="questionid" name="questionid">( O8 N$ S) A, c
<option value="0">安全提問</option>
' V6 x, I- P/ g& u( [<option value="1">母親的名子</option>8 J  |, Z% L1 u- Y1 U. u1 t3 D
<option value="2">爺爺的名字</option>PCT 論壇  m& G8 c0 \- c& f4 U
<option value="3">父親出生的城市</option>
' V3 L' R0 Q0 M, lPCT 論壇<option value="4">您其中一位老師的名字</option>pct.sclub.com.tw& I$ _5 p* _3 l4 p. \, ]6 B
<option value="5">您個人電腦的型号</option>
5 j" ]( J- j  B. `9 U, K<option value="6">您最喜歡的餐廳名稱</option>
6 @# K- R& ]0 P2 K  A7 Ypct.sclub.com.tw<option value="7">駕駛執照的最後四位数字</option>
. X4 u) M+ k0 u/ `</select>
3 V' @( s# Q5 }</div>' i# g7 y. }1 E  [8 c" u
<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>8 P7 G$ @1 B- f. X; Y3 X* X
</div>) H: p) s: @' w( m
</div>
* t- l- U! O+ o</form></div>3 h# B# v( M  Z6 d
</div><script type="text/javascript">
0 I, }! n) C' d7 Npct.sclub.com.twif ($("umenu") != null ){- @7 T' Y# x% D9 r9 Z* _
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>