精仿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;} T. b4 V6 N# E+ r( z+ K
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}pct.sclub.com.tw4 ?! n- a7 o& R2 T' l- r
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}' z% Z( ?8 n; I' S1 S* g
#umenu {z-index:888;}pct.sclub.com.tw5 N; P$ M# [) d6 x& U+ h# b5 N
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
2 I. ?/ N4 n4 B5 X& N+ g! sPCT 論壇#umenu #questionid { margin:-1px; }pct.sclub.com.tw! C) R" c- j1 i" ?3 `
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
0 p0 k9 A2 }0 k. K1 J: xPCT 論壇#umenu #yzbox input.txt {width:132px;margin:0px;}" V5 O5 Q( P$ t; ^
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}1 I# i3 Y! i# E% X5 v6 _* O
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}. k& Y0 d9 K) o2 Q; f: T( u* c
#umenu .zd {margin-right:7px;}
2 @# }& u( g' z8 opct.sclub.com.tw#umenu .loginform label {display:inline!important;}
" @3 E9 c6 b' E1 |0 t4 f' j#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}' M/ k6 ?7 @) y5 a3 O% ?/ L
.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;}
4 b1 G5 X8 T! yPCT 論壇.yzwd {width:100px;display:inline-block;}8 t& U& `- v8 J7 L0 {4 n- K7 _
</style>
, X! W. a6 q+ k6 I<script type="text/javascript">
% W, |) c2 X2 D' {* ?/ z5 Gfunction $(id){return document.getElementById(id);}3 s& I* @& K, V% ]# r. ^) M& N
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}' B; E6 ^% |0 \
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}# ?! X0 }7 ?% i3 v
</script>( k# i( h [% r/ T
<div id="tb_1" style="display:none">0 R. w& e1 U( a) |# V
<div class="qqlogin left">PCT 論壇' P$ u' B Q+ m% K& I1 ]
<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>
- j0 O/ [7 F9 [: V0 Q6 y<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>pct.sclub.com.tw2 {: J/ K, J. `% r4 L
" w/ O7 R' [$ s4 A& Z</div>
9 d9 T. e2 q- q8 n2 O6 ^/ Q2 X& x& [PCT 論壇<div class="fastlogin left">
" \% E, D, e: |) b# {2 P0 x<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">; L* ?" m$ w S% Z: q L( _9 l- v
<input type="hidden" name="formhash" value="a45a9ada" />pct.sclub.com.tw- K- O5 y" U' ~) g6 ]
<input type="hidden" name="referer" value="index.php" />PCT 論壇: I0 q: e* @% z1 |3 C2 C: j
<div class="loginform nolabelform">
. }1 r W+ K$ t8 S* T! \pct.sclub.com.tw<input type="hidden" name="loginfield" value="username" />* i8 r3 x9 x- o2 X+ z: I8 {0 N6 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>
* Y6 y( c ]3 {7 _pct.sclub.com.tw<div id="yzbox" style="display:none;">$ F2 _' k0 r. @7 l* k s1 ?/ N( N
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>% K: l) |' O/ D& U: d
<div class="selecttype">pct.sclub.com.tw: e; ]) ~8 p9 g. O. b
<select id="questionid" name="questionid">0 l- y w6 s4 Y$ W0 e' g
<option value="0">安全提問</option>
+ o# P5 o+ u; p5 W. I, B& H0 O- ePCT 論壇<option value="1">母親的名子</option>
6 j+ N% y2 X7 F: S8 V4 B<option value="2">爺爺的名字</option>
5 }; p8 H+ D9 D% s, Y8 M; d<option value="3">父親出生的城市</option>
3 m0 p0 N1 d2 z/ t4 C$ R9 M<option value="4">您其中一位老師的名字</option>
, k& |3 A6 r! h- c' p5 i& R7 D<option value="5">您個人電腦的型号</option>
4 I5 w, N3 E$ C1 E- t. @3 z! F<option value="6">您最喜歡的餐廳名稱</option>
0 |1 G% U' ^" f+ G* M" O- q<option value="7">駕駛執照的最後四位数字</option>pct.sclub.com.tw7 }( T& Z% T/ ]( Z+ }% \
</select>PCT 論壇1 {' u# C4 j- M$ @
</div>
8 |0 \/ M3 O# ]8 L! Q( M* u D<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>
4 @ K4 h& t- l3 N3 E</div>
/ i. V3 x0 R! f: ~</div>, q' C" P: Q( E4 q& I9 B
</form></div>6 M. O, ]! ~# b$ w! c# s
</div><script type="text/javascript">% H8 P! z' p6 y; M) ?
if ($("umenu") != null ){
4 I. ?+ M! D+ B8 Iif(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
