繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
精仿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;}
5 h# }+ {9 A8 X4 @ f; b
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
& t; V( w0 @& d: o! T3 j# M9 W
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
7 y1 i! z1 x: p# d" U2 R* @PCT 論壇
#umenu {z-index:888;}
PCT 論壇& \5 t3 j }# x% G
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
8 N0 }% L( N' P9 ]+ p4 }
#umenu #questionid { margin:-1px; }
U5 q0 j2 L" F0 R- t
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
pct.sclub.com.tw- q2 F. L2 y8 `( p* j* {
#umenu #yzbox input.txt {width:132px;margin:0px;}
pct.sclub.com.tw3 K1 x& ~6 g5 b$ v2 D6 k0 M+ X P' b8 w
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
, w3 v+ i& s# W9 u# V7 ^3 N& a
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
" v$ l' w3 Q0 o7 J0 j0 P/ M
#umenu .zd {margin-right:7px;}
# R3 q; y8 o0 J G
#umenu .loginform label {display:inline!important;}
/ z& Y# |" T* y2 y# T3 i$ W
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
- Z/ @+ y8 b5 u1 D; U1 H
.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;}
3 Y. U; R8 f) i3 ]. s2 e
.yzwd {width:100px;display:inline-block;}
$ s+ n; |0 x I( B& v3 c
</style>
* M7 O8 [% v! M6 W
<script type="text/javascript">
3 E( q2 q3 b f6 N. t
function $(id){return document.getElementById(id);}
pct.sclub.com.tw, L) i' H- L- A4 o* C) |
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
+ m/ }% Z3 d; }/ f1 c) zPCT 論壇
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
/ \9 j, Y% @- D6 s. ]+ c
</script>
: ^1 p1 v! ^: @, wpct.sclub.com.tw
<div id="tb_1" style="display:none">
% _9 ?! w5 S1 M e7 D9 @5 p6 I3 L
<div class="qqlogin left">
$ |) F$ |( R6 r! IPCT 論壇
<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>
7 e. E4 j8 {2 |; c
<p class="hm xg1" style="padding-top: 2px;">只需一步,快速開始</p>
3 h9 S* l7 p8 ^" e7 S
) g$ z6 s; u4 w. e
</div>
7 H9 R) Z: {4 O; Tpct.sclub.com.tw
<div class="fastlogin left">
1 n1 {. s9 E9 N3 y G4 t8 B
<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">
6 T, h! q+ G3 s
<input type="hidden" name="formhash" value="a45a9ada" />
" i- v Q, n) K' _1 M8 r5 K: tpct.sclub.com.tw
<input type="hidden" name="referer" value="index.php" />
1 C k- i' ?; u; \
<div class="loginform nolabelform">
7 I3 n }! i. @6 u( V8 S7 v7 s' h
<input type="hidden" name="loginfield" value="username" />
pct.sclub.com.tw( M" K( G% n* Q, v l. g
<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>
1 D* r; D! E5 J5 ]
<div id="yzbox" style="display:none;">
: e& f$ N/ X: K8 e! O# P
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
( L0 R: Z6 j# P/ M& l
<div class="selecttype">
4 B! P" Y3 V. s( c7 I5 s: W% n
<select id="questionid" name="questionid">
PCT 論壇6 p" y& M( u! e$ |! R1 z
<option value="0">安全提問</option>
i. R/ l' e$ W- x9 E$ B* z
<option value="1">母親的名子</option>
- K2 W: `3 a9 M. s% u2 b' Y
<option value="2">爺爺的名字</option>
0 [( G0 K1 {4 `7 n0 h- K
<option value="3">父親出生的城市</option>
6 @- |0 N/ W/ O; V+ Q
<option value="4">您其中一位老師的名字</option>
pct.sclub.com.tw, a- \2 e! m3 |: e" |6 x
<option value="5">您個人電腦的型号</option>
% g* ?5 I" }) T
<option value="6">您最喜歡的餐廳名稱</option>
* |1 N+ I# z# L0 c0 J
<option value="7">駕駛執照的最後四位数字</option>
# [1 z1 ]" p# Q+ @
</select>
, b8 `1 x6 ], s; F( P
</div>
& D5 T$ Z, M& C* h0 w
<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>
PCT 論壇. s8 X, q2 A3 W( @: k" v! ~
</div>
pct.sclub.com.tw. A% b+ P" q* R
</div>
PCT 論壇) W$ T. u w" R+ b% X' l
</form></div>
1 L# e7 @" L* ~0 [; ^pct.sclub.com.tw
</div><script type="text/javascript">
0 O4 ^' B5 v" R# w7 R/ ]; d
if ($("umenu") != null ){
% K1 ~! a/ T; Z/ F* I3 W; m
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