精仿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;}
( O6 f; I7 q; x3 |/ e" k( G& q. j" g#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}+ y, r/ C% b7 _4 j6 u2 e
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}pct.sclub.com.tw2 `1 F5 f* d& c1 Q7 u
#umenu {z-index:888;}5 l7 g, ~% B. }3 t1 \. P5 @2 @* c
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}pct.sclub.com.tw% e. i, l- Q$ ]8 H' Q. U. ]
#umenu #questionid { margin:-1px; }
5 `8 K( ?" Y% ^- ^8 ~: q& u0 ^/ H#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
& s! q$ A. {! P5 |; N#umenu #yzbox input.txt {width:132px;margin:0px;}
7 s' m  R' w) P' b% RPCT 論壇#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
  d( ]  X6 b; Q, c) r( |#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}+ z; H3 O( J: k4 J5 b
#umenu .zd {margin-right:7px;}# ?& G3 x# f# R& b
#umenu .loginform label {display:inline!important;}
* C3 P: t; N4 [5 I3 f/ H1 q# K9 S# k#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}pct.sclub.com.tw6 x& j% ?8 B9 N- I. W: F
.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;}
+ ~6 o* @; M% l( o6 OPCT 論壇.yzwd {width:100px;display:inline-block;}; t* \: h+ V% N2 R* h
</style>PCT 論壇# i6 o* `. p# \  c
<script type="text/javascript">* [+ [) j" m+ I( X7 g- i
function $(id){return document.getElementById(id);}
8 _: J/ ?: C" K- i# D3 Nfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}PCT 論壇4 b* t! I: A5 p7 |$ H4 {
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
5 D1 v* A3 Z7 z! P1 `( X7 t7 {pct.sclub.com.tw</script>
0 j/ K, M4 p# d7 `pct.sclub.com.tw<div id="tb_1" style="display:none">  G8 C% z5 B  p- P4 b' Z
<div class="qqlogin left">$ o# `9 V  D4 F! u6 G' q6 v4 Q- p7 \
<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>
% e1 |7 ?, L( Z0 ]: MPCT 論壇<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>- i6 A1 S6 r& Z9 Q( ~1 i

, ]1 Z" g- v' D0 D) f7 gPCT 論壇</div>
, ?+ C. g( F( U* }) @<div class="fastlogin left">pct.sclub.com.tw: K8 d9 s' k5 }& x. p! k
<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
! N: C0 _8 V: X$ e& I: `6 Spct.sclub.com.tw<input type="hidden" name="formhash" value="a45a9ada" />PCT 論壇9 e& G" p" J: e  R% {5 \! g
<input type="hidden" name="referer" value="index.php" />PCT 論壇! [0 Q; N1 ~  D0 d
<div class="loginform nolabelform">) V. r- v$ d3 r
<input type="hidden" name="loginfield" value="username" />
$ z/ U8 n$ a% Q+ ]+ y<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>) g3 ^/ C2 B: {- G- ~* S
<div id="yzbox" style="display:none;">
0 x$ N/ z0 u; d<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>8 t* j% s" R% C) O$ j% @
<div class="selecttype">$ i6 v: `. y$ U! O7 z) V1 H3 V3 E
<select id="questionid" name="questionid">pct.sclub.com.tw9 L( |+ T8 Y% s: M' Y) k6 x
<option value="0">安全提問</option>
& {( w4 f5 z8 ^+ ?<option value="1">母親的名子</option>
. d( F5 F# E& r* n<option value="2">爺爺的名字</option>
% P1 I. Y) _' K0 c2 m% U<option value="3">父親出生的城市</option>4 G, g  s8 s& o% c% c
<option value="4">您其中一位老師的名字</option>
4 v3 A/ r9 Q" X/ D( K" A6 p7 K<option value="5">您個人電腦的型号</option>% g" d, y! B) _( d% y4 J8 [
<option value="6">您最喜歡的餐廳名稱</option>
4 e3 ]8 l, K% h0 X& c7 Z2 x<option value="7">駕駛執照的最後四位数字</option>pct.sclub.com.tw. y) C6 p* e; x
</select>/ z8 X, l( q5 o0 x. Y1 d
</div>
' B5 o8 Y% G4 z# q1 b. d* P<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>' N; M$ Q; q& H4 _) Q  J- Y
</div>7 B, S" o7 G# i! Y' B
</div>PCT 論壇$ S( i8 I( L& m# {: ?) q2 |
</form></div>PCT 論壇, V! d( h% X' o
</div><script type="text/javascript">
$ G) w$ C7 S5 |if ($("umenu") != null ){pct.sclub.com.tw4 Q7 t+ p3 `6 S0 ~3 K! u; ^
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>