精仿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;}8 m% U; V- h3 O4 m8 _) i2 S
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}pct.sclub.com.tw; k- f( m. Z. f- q5 B$ u+ L1 W
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}+ Y% m: Z: d, {2 \' H0 ?6 ]
#umenu {z-index:888;}: G" [* K' f: w) J
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}; \5 B' {# q0 G' P' r; W
#umenu #questionid { margin:-1px; }
4 c0 x) r1 m# e% j9 ]5 b5 X4 Q#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}; v+ m. G' L. p9 G2 J
#umenu #yzbox input.txt {width:132px;margin:0px;}
1 @9 s: P0 I% n2 e( {pct.sclub.com.tw#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
( \' ^  _1 t- \0 s# @4 rPCT 論壇#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
9 u! U6 @% D4 e! c#umenu .zd {margin-right:7px;}3 P3 S% }  B8 g' ~
#umenu .loginform label {display:inline!important;}
6 T# ]! @; R  e! y' D#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}PCT 論壇/ h7 c( g( g: Q7 G9 \
.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;}
9 ]( Y# s- ?! R/ S.yzwd {width:100px;display:inline-block;}
+ |  X; Z. g' U9 K, v</style>1 u: T3 Q* e3 {
<script type="text/javascript">
' G9 f  A+ ?& afunction $(id){return document.getElementById(id);}
: a1 L1 [* ~0 d3 {function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
5 @1 W! Q+ E) Efunction Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}$ ^4 Y0 b7 U* z: o' h
</script>
( V  M4 D3 p. A  b0 Q) _: gpct.sclub.com.tw<div id="tb_1" style="display:none">+ y  E8 V: `% r% s6 N
<div class="qqlogin left">
" g9 o' S+ v5 J1 O<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>
3 B; z) B& H" C  |. l<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>pct.sclub.com.tw. f! O: @  Z) X+ a$ t' p
+ Q' g' U7 e- p6 b
</div>0 K2 }( q! D7 |1 V9 Y+ q7 h; P
<div class="fastlogin left">6 O0 P( f7 x0 B) C
<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">PCT 論壇% D. Z% g. {' T5 K
<input type="hidden" name="formhash" value="a45a9ada" />
: p4 K. x0 u& _<input type="hidden" name="referer" value="index.php" />
$ K8 q4 n( a& Z1 h1 J<div class="loginform nolabelform">
: {0 S' d" ?4 ?. k<input type="hidden" name="loginfield" value="username" />
: C% h8 m* \, j; X<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>
4 J" F( T9 ?) `! G( jPCT 論壇<div id="yzbox" style="display:none;">
/ V8 U+ e& E/ B1 m2 s<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
6 P6 {3 |5 A1 f- J' N<div class="selecttype">PCT 論壇" q  H4 r' b. F& J* y
<select id="questionid" name="questionid">9 ~+ |5 `0 y  e& }
<option value="0">安全提問</option>pct.sclub.com.tw4 a4 J- j$ F) {: S+ |2 _) k- }5 @
<option value="1">母親的名子</option>
. O! N/ P/ D. T<option value="2">爺爺的名字</option>
; H. I5 R  [% P' d<option value="3">父親出生的城市</option>7 h% }6 ~( W# |0 M4 e0 G7 ?
<option value="4">您其中一位老師的名字</option>
0 J$ R$ t& W- |/ X<option value="5">您個人電腦的型号</option>
& \+ |- W" m  I* |- U8 U<option value="6">您最喜歡的餐廳名稱</option>
9 B5 C' ~+ @9 f4 B6 G<option value="7">駕駛執照的最後四位数字</option>8 a2 R! {1 b6 h4 B# ?6 k: Y4 }
</select>PCT 論壇3 K5 {( Q. c+ u$ `# M2 d
</div>
8 p( k2 o/ }' z  B' q. ~  UPCT 論壇<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
, x- q: C% q' M9 N" m9 oPCT 論壇</div>: [0 H( _! g  D6 G$ \; [: e4 k
</div>PCT 論壇+ R3 p0 h, }. V* W" M
</form></div>
1 Q. `9 A0 {( `PCT 論壇</div><script type="text/javascript">
- k; e( o7 J- A% q: fif ($("umenu") != null ){0 s8 y3 }6 q, D/ f& k9 H1 r; b" e
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>