精仿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;}
\) O0 f- r; }3 C# s- X" C#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}PCT 論壇- @* n: s( R0 k/ {
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
. K9 O8 J9 }3 `+ m# s#umenu {z-index:888;}
3 K+ H) \/ J2 Q" QPCT 論壇#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}9 ?1 W' X* A. V4 k0 X/ [
#umenu #questionid { margin:-1px; }% c* y( X, X0 K" J# D$ @
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}( \) L- b& C" T+ I! N, R
#umenu #yzbox input.txt {width:132px;margin:0px;}: k7 d; \5 y, F1 f
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}: C4 ?7 R" M5 w5 P# m
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}* ]& ]' u6 [! o I
#umenu .zd {margin-right:7px;}3 P2 {0 S8 r$ Q, {5 H9 N' O* D. s9 f
#umenu .loginform label {display:inline!important;}, V# w+ I9 d* ?* K9 C3 ]) C8 j
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
9 H3 Z; e* p3 P$ G: z.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;}PCT 論壇- _4 }9 ]; Q7 w' H! m- L2 q$ A
.yzwd {width:100px;display:inline-block;}pct.sclub.com.tw1 k" I( B1 L% E& I7 \
</style>) b7 j' q1 ^: h+ B
<script type="text/javascript">
7 [ z( j9 {/ |! L- E/ Qfunction $(id){return document.getElementById(id);}
: O! M. |3 q; \; J/ p+ i- F& A0 hfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
% d; k% m! _5 ?. F8 Y4 U/ }function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
1 w' t- ?7 x+ j+ E/ D+ }</script>
/ V# v, N1 d8 V. D1 A9 S7 xPCT 論壇<div id="tb_1" style="display:none"> r3 g( c8 I% G9 d( n+ K3 W* M
<div class="qqlogin left">
* N! h# c% G, ^ w; _+ {% _6 @PCT 論壇<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>
X9 R2 S$ g, V. a2 Z<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
% K$ N. v- [3 y! A8 t+ z- E" Qpct.sclub.com.tw
( L, v3 G8 k. l* B</div>pct.sclub.com.tw5 T6 H9 S. Q( v& j2 i3 b
<div class="fastlogin left">! A9 }/ w: m8 a* e) j! s; u; o4 ^
<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">
! v0 X3 K/ p/ r$ h<input type="hidden" name="formhash" value="a45a9ada" />PCT 論壇( S9 l6 Q4 H9 O9 D! d
<input type="hidden" name="referer" value="index.php" />
8 Z2 @8 \5 {$ N) }) T. \<div class="loginform nolabelform">pct.sclub.com.tw/ `, x$ H) m3 F, P! g( _2 q
<input type="hidden" name="loginfield" value="username" />
/ L# a+ C7 o/ B) ^0 }/ {" w<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 論壇; {: `( C; g+ l6 P
<div id="yzbox" style="display:none;">pct.sclub.com.tw6 [) ]6 |- K/ J0 a
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>" E, ]4 _% m; Z" O+ P
<div class="selecttype">5 o. s: ~" t C4 S" Q5 P
<select id="questionid" name="questionid">pct.sclub.com.tw( J/ i! ^$ F% y3 [8 n, f
<option value="0">安全提問</option>. w) j- \: {" t5 c
<option value="1">母親的名子</option>/ S" k* a- q- R6 B9 N5 [0 Y
<option value="2">爺爺的名字</option>
. O; j$ O) D: |- r# Bpct.sclub.com.tw<option value="3">父親出生的城市</option>pct.sclub.com.tw" `$ a/ N- J& x0 _8 h# G) }
<option value="4">您其中一位老師的名字</option>
! e2 _- `2 m9 Z/ w% [4 E<option value="5">您個人電腦的型号</option>
, p# W4 B; Q9 T3 }0 q<option value="6">您最喜歡的餐廳名稱</option>
( W4 e, {- o7 W9 g<option value="7">駕駛執照的最後四位数字</option>
% _3 T" |& [, E# o& G2 u</select>
1 u9 a. ~, `8 |! F3 `: }7 pPCT 論壇</div>
+ I$ t- W0 t5 [5 F, a<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>PCT 論壇6 O" U+ k/ l8 ]+ X
</div>: ~# E4 I9 s/ X8 r! _
</div>pct.sclub.com.tw5 y. P+ y+ q) {; R
</form></div>
8 R8 g Q5 U& R* s1 I1 V* |) q% S</div><script type="text/javascript">, k2 t3 |( z- Z6 x6 r
if ($("umenu") != null ){ E0 A1 K$ D, V+ g# n9 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
