精仿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;}pct.sclub.com.tw# h. \1 I) d7 E
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
- a1 g5 X# t; {4 l2 A#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}" ^% Y& U7 a% f' }1 q7 m* N: M
#umenu {z-index:888;}
' i4 ^+ W$ J& n#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
9 t" ]; H) g! _# [# I#umenu #questionid { margin:-1px; } P7 D- [2 r, ?6 I$ t3 ?. f3 x4 l
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
5 L3 K6 H |! }- I+ D) X; F- d. E& ]#umenu #yzbox input.txt {width:132px;margin:0px;}pct.sclub.com.tw$ h- H2 m) m7 l2 U4 G6 T7 V
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
. G% `# v$ J& ~1 o8 M#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
7 e) s( G! \ _, t2 g2 r" e; JPCT 論壇#umenu .zd {margin-right:7px;}
& c4 Q' n$ m# m$ a' H: dPCT 論壇#umenu .loginform label {display:inline!important;}
% r" E; e+ j% T) U# W) ^! v6 K#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
% Q: ?7 b& t+ f2 |( E4 R& m' G.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;}
2 S5 |+ ]+ G1 `* f6 q.yzwd {width:100px;display:inline-block;}
: n1 ^7 F4 d- G. n& v: x( W</style>
, p8 A4 y( S/ d+ w<script type="text/javascript">
. Q8 Z) l; ?5 f. t6 r. @ Q( Bfunction $(id){return document.getElementById(id);}
2 j! ~# ]6 O8 f# [0 Xfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}, A* S3 l4 j1 m# K& y# p
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}+ B& m8 g: K. J+ m( l) ? r3 f
</script>pct.sclub.com.tw3 ~8 ~! N0 [1 q+ d
<div id="tb_1" style="display:none">7 ~8 ?* j' W7 K* d; _
<div class="qqlogin left">
4 F5 K5 V7 {( }. ~# ypct.sclub.com.tw<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>PCT 論壇+ A6 M/ Z- Z, t1 \6 | j5 p6 Y
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
# n. w9 ?9 A9 T% S: B
: E' f( K6 V+ j1 l" e</div>/ V; X1 a" _2 n& K. L2 C4 l0 j
<div class="fastlogin left">PCT 論壇$ h. }$ W) ?7 q5 Q
<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">' r; a& @" z. s$ n
<input type="hidden" name="formhash" value="a45a9ada" />PCT 論壇, K5 n# f3 K( H( G8 _/ j/ R/ _. o
<input type="hidden" name="referer" value="index.php" />( c& L$ z* w* L! F" @7 K
<div class="loginform nolabelform">" ]; @( _. ~4 P w0 C0 `! [$ Q
<input type="hidden" name="loginfield" value="username" />pct.sclub.com.tw7 |1 N: N8 Z, _/ C" d- m& P. n
<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>0 n6 w" M8 z# m
<div id="yzbox" style="display:none;">
' J1 l' n; ], N; S5 @( E" X<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>! x( N3 y& v. S+ X
<div class="selecttype">
& ]1 d( I/ o( fpct.sclub.com.tw<select id="questionid" name="questionid">0 y, e0 ~7 o: V) g8 a/ v# C
<option value="0">安全提問</option>: B9 i. j( h/ Y. V% [) W. u, x
<option value="1">母親的名子</option>& b0 v4 F; D1 }# h' X. n. J/ D
<option value="2">爺爺的名字</option>
8 u+ A# u6 F/ g* f7 P; ~7 B4 B<option value="3">父親出生的城市</option>$ e5 ]0 t% k4 A
<option value="4">您其中一位老師的名字</option>pct.sclub.com.tw! U F5 q% o- F* ~. q
<option value="5">您個人電腦的型号</option>: v/ F/ X7 B8 b& p: r0 \' d5 y
<option value="6">您最喜歡的餐廳名稱</option>4 {$ f# c( @5 N& \0 _; A
<option value="7">駕駛執照的最後四位数字</option>
9 K1 R6 G3 `, W( u6 K</select>
& W. y+ m7 o/ _3 K5 B& D1 y</div>pct.sclub.com.tw4 g1 w; T' ~4 d: J; [4 p
<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>
% x5 P$ X5 q! d' N; r/ b" R" n</div>
( ?5 w! Z2 T" W9 ]9 k h. I0 F0 uPCT 論壇</div>
2 H+ H, C: J0 q% e' G6 g</form></div>6 ~7 S5 g( s- `) g
</div><script type="text/javascript">
6 D, j8 f$ {; e' `. ~8 |if ($("umenu") != null ){pct.sclub.com.tw6 l4 [1 k2 Z) s! x! j
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
