精仿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;}; Z; s/ P: W0 r0 f+ b
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}0 J$ F1 v# h. \
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}! W6 }% Q+ z3 [# K! @! b! v" r- N
#umenu {z-index:888;}
. L. O1 b+ Y4 Z+ d/ a8 N; E% B# n#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
- E6 ~0 J2 j- y* K+ P8 C4 j+ i#umenu #questionid { margin:-1px; }
; a2 G. R3 T8 d( v#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}pct.sclub.com.tw/ ^* ?; |2 k/ }, l
#umenu #yzbox input.txt {width:132px;margin:0px;}1 a6 K4 Q$ m& u, U
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}PCT 論壇 s1 W& `% n: U3 a. j
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}: e7 l9 f8 a- w, G" J% N7 @# e
#umenu .zd {margin-right:7px;}
. s1 w7 E Y% }3 \#umenu .loginform label {display:inline!important;}
+ k: |+ X/ H! s#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}1 ]/ v% w3 K+ H6 M: {) B0 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;}
b4 q5 a- d2 p% l+ f, P, E.yzwd {width:100px;display:inline-block;}
0 r& b* y/ e# V8 xpct.sclub.com.tw</style>
9 L% u/ z% F. u1 Y/ `% }<script type="text/javascript">
, N' o2 c8 L) h- h; ]! pfunction $(id){return document.getElementById(id);}% ?/ C6 p* S0 X" c& n5 H1 g o' @
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}PCT 論壇* }5 `1 M! Y% E
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
8 h4 O8 N) I7 p% P* L) ]3 {9 @3 ?( JPCT 論壇</script>pct.sclub.com.tw* G, [- N% O; y- c
<div id="tb_1" style="display:none">+ H- x2 e. [- D: E! `3 _
<div class="qqlogin left">
0 I: ^# F! W3 [+ z7 Q<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>
. S( H/ \, A2 K+ A w0 c* s<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>/ P0 K, [3 P+ m# L; c) s+ l
9 D% Y4 _0 H* M. t9 O' m$ V4 K
</div>pct.sclub.com.tw* ], y$ U6 e- E9 Z4 V$ t
<div class="fastlogin left">
9 v* q' {+ y2 @PCT 論壇<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">2 A; `) w+ l9 w) _+ V+ X
<input type="hidden" name="formhash" value="a45a9ada" />4 s' O1 y3 s; W2 K+ N `( f
<input type="hidden" name="referer" value="index.php" />% w! ^+ H. y% M, U2 s/ D$ k
<div class="loginform nolabelform">
: i. b5 _% W' ], H1 Z& K0 l/ ?pct.sclub.com.tw<input type="hidden" name="loginfield" value="username" />+ T H; X. C$ ] |' L, T5 } a
<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>
: g% u5 r3 q1 z0 L7 E& E<div id="yzbox" style="display:none;">
: [ r+ j( }; ]" R<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
6 B$ {% o+ P8 C9 J; o& r+ T7 x<div class="selecttype">
* |, Q. ~; i4 A0 X m7 q2 ]/ |<select id="questionid" name="questionid">9 ^! [9 Y W+ W6 Q' v9 m6 i
<option value="0">安全提問</option>' l; W8 ^* ]5 W8 t0 p" H
<option value="1">母親的名子</option>, D( ~9 F* i* S3 N
<option value="2">爺爺的名字</option>+ b, @4 C) c+ B
<option value="3">父親出生的城市</option>
' V% J( R% N. }- ^. T% W<option value="4">您其中一位老師的名字</option>
p" f1 m/ I+ C1 n. N0 B+ Apct.sclub.com.tw<option value="5">您個人電腦的型号</option>
) ~( O! E8 C) t2 l1 r; vpct.sclub.com.tw<option value="6">您最喜歡的餐廳名稱</option>
( N0 E# \ ?- H<option value="7">駕駛執照的最後四位数字</option>
* ?) u+ ~6 V1 o9 g</select>
* ~2 S' Y) w- y8 q</div>
+ E+ C$ [4 }4 O5 P9 |/ U B$ R3 Hpct.sclub.com.tw<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>pct.sclub.com.tw; M: h, G8 D: b1 M3 Y. D
</div>
* T9 c# s9 O" f% `0 N</div>
% w9 c" g8 O' }1 U</form></div>
' z3 y3 O+ q# P</div><script type="text/javascript">PCT 論壇 Q% r! B" e5 t5 A9 p5 |4 K1 U
if ($("umenu") != null ){
! z- b/ k9 J& O4 T1 H: r! }. E) I/ s" MPCT 論壇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
