精仿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;}- {9 y" T. c1 Z! @
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
0 e( k/ \9 |5 A$ RPCT 論壇#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
2 W$ B' }* c2 i0 F/ F& \$ Wpct.sclub.com.tw#umenu {z-index:888;}PCT 論壇. ]/ ?) T5 b5 w! M; ~3 j) e* |
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}PCT 論壇. |8 s3 w. B9 r1 D0 h; q: V3 X
#umenu #questionid { margin:-1px; }PCT 論壇. B/ i$ _) B. P- Y
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
/ M: _2 B8 N: f- f$ d9 i' T#umenu #yzbox input.txt {width:132px;margin:0px;}
* A$ y# b) C& X' C5 [$ s! ?1 b#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}+ ~% d( Z# R! j; Y" ?! Y7 ]
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
# R$ V/ [! H7 O2 F- w- s7 E#umenu .zd {margin-right:7px;}
+ b7 V- _' C8 A5 P+ H8 L" i#umenu .loginform label {display:inline!important;}$ j+ p% p' W Y8 } G' Y) ?
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
+ z1 |! o/ K. D& F2 e% R% R.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;}
* x7 N7 Z$ f& XPCT 論壇.yzwd {width:100px;display:inline-block;}
" V% I: k: a6 B* Z& e9 c</style>
! u: ?2 N- o$ \! `0 MPCT 論壇<script type="text/javascript">8 k7 I; d/ ?/ L' N5 I' V
function $(id){return document.getElementById(id);}
1 B$ v7 Z1 z2 } Bfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
, W& f7 x, T. e- hfunction Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
9 ~! z. f! G* r3 E2 X; p% F</script>
( x. C3 j. w6 e1 u<div id="tb_1" style="display:none">
& ^1 b2 D# m3 C: W* c$ g<div class="qqlogin left">
) N0 H) v1 k+ s$ r! y<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>
) ^2 A/ S; n" R7 j<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>pct.sclub.com.tw2 N3 X( B- P4 J( t' Y
# q- m% e- U8 G0 B( X9 g</div>PCT 論壇' G% N2 d4 W) R. Y+ J* M# u
<div class="fastlogin left">% L/ s& ?! A' a
<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">
3 U, n6 G8 \2 \) `; X% ^pct.sclub.com.tw<input type="hidden" name="formhash" value="a45a9ada" />PCT 論壇" H3 T# i. f" K3 r
<input type="hidden" name="referer" value="index.php" />" S3 ~( q/ L1 v) [& r0 i. a. e
<div class="loginform nolabelform">pct.sclub.com.tw6 L% P; X' n- `! S8 w; U3 i1 [0 ?) @
<input type="hidden" name="loginfield" value="username" />pct.sclub.com.tw. C' Q! H6 L6 Y! h4 n1 {
<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>
8 f) g( g" [8 _6 u/ x) T<div id="yzbox" style="display:none;">
- b$ j$ S, {# P7 `2 W+ \pct.sclub.com.tw<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>1 ]- K: P' W: K. @; u' d$ k
<div class="selecttype">
' U5 G- D7 {& _PCT 論壇<select id="questionid" name="questionid">
W f& {9 {* z: j: }, ?<option value="0">安全提問</option>
8 G8 m/ g; ^! @7 J, p9 ?<option value="1">母親的名子</option>
7 l U6 g( b& p' ]# Z<option value="2">爺爺的名字</option>) O4 T1 J/ S' W2 ]8 h3 y% ^
<option value="3">父親出生的城市</option>+ b4 z0 Q! i+ ]- ^+ E8 X
<option value="4">您其中一位老師的名字</option>- A8 }, ]5 {- f
<option value="5">您個人電腦的型号</option>pct.sclub.com.tw( Z& [" q, g8 ~9 n
<option value="6">您最喜歡的餐廳名稱</option>pct.sclub.com.tw' L% ]# O O: N' W3 A0 k7 ~
<option value="7">駕駛執照的最後四位数字</option>
$ M ?" A8 Y) A( T</select>) u, w# K3 y1 O0 K' x) D
</div> T3 x$ O# O0 ^% s& s' e
<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>
0 C0 O( t" \# e# N3 D( ^+ hpct.sclub.com.tw</div>
# c; X0 C& k+ I8 @$ }8 p6 Jpct.sclub.com.tw</div>pct.sclub.com.tw9 x. S4 P6 I L0 O3 f( D
</form></div># {, v, E$ f- G: R) i3 j* Y, G
</div><script type="text/javascript">
: p! G" B. G% f) M; ^6 ipct.sclub.com.twif ($("umenu") != null ){PCT 論壇# A5 ]# b5 M$ `1 J" 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
