免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
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;}: g' v, k: X8 S* _6 ~2 l. G: ~
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
: o5 Q* d+ h- l. q) D( X, B8 kpct.sclub.com.tw#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}1 x) v1 [. |$ c$ o
#umenu {z-index:888;}) ^; u. n' r6 E9 @- I( K! A! F
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
6 H) v- t4 c9 ~* j& e) @, _pct.sclub.com.tw#umenu #questionid { margin:-1px; }
! y: d) h" ]2 g: m$ n#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}PCT 論壇- n) D+ b) L( P  _; L1 q) ~
#umenu #yzbox input.txt {width:132px;margin:0px;}
; n! `3 h+ w, g- D3 X2 r#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}3 v  k3 l: F% o3 n4 ]
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}3 E! g6 B5 F& W. n* f9 I% \  e
#umenu .zd {margin-right:7px;}
+ h7 l. H/ O( b$ T#umenu .loginform label {display:inline!important;}
* \1 w2 g. M# J' u$ v) X6 Npct.sclub.com.tw#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
, C* [' M. Z" }' q& Y' s- t.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;}. `" Y: W+ C7 D# E+ J3 g7 t9 K+ d
.yzwd {width:100px;display:inline-block;}
. l& r, V6 u: s# Q- |</style>PCT 論壇5 {: G- y7 k8 |
<script type="text/javascript">- t- W5 W2 n* B8 m# A. u8 ]
function $(id){return document.getElementById(id);}
9 ~# b* l! j0 z2 bfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
+ M5 e7 W& [* |" c7 r: }8 \* Qfunction Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}* m! p5 K" F" K2 j' c" K, P- D
</script>
+ k7 A, ~3 W5 I: q" l9 Xpct.sclub.com.tw<div id="tb_1" style="display:none">
& T4 Y$ ^5 Y( Y, e1 |+ g& f<div class="qqlogin left">
7 B3 X7 U5 X! j: _6 rPCT 論壇<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>PCT 論壇/ J/ M" y0 S3 r
<p class="hm xg1" style="padding-top: 2px;">只需一步,快速開始</p>+ S6 A- ]! N1 x% }1 @& ?% N
% w: Y1 F/ g4 b! L: U+ b0 K
</div>
" b2 A4 |' G) t8 v<div class="fastlogin left">
6 D- e9 e5 D# k4 epct.sclub.com.tw<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
3 S; x; d9 N/ r5 R<input type="hidden" name="formhash" value="a45a9ada" />7 G7 z4 q- [6 U
<input type="hidden" name="referer" value="index.php" />
( _& ]# @) w, F+ [PCT 論壇<div class="loginform nolabelform">
% @2 s% q0 e! H; z' t) `3 ?: t<input type="hidden" name="loginfield" value="username" />
  E7 ]: e* C( A% L, i# BPCT 論壇<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>
6 j0 d! u! Y6 ~! R<div id="yzbox" style="display:none;">
% p6 E+ F. |% o% }" |  z7 s+ Y" s5 D, {pct.sclub.com.tw<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
5 ~: T% x( H. k# z( _4 N<div class="selecttype">PCT 論壇2 m7 D( x6 x" c( W) m
<select id="questionid" name="questionid">
0 Z* N( F7 \" n9 O# u) C. s( e& h<option value="0">安全提問</option>
& W! E5 Z$ ]/ O7 I4 S' u- f% Gpct.sclub.com.tw<option value="1">母親的名子</option>9 T8 `7 N/ K8 S) e; r) `
<option value="2">爺爺的名字</option>
* w& I9 _* {3 l+ R<option value="3">父親出生的城市</option>
: U0 P5 W: c1 S1 T( m, TPCT 論壇<option value="4">您其中一位老師的名字</option>
1 [2 V) M' {# _" r. opct.sclub.com.tw<option value="5">您個人電腦的型号</option>
- s9 s% R% e( a$ u<option value="6">您最喜歡的餐廳名稱</option>
: s1 l4 G, i0 t. l) }<option value="7">駕駛執照的最後四位数字</option>: R* j* K/ l5 {' t
</select>
1 ^% v9 I  Y; v+ i' Z0 mpct.sclub.com.tw</div>
# M1 g! y, m; N5 Z<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
0 e( R4 s1 s9 r</div>; k7 l/ C; o0 \+ V7 e1 J$ t
</div>( U2 N, B& k% L8 n0 y
</form></div>
- p3 d2 d2 m% ~) E</div><script type="text/javascript">
6 s( Y* G, y. n. d+ hpct.sclub.com.twif ($("umenu") != null ){
4 j2 D& P7 [: w" k# }/ dif(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script>




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