免費論壇 繁體 | 簡體
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;}
1 ]8 \; B6 z6 ^' J, ]#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
% K: k) s2 w8 `  rpct.sclub.com.tw#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
# P: \6 [8 `& A+ I: g: P# |  n#umenu {z-index:888;}
8 d" ~/ G5 W* q. P#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
/ z' J, }! [; \: ]  C' b% \, `pct.sclub.com.tw#umenu #questionid { margin:-1px; }! t0 h. i" D1 ^
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}' J( k9 U* s. H/ m9 ]
#umenu #yzbox input.txt {width:132px;margin:0px;}. o3 ]( N9 v3 _# D9 y
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
' g, ?( P& N% W7 G& C#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
4 P1 v; [, `6 m1 ]: G#umenu .zd {margin-right:7px;}
) r  t& v, ?/ e6 a#umenu .loginform label {display:inline!important;}
' Z7 w$ F* j9 I7 ]4 H8 V: u) zPCT 論壇#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}8 p; T! N! v8 ~6 C7 E& d- z  V
.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;}
2 j- {1 y: Z/ Y$ D; }.yzwd {width:100px;display:inline-block;}6 E! R, _9 `/ ^% l0 b0 E4 T! v
</style>PCT 論壇, W* I$ Z" e$ q: o! J- G2 r
<script type="text/javascript">
# f6 c$ i$ Q  u2 Q5 |function $(id){return document.getElementById(id);}
5 F, ~) V. f! ]0 v8 X% Sfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}# ^1 L% [7 C* M7 Q
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}PCT 論壇8 e* p2 s! L/ G4 G5 ~9 w. W
</script>
, z5 G& K9 ?' \5 n' |  ^# Q<div id="tb_1" style="display:none">pct.sclub.com.tw& W3 `* u, @1 N6 w) O
<div class="qqlogin left">" A. U! G! c/ H1 T- N8 \5 s
<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>
% J. j) Z6 h! w9 ?<p class="hm xg1" style="padding-top: 2px;">只需一步,快速開始</p>PCT 論壇4 f3 W3 O$ d9 S3 Z1 j
7 }7 ^- c$ t- G% D+ h8 u9 o
</div>4 j1 X  V* ?# a( U# {+ h0 z0 i8 }4 B
<div class="fastlogin left">& N5 m& l* T! }
<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">( O$ ]( S9 E: P' L1 y4 W
<input type="hidden" name="formhash" value="a45a9ada" />
, n6 l7 b; s2 f! Q  F4 r<input type="hidden" name="referer" value="index.php" />
) s; D4 y0 S+ u4 }9 }. n<div class="loginform nolabelform">
% r# L! x* }4 ^, Q<input type="hidden" name="loginfield" value="username" />9 H  Q0 G$ O. Y& a9 Z- p# y: q
<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>
3 Q9 e3 @. ^2 n6 b<div id="yzbox" style="display:none;">1 R$ K' a; J$ f9 b7 b3 ^
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>pct.sclub.com.tw& Y- L$ j. P* P( W0 [) H) v! p
<div class="selecttype">pct.sclub.com.tw, S" c( }8 X8 V$ U
<select id="questionid" name="questionid">
* R; ~; X- {" q$ x<option value="0">安全提問</option>
/ n1 H) @6 {8 Q+ O5 M' a" y5 X<option value="1">母親的名子</option>* X7 Y* c9 @) h
<option value="2">爺爺的名字</option>. x6 f( r% q% ~9 y% b
<option value="3">父親出生的城市</option>
# l! b( A+ j( I  c, ^# F1 |<option value="4">您其中一位老師的名字</option>
/ K* \' V$ v, D' P+ \- g. fpct.sclub.com.tw<option value="5">您個人電腦的型号</option>pct.sclub.com.tw2 C4 k- l% C! a5 k" \
<option value="6">您最喜歡的餐廳名稱</option>
. o0 f' Z7 t% z7 a! J- A<option value="7">駕駛執照的最後四位数字</option>
3 K3 N7 U% l0 |</select>5 {) s7 E% R0 l* a8 G
</div>
$ N" @. V. v' U, _<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
) n) A6 S3 K3 R) [% s7 Q1 Zpct.sclub.com.tw</div>
+ S' o4 N: V7 [</div>
7 g8 R; O8 S3 X% e( i* C</form></div>
  X1 Q$ W7 n5 m: aPCT 論壇</div><script type="text/javascript">) e, a1 J  k4 V8 A5 }
if ($("umenu") != null ){
- S. _0 n+ @- i2 S/ j6 p- KPCT 論壇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