精仿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;}PCT 論壇7 T+ x- H0 {$ w
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}pct.sclub.com.tw# T3 p$ E: b$ y! W& S0 j# P1 G9 c5 K
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}9 s% ~0 @' n6 |# N
#umenu {z-index:888;}
: `1 z' H4 d$ k( ]# u: g#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
@' l* N: |1 K1 s1 T1 n% Wpct.sclub.com.tw#umenu #questionid { margin:-1px; }" n7 l' @ D# p$ A5 ?& @( A
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
5 f" W- A% i, D% p3 H. y6 jpct.sclub.com.tw#umenu #yzbox input.txt {width:132px;margin:0px;}
, {% c% e* Y/ b( K7 _8 B. |9 F8 ?#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
A' X; d' x0 K2 y. C" k! M, \5 G#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}! ?+ O2 G3 }7 L( H2 o1 J
#umenu .zd {margin-right:7px;}
- L3 R' f" t ]# j" }6 ^/ d1 g#umenu .loginform label {display:inline!important;}PCT 論壇: r" R' `3 x8 z+ k" `
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}6 y: k; X8 H: G, C' t# W
.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;}7 e1 E; d+ O& k! \1 g6 b
.yzwd {width:100px;display:inline-block;}6 I" F2 Z2 i |' n% s- s
</style>
: Z+ k C a$ b7 L<script type="text/javascript">& k7 K/ L) \- t% ]1 H* @; a
function $(id){return document.getElementById(id);}PCT 論壇) o) m, c* A0 F; `; k; v4 ?1 m, n! Z
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}! A6 Y; {9 u. N
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
8 R1 ^0 }; [3 U C) X% x</script>$ ?7 a! t$ J, \7 O8 x/ _5 c" D
<div id="tb_1" style="display:none">
- Z) M, f* A" O# Z3 t4 _<div class="qqlogin left">
+ h8 E6 {3 H4 PPCT 論壇<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>% \$ o% P" t+ z. [* _9 N. f O2 I
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
1 G9 L( X0 F9 P, m- _pct.sclub.com.tw; ^0 \$ h, T$ S4 f1 x
</div>pct.sclub.com.tw5 a0 G V4 {' K1 v2 N
<div class="fastlogin left">8 h( A9 D3 {3 n% ?' |5 S, \
<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">
7 m8 ?6 A7 E- H6 W: r' b3 U. w" ]0 d<input type="hidden" name="formhash" value="a45a9ada" />
2 ] e/ t( f8 \, r<input type="hidden" name="referer" value="index.php" />. s* i3 h6 O; I/ Y' a7 F9 |
<div class="loginform nolabelform">PCT 論壇$ b' Y0 w/ v6 g3 G9 a
<input type="hidden" name="loginfield" value="username" />PCT 論壇( J: c4 ?0 S* q- h
<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>
9 ^ S; K9 }! c2 b1 @<div id="yzbox" style="display:none;">
4 |- Z) c7 L) @& R% l<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
6 I: P/ t$ m1 ^5 I- Y% ?<div class="selecttype"># O# {1 {: Y7 ^
<select id="questionid" name="questionid">
9 r8 h& x. Z# B$ ~3 _1 A1 `<option value="0">安全提問</option>' _$ x3 c2 r" `- ^; N! l7 N) m
<option value="1">母親的名子</option>
: m# v+ c! v9 D; Y) c8 g A2 K1 wPCT 論壇<option value="2">爺爺的名字</option>
; B6 c& k4 a- X% p<option value="3">父親出生的城市</option>
/ B* P; c( P0 ?3 S2 ~: F O$ }<option value="4">您其中一位老師的名字</option>
. F' E. o' L# n- c$ P6 u# r3 e: rpct.sclub.com.tw<option value="5">您個人電腦的型号</option>- ~0 z" i3 E) T A( S
<option value="6">您最喜歡的餐廳名稱</option>PCT 論壇8 h) w6 q0 C: T* A/ b
<option value="7">駕駛執照的最後四位数字</option>, L( e; v9 M* S: m2 Q6 X% a+ \& e
</select>
' [, N4 f# D4 z V6 u% {$ ZPCT 論壇</div>
8 }- I- Q4 K( ]& g" n- f<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>
5 ]" R. [6 J$ m, t6 ?</div>
- H- ]1 q" q! g3 O. a0 a" j& @4 f</div>) F4 b! o% s3 a0 I) g- t! a
</form></div>
6 x8 n. U% s- s9 G% c& _PCT 論壇</div><script type="text/javascript">. U: W, D9 W; F
if ($("umenu") != null ){! k( R+ B& l% s9 Y; W. {8 @) L# f: m
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
