精仿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;}
" @) C8 g! E8 q% c#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}, h* q- A8 O( s, ~0 t+ p
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}( P: o; ^/ B- D( v' b& o/ ~: d
#umenu {z-index:888;}
7 |) [7 A8 h1 q, M* g" {#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}7 V* V# }1 p1 D& P
#umenu #questionid { margin:-1px; }
' K# i9 f  x) c6 Z( b; H- z3 M#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
- m2 T  J4 ?# v#umenu #yzbox input.txt {width:132px;margin:0px;}+ C- }4 `8 A: u/ i7 U
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}pct.sclub.com.tw- e' I( _% u8 J7 o5 S. d
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}7 ~/ a' A& M- o' }/ {8 g
#umenu .zd {margin-right:7px;}' h1 \. o* a/ ]* D( t  H8 f* T+ P$ F
#umenu .loginform label {display:inline!important;}$ ^$ H" J% V( {8 h9 j7 m( J" D
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}pct.sclub.com.tw  e# }5 ?  v0 `& v" Q7 w2 e  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;}$ ?: Z1 _! d% D  ?
.yzwd {width:100px;display:inline-block;}. y1 [# z! I. b1 Z; p
</style>
. l/ v- }' h% K8 m2 e# B$ V% a& }; g: l<script type="text/javascript">2 p" a$ F# k' w4 W
function $(id){return document.getElementById(id);}PCT 論壇- B& T5 i. z# b# A# l$ Q; A
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}; C$ W0 m/ g! n
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
, s1 L( N+ w( T8 o* o. M</script>pct.sclub.com.tw# X  T- ?# o1 t# e- j. x* Y4 q
<div id="tb_1" style="display:none">
5 }2 F* ?7 I# x+ V8 Z" H<div class="qqlogin left">& E# n5 H4 ^: z5 Q* M+ q6 P% A- {
<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>
) e: R, f/ g2 w<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
  I/ b* |$ O2 I: x9 y7 m! tpct.sclub.com.tw
1 T' C9 J2 Y, @" m2 n/ _</div>
. t$ z  r- K( B0 @5 upct.sclub.com.tw<div class="fastlogin left">
, W3 g7 i1 z& L" v<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
& r5 z, z1 c( x- F9 l* R4 e<input type="hidden" name="formhash" value="a45a9ada" />
; d- d; F9 f4 B9 T<input type="hidden" name="referer" value="index.php" />
0 {, v6 r6 a4 x- }: q9 E1 x<div class="loginform nolabelform">7 O8 z& R1 A! F4 N. O
<input type="hidden" name="loginfield" value="username" />
6 F- B- M, L. D) Z0 h& o9 ~pct.sclub.com.tw<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>* p* U( |$ D& c
<div id="yzbox" style="display:none;">
$ Y  [5 }1 V7 a  B9 H9 N9 Wpct.sclub.com.tw<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
$ y  {8 q" B  q) z" c/ n. n0 [7 gPCT 論壇<div class="selecttype">
4 u( l# P# c, ?1 Z6 g<select id="questionid" name="questionid">
# l% r% x4 }2 n, v+ o' t( u' Z, Z$ T9 b<option value="0">安全提問</option>, b$ Q$ d; w, b' j  Z) R( d9 }! j
<option value="1">母親的名子</option>
$ U1 m. N# X& Y$ p<option value="2">爺爺的名字</option>pct.sclub.com.tw* z) I, I- ~# t3 w6 C& w
<option value="3">父親出生的城市</option>  N& T" I4 t9 @9 h6 b
<option value="4">您其中一位老師的名字</option>4 r+ T" o: m- M$ F4 ?: z
<option value="5">您個人電腦的型号</option>
4 S, g3 Y1 t% o+ i4 k2 p8 u* DPCT 論壇<option value="6">您最喜歡的餐廳名稱</option>' t8 z6 x! \  i: a+ |7 {( M
<option value="7">駕駛執照的最後四位数字</option>
* I  u% h; V8 u% A7 F7 `) p% e</select>PCT 論壇& Q: G* I  T/ _, ~
</div>
; x4 d6 T+ k6 E3 k( T: C<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>PCT 論壇- F% k2 {" w7 `: U% u- m, a
</div>
, [* r% a. Z( L</div>
3 H5 M- y, ~: KPCT 論壇</form></div>
1 l, N; ?: V# Bpct.sclub.com.tw</div><script type="text/javascript">
. M! |$ ~/ M8 o; s2 Q9 g" @) gif ($("umenu") != null ){9 |0 V% J9 _/ Q$ Z3 a
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>