PCT 論壇 - Powered by Discuz! Board

繁體 | 簡體

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;}
#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}$ K5 A% J( J. v2 T
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
#umenu {z-index:888;}1 y( r8 w* B; G8 L: i; O* p6 i
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
#umenu #questionid { margin:-1px; }pct.sclub.com.tw* g' s0 j. q6 D" b9 G
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}" ^8 r! X& f3 d6 {
#umenu #yzbox input.txt {width:132px;margin:0px;}
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}5 b& x. f; ?$ [0 V4 q
#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
#umenu .zd {margin-right:7px;}9 R) U+ n8 I: g6 ~' ?; K3 X
#umenu .loginform label {display:inline!important;}
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
.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;}
.yzwd {width:100px;display:inline-block;}
</style>
<script type="text/javascript">
function $(id){return document.getElementById(id);}
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}( |9 ^: l( \7 @. P& y( n$ ]
</script>
<div id="tb_1" style="display:none">  T; O( [4 B2 U% g, h7 V2 R  C9 k( L
<div class="qqlogin left">
<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>% s1 E1 I# Z9 r- r) U( L" Q
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>( u  M0 Z* a# t3 a# v& @

</div>PCT 論壇5 s7 q( B! _6 j0 h9 Q
<div class="fastlogin left">
<form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&loginsubmit=yes">: Y- [& c+ D) ^7 H: u1 f
<input type="hidden" name="formhash" value="a45a9ada" />0 D$ t' Y) \3 Z7 x" ^, n6 C
<input type="hidden" name="referer" value="index.php" />
<div class="loginform nolabelform">pct.sclub.com.tw, I- s( k) J, l1 J0 @
<input type="hidden" name="loginfield" value="username" />
<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>
<div id="yzbox" style="display:none;">- _# {/ t0 H5 d2 y  g# w
<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>
<div class="selecttype">
<select id="questionid" name="questionid">pct.sclub.com.tw3 s- X$ u! i2 s7 M4 Z, B, r
<option value="0">安全提問</option>  h! C! f* o, \0 \; ^- s( I
<option value="1">母親的名子</option>PCT 論壇! S2 l4 T3 @# u0 N  }$ \' ]9 j
<option value="2">爺爺的名字</option>& S  l3 J" m& j7 c: W2 c" j
<option value="3">父親出生的城市</option>PCT 論壇7 S% R+ P. \7 i2 O5 w/ {) R
<option value="4">您其中一位老師的名字</option>
<option value="5">您個人電腦的型号</option>
<option value="6">您最喜歡的餐廳名稱</option>6 M+ E* {6 ^8 b* |0 t% l
<option value="7">駕駛執照的最後四位数字</option>
</select>
</div>PCT 論壇7 }6 C: ?; f7 R+ l: k# }
<p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>6 l  c3 x8 g- R" n& U5 L5 F
</div>: D, s9 W) i7 F8 U" J
</div>
</form></div>PCT 論壇9 @9 h6 q. u1 p  C" c
</div><script type="text/javascript">
if ($("umenu") != null ){
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/)