精仿DiscuzX2右上角独立登入框效果（集成验证码问答）
<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;}
2 _' Y a- a% ]- o# VPCT論壇#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
. q8 o4 a/ F0 g6 `: d; Y' }www.pct.sclub.com.tw#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}www.pct.sclub.com.tw8 M9 J' L$ r: j u( ^5 `! S0 I6 z
#umenu {z-index:888;}" v6 ?/ ^# [6 M4 o4 y
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}PCT論壇4 x& r) P2 V/ w# c5 K) z' L
#umenu #questionid { margin:-1px; }& s$ V1 R+ [1 [ k. z- P
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}$ z% U2 h8 ], j
#umenu #yzbox input.txt {width:132px;margin:0px;}
% n" |5 _; F2 s0 @0 ~- d#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
" H8 _; i- ]7 e/ R#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}www.pct.sclub.com.tw. f* w9 ~7 I; Q; h" S
#umenu .zd {margin-right:7px;}
- L- I7 P/ ]7 F( u+ I4 EPCT論壇#umenu .loginform label {display:inline!important;}
; k9 b" y) D1 F" [; i6 Xwww.pct.sclub.com.tw#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}& H% [5 e3 l9 U" u" t
.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 t% k! g) F' {3 N$ g; F* l8 @5 N6 Ywww.pct.sclub.com.tw.yzwd {width:100px;display:inline-block;}) M6 a$ x% {% G: O) \* K1 O* J3 U
</style>
" w/ J$ ~+ G9 }* `0 F# m sPCT論壇<script type="text/javascript">www.pct.sclub.com.tw3 \) Y) @# u9 t3 ?2 S7 s4 q' Q
function $(id){return document.getElementById(id);}
, w6 r$ t& z3 z! l- _& Z- dfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
1 v$ p9 @- q% Vfunction Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
2 p: ^' w3 K* H* d' T7 e</script>
) T3 w8 s5 |, ]& j9 V2 r9 s& s4 \<div id="tb_1" style="display:none">
# t _& O. c( a6 M<div class="qqlogin left">
: f% r. _" b2 T& S. C$ }<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>
5 X! ?' T: q, V% H' m# D<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>PCT論壇1 c& {0 V" J/ g7 O$ o6 E
; r ]' I" W+ v* ^% x
</div>: z9 j7 x S8 n" ]
<div class="fastlogin left">
. o9 o* y* u, A1 F pwww.pct.sclub.com.tw<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">- L% v$ K, P( \; w3 L
<input type="hidden" name="formhash" value="a45a9ada" />( i" n: i Y% c" Q1 E A- t! ]
<input type="hidden" name="referer" value="index.php" />
2 S" B% v) A2 `<div class="loginform nolabelform">/ w; l a; @5 e$ H! `# y
<input type="hidden" name="loginfield" value="username" />( Q: E" S4 g2 N4 l
<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論壇" U6 V# U" E+ `( w k4 E8 h
<div id="yzbox" style="display:none;">
8 E! b8 {) D9 v8 \9 E<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
- ]- |$ z1 z! C<div class="selecttype">
% b1 R$ d9 |0 A2 X) u<select id="questionid" name="questionid">PCT論壇' T/ H ]% x/ V& |+ ?, D% S8 o0 f
<option value="0">安全提問</option>
8 _5 N# Y4 m; K6 K" v$ K4 v) I<option value="1">母親的名子</option>
d% \& @2 G' O5 c9 m: j<option value="2">爺爺的名字</option>
8 j7 }5 ?( k; X' l1 T7 Ewww.pct.sclub.com.tw<option value="3">父親出生的城市</option>PCT論壇7 q1 L- g( k. B0 l( S5 L$ i W
<option value="4">您其中一位老師的名字</option>
1 q' s$ U; \# m" [+ y8 ^' Y! e# b<option value="5">您個人電腦的型号</option>8 `5 ]' Y0 r0 ~$ S) X) x
<option value="6">您最喜歡的餐廳名稱</option>; \! X; w5 j8 O1 K( w6 o
<option value="7">駕駛執照的最後四位数字</option>www.pct.sclub.com.tw) h& B, b5 t" s) {1 t L
</select>
5 @! H n7 e% J% u3 J- r/ C</div>) h$ J3 ~ K- a# I% p+ x* f
<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>
) r4 ?: u6 D* _! R$ g: J: nPCT論壇</div>PCT論壇+ u& v. }1 P% S9 W3 p
</div>
( ~- Q& T+ z6 K, D" o7 G</form></div>5 o0 b& a) x% e
</div><script type="text/javascript">
& t0 |( g; w+ z2 ^3 ?$ B# wPCT論壇if ($("umenu") != null ){www.pct.sclub.com.tw5 Z+ G% r" L8 l- y
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script> |
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
