免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: 精仿DiscuzX2右上角独立登入框效果（集成验证码问答） [打印本頁]
作者: PctDK    時間: 2013-4-21 08:28     標題: 精仿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;}
- c+ o2 j% I1 u  z+ t#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
( F% G$ P, U: l: z#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}2 I3 O7 p2 z! T# w0 M+ z  k. Z% E
#umenu {z-index:888;}
. o) L  e/ t/ u/ a#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}3 [0 N2 Y' f9 c0 p5 n
#umenu #questionid { margin:-1px; }9 P  `1 c' h$ N; e7 c1 t. e
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}( U+ y! t4 B5 s/ I0 `
#umenu #yzbox input.txt {width:132px;margin:0px;}
" c# K, M" r# r$ d! J5 ~1 e#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}  {8 T* p6 L4 e# p% T
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
- V4 n' F7 i* \% _+ c$ S, ]#umenu .zd {margin-right:7px;}
1 V* I. y. Y/ P3 [1 @( W#umenu .loginform label {display:inline!important;}
# q( u; l6 w) u  }" n6 C6 q$ b9 E#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}: s  [4 W, Y* Q
.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;}$ H; B0 l0 q( O& A
.yzwd {width:100px;display:inline-block;}! Y, c# U% }& V3 M& C" i( |' i( V
</style>
8 H) q  A8 f4 x# T6 c<script type="text/javascript">, e1 d2 A% k/ I& p8 A/ S! h
function $(id){return document.getElementById(id);}4 Y. j! }) x( B3 ]% O) X$ Q/ ~; z
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
; s; n; ?! |$ _1 J% o3 c5 ^/ |+ Ufunction Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}/ C3 W0 c$ M, ^* I+ b6 g
</script>1 a1 a! g; u8 x: W* |0 V8 ?) ?; {
<div id="tb_1" style="display:none">
$ v+ j* }& |, k/ Z. h+ {$ b<div class="qqlogin left">
0 K6 b' K+ Q( A' K<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>
! T0 C5 K5 X3 _- B( ?<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
; [- ?0 h0 m0 Z) S. F2 t; f. S+ h' n$ [; M6 w; w
</div>6 U* @' G* e9 p
<div class="fastlogin left">- K6 a  N( i- I8 c$ N
<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
& A- H6 Z, u+ X; C# X6 g7 w& X7 U<input type="hidden" name="formhash" value="a45a9ada" />( ]3 d9 b5 S; G+ H0 R) M
<input type="hidden" name="referer" value="index.php" />
1 e% @6 J! W& @<div class="loginform nolabelform">
7 w' S; W2 @  b1 b<input type="hidden" name="loginfield" value="username" />
9 A6 D+ z5 U  c7 H! G1 t<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># B7 M! q' a2 \( Q' r. |. [+ V
<div id="yzbox" style="display:none;">/ n5 V. e3 F' |6 [
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
) K# M- g  Q" E% U% X6 F4 B# o<div class="selecttype">1 [' ]! F5 M" i* Q" u
<select id="questionid" name="questionid">
+ q" V" S3 B0 |  |$ n% \/ \<option value="0">安全提問</option>
" u, d. |$ u& ^2 n+ P2 S% i<option value="1">母親的名子</option>- q% }4 V. ^$ _; @
<option value="2">爺爺的名字</option>7 C" l" g! E6 ?
<option value="3">父親出生的城市</option>
8 y0 x& S) l4 p% l4 t; }7 `<option value="4">您其中一位老師的名字</option>
8 ]3 J( z6 Q, V( x. U( ^<option value="5">您個人電腦的型号</option>* H9 g% @$ L9 r+ l. t" K) N
<option value="6">您最喜歡的餐廳名稱</option>
( \4 Y7 {/ Y4 Y' J2 `) `<option value="7">駕駛執照的最後四位数字</option>
4 f  `9 W) o: A* m2 O</select>
' A, Z" F( B) {# ~% b# s</div>
8 G* r/ ^% n) M' _4 S% Y6 u# Q4 `3 M<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
6 D, ?0 t% l$ R5 G</div>
% W0 _9 U* i: B! Y" X1 P" J</div>
2 M: y+ y' I5 X$ o- ?: |</form></div>
5 m3 ~6 X0 I$ W# l! }4 H  f</div><script type="text/javascript">. x3 Z, _) }2 I) O, \
if ($("umenu") != null ){9 c; Q, r. {- o
if(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>



歡迎光臨 PCT論壇 (http://www.pct.sclub.com.tw/) Powered by Discuz! 7.2