免費論壇 繁體 | 簡體
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;}* L) K0 D% O2 M
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}PCT 論壇% W' e' D" k5 E
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
* N, U7 U, y9 Y" C) z8 D3 gpct.sclub.com.tw#umenu {z-index:888;}pct.sclub.com.tw3 Z$ ]4 M/ q5 E- Q. {
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
1 g/ G7 f, b4 @: b( y! ypct.sclub.com.tw#umenu #questionid { margin:-1px; }pct.sclub.com.tw' a. {1 h" {) x. s) J$ i
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}+ ^) h8 V- E5 N1 v
#umenu #yzbox input.txt {width:132px;margin:0px;}
$ [: ?9 @( k4 I" {0 Z/ Q3 k( ~#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
) @) Q, u9 P3 ~' E4 ^' ?; e#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
& a- w1 b% f8 P& i5 OPCT 論壇#umenu .zd {margin-right:7px;}
9 \- [/ K& k7 pPCT 論壇#umenu .loginform label {display:inline!important;}
" g$ Y; m$ [( o( ~$ ?( D#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}4 T, q1 `& G: K
.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;}
' A9 {, I9 ~, e. r! g7 W.yzwd {width:100px;display:inline-block;}) H) [! d) j+ Y5 n! H+ A3 T' c
</style>! h/ M- q2 @# L# T# g! ^
<script type="text/javascript">
* J! [. D$ J5 _PCT 論壇function $(id){return document.getElementById(id);}
) n; Q9 m/ T" ], w( U5 y' l* Npct.sclub.com.twfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
9 G% m  h: g) C+ e" Cpct.sclub.com.twfunction Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}pct.sclub.com.tw+ m' d3 {# ^! b1 [
</script>
, R: g7 n: R5 o( U% l1 Upct.sclub.com.tw<div id="tb_1" style="display:none">
1 a: Z/ P$ B% T: n" S<div class="qqlogin left">, s  Z. u. {0 v0 b; u- W4 X$ f
<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>
4 h$ w7 Y6 V) c/ M6 ]<p class="hm xg1" style="padding-top: 2px;">只需一步,快速開始</p>
' c8 ]/ S- ~" P% j+ p; m; J: d) u
: i: A1 R$ K/ MPCT 論壇</div>
& s, |; q; G  f1 ]# d6 E/ f<div class="fastlogin left">
# Q6 c! e* l# D$ j% Fpct.sclub.com.tw<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">
! C3 C: Y3 j% K2 O6 _" xpct.sclub.com.tw<input type="hidden" name="formhash" value="a45a9ada" />/ @5 Z' H0 I% g6 d; n4 }
<input type="hidden" name="referer" value="index.php" />pct.sclub.com.tw9 i# c: D4 s: b0 w4 L
<div class="loginform nolabelform">
: M7 @2 h% C$ M; z5 A1 y4 S<input type="hidden" name="loginfield" value="username" />
' a* A% k# `# f8 k* B7 y<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>0 _4 ?( W4 S4 M1 p5 N1 G
<div id="yzbox" style="display:none;">( `: [6 i1 s. v. Z
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
. m: ]% f8 D1 W; J% H) npct.sclub.com.tw<div class="selecttype">
4 Y( P5 M2 [6 a: o4 `pct.sclub.com.tw<select id="questionid" name="questionid">
# b7 R* Z) S/ t  [# n. w<option value="0">安全提問</option>" U/ T* m! Y: w9 G; x" J% n8 g
<option value="1">母親的名子</option>% H& S) q/ s! P% T, Y" a
<option value="2">爺爺的名字</option>& t6 o, ?2 P1 a9 @$ W+ D2 j/ M
<option value="3">父親出生的城市</option>
3 G1 {8 X# _( n: D! ]& N( Spct.sclub.com.tw<option value="4">您其中一位老師的名字</option>6 J" A  q7 s3 k$ k  E4 O+ D* f
<option value="5">您個人電腦的型号</option>
7 g+ |. E! d2 f/ Y<option value="6">您最喜歡的餐廳名稱</option>
3 x. `5 i" M; n<option value="7">駕駛執照的最後四位数字</option>& g8 `  Z4 n% K9 a' J9 L! I
</select>
% X( _7 ]" A5 r5 s</div>
$ t  I& |- p/ i3 U, P3 z<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
. E; d4 p5 e; H4 u& H/ wpct.sclub.com.tw</div>
! V5 [0 [$ G# E& [& i- R  D& L* Q3 j</div>* a4 @) S& J) s) d9 ?' f
</form></div>PCT 論壇5 K/ n- c1 O* T" f2 p
</div><script type="text/javascript">
* C+ O% I3 g. e6 d5 Vpct.sclub.com.twif ($("umenu") != null ){
) x# h; a7 }2 I* I0 B6 d! ]4 wPCT 論壇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://pct.sclub.com.tw/) Powered by Discuz! 7.2