精仿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;}www.pct.sclub.com.tw7 j' P* t% U: Z6 I$ O x
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}; m$ i% l& x1 U5 Y, c
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}5 d: l$ ]4 d/ D) _8 K3 Y8 f3 r1 @
#umenu {z-index:888;}* O5 P0 p, u7 r$ {& O2 g8 ?
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}% d9 F& s* j' w( i1 c
#umenu #questionid { margin:-1px; }: y' b) w+ }6 H/ \
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
+ b$ ~4 {( j, j' n#umenu #yzbox input.txt {width:132px;margin:0px;}
) h/ u3 V* r7 A @8 S#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}5 v3 D9 G3 R% F/ o4 g/ Z
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}- ] c- ?8 _0 X: `4 }
#umenu .zd {margin-right:7px;}3 ^% ~. h5 }2 O- m
#umenu .loginform label {display:inline!important;}
+ Y, m4 a7 `: O* yPCT論壇#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
9 Y! n: l+ I$ _8 Ywww.pct.sclub.com.tw.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;}/ P3 K% M9 f/ `0 c& S7 G
.yzwd {width:100px;display:inline-block;}
( p; R6 V+ `& I% j0 a</style>
) \% H" c8 Z, n) M9 r3 k/ K: V<script type="text/javascript">
6 u& n, n& S3 o4 `4 H& Hfunction $(id){return document.getElementById(id);}% ?! c, W( f$ ^* B
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
+ ^$ d: \1 t* x. j" `* u n) X) ufunction Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
4 A W8 V/ ]. J, {</script>8 X3 P3 A$ u3 G" `5 d4 B
<div id="tb_1" style="display:none">, T+ P8 K+ a3 ^* I1 `
<div class="qqlogin left">
. |; N* c2 m% f- u* ~/ i& c% e<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>! B2 K. K/ G( Q' _- ]. \
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
4 W C, I) ?3 a( [5 f% r9 |: r
3 i( s5 n" `: j& z$ y</div>
( W' Z: ?$ ^, M+ O% o<div class="fastlogin left">
! D* |+ N3 w2 a- s' g! z5 [PCT論壇<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">
* J- J7 a+ k0 m: l<input type="hidden" name="formhash" value="a45a9ada" />
8 ^8 B' u! ?! h9 L% C( K. }PCT論壇<input type="hidden" name="referer" value="index.php" />
4 L. `' M0 i$ ], y3 K7 pPCT論壇<div class="loginform nolabelform">
& X+ ]( Y% M2 ?( F. Wwww.pct.sclub.com.tw<input type="hidden" name="loginfield" value="username" />
" Z; v+ d4 T8 _& rPCT論壇<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>
' h" u2 S1 Q2 r. |2 }& j<div id="yzbox" style="display:none;">
6 Y0 F" ^/ t0 y* j) k8 }+ P0 {<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
2 s) S& s: ~% F! J+ {<div class="selecttype">, n5 h& \* y2 W' G, v, V
<select id="questionid" name="questionid">
0 |3 x# K# X& u% ~www.pct.sclub.com.tw<option value="0">安全提問</option>/ ^) w% x/ ]# \* p9 j" {' U' g
<option value="1">母親的名子</option>
) O3 C$ P& C9 I- z! [! bwww.pct.sclub.com.tw<option value="2">爺爺的名字</option>
1 m* y# g7 U7 ]4 _+ o9 G x<option value="3">父親出生的城市</option>
5 x, f7 u. `) y<option value="4">您其中一位老師的名字</option>5 u2 |7 J9 V5 }6 d: ]8 ~
<option value="5">您個人電腦的型号</option>9 U. W2 ?8 j, a7 [/ ~ b
<option value="6">您最喜歡的餐廳名稱</option>+ ]3 w0 T. i Y8 I6 ~: ?" C' W
<option value="7">駕駛執照的最後四位数字</option>& f0 }$ K! H4 T; D+ K9 q$ n
</select>" X8 Q# Q% u+ g
</div>
2 M: q& Q5 Z+ A. B. K: q<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>PCT論壇8 _0 O( c, a/ d& l
</div>, i8 n( B( ^% A' v2 m3 v/ \
</div>3 f6 W* @8 s( a# C a7 o
</form></div>
4 q! V' Q! t( `5 D</div><script type="text/javascript">
! d! H& U& i) o: X! f( e% g; }& mPCT論壇if ($("umenu") != null ){
Y. }1 b8 B3 ]8 O/ G2 _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
