精仿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;}
, d$ y. U! I2 p. K6 X; vPCT 論壇#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
& B) P. H" N/ O! t9 L Y#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
2 K3 l! V# x3 \" K#umenu {z-index:888;}
8 m7 v) g- S* u+ B4 zpct.sclub.com.tw#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
) P& t" @$ j0 i8 ]# [8 W#umenu #questionid { margin:-1px; }
( y# P" @! G9 Z. B3 y1 o#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}3 G$ I( z: x+ |5 W
#umenu #yzbox input.txt {width:132px;margin:0px;}& ?* x, k; j9 }- t- T% W+ | d
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
; X/ Z7 ?1 x6 w! rpct.sclub.com.tw#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
% J* s. R* A# l) E4 g* ?2 X: Q#umenu .zd {margin-right:7px;}
' R% z" ?8 K, W, A" k, [: E#umenu .loginform label {display:inline!important;}) X4 v% ^6 f2 f+ J
#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
/ ~% p5 U. q* I- w" K' `8 {.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;}0 K2 f; X/ A- q/ ]) [
.yzwd {width:100px;display:inline-block;}
( Z, `7 F7 D8 {/ z</style>pct.sclub.com.tw6 `' X3 i: a; z- S8 c& Z; M
<script type="text/javascript">PCT 論壇8 E- k2 F7 l# V! z- m
function $(id){return document.getElementById(id);}pct.sclub.com.tw2 ]9 S/ E% @5 H9 W0 }+ |
function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}& r) ^+ ]% v1 j
function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
# Y1 ]: n9 P, b( @, U</script>
1 P9 m5 d6 J* s0 G/ l2 _PCT 論壇<div id="tb_1" style="display:none">+ x8 \: Z1 O% q/ t* t
<div class="qqlogin left">, z% H1 @ _; e& r
<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.sclub.com.tw& z, \/ _* O- k) y: f
<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>
3 Y$ `9 }& e# f" ?( d2 G4 y B8 m
$ _ S- s) O" d# U+ k' Lpct.sclub.com.tw</div>% F% N7 [& j* ^8 {; ~& Z
<div class="fastlogin left">
$ j" D3 Z( z1 i<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">
' ~2 q+ D4 u' A o0 { X<input type="hidden" name="formhash" value="a45a9ada" />
( E: t. a4 |$ _<input type="hidden" name="referer" value="index.php" />
+ s; C5 c' `4 A4 K4 a6 n<div class="loginform nolabelform">
& W2 `- e. J0 a" W6 d, D, w0 t<input type="hidden" name="loginfield" value="username" />6 A0 d" B+ R' m4 @, n( _: M% Q L
<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 E& @- A; w7 o) D: O3 {0 k
<div id="yzbox" style="display:none;">
; u+ G b) k* [; ^7 F<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>PCT 論壇! p0 R$ E- h" N3 J) ]
<div class="selecttype">1 P4 W H7 M6 ^7 H
<select id="questionid" name="questionid">
, K0 h3 Z$ f1 U/ M<option value="0">安全提問</option>) C% q( `5 z1 A4 t h
<option value="1">母親的名子</option>
2 i6 V# m9 {0 n) a<option value="2">爺爺的名字</option>, G: a$ F9 J/ e
<option value="3">父親出生的城市</option>) o! n1 {& h l* ^& B& Y
<option value="4">您其中一位老師的名字</option>
" U0 j8 t/ L0 P" G; H5 c/ \<option value="5">您個人電腦的型号</option>PCT 論壇! k( |* g1 g- g% z# y, x( ^
<option value="6">您最喜歡的餐廳名稱</option>. t" [. r# m, Y _ I
<option value="7">駕駛執照的最後四位数字</option>
) i2 n# y H2 Q/ _# F5 wpct.sclub.com.tw</select>
( Y! x( i. g V" Y</div>3 M* X& W/ M" @- [2 k5 F
<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>
) t o! c- n" [' Mpct.sclub.com.tw</div>
: p* s. s+ ~. x3 F1 {1 J</div>: {! b0 E5 a/ g/ Q4 }) y8 P
</form></div>$ X, X* @4 i% r* n3 X
</div><script type="text/javascript">) J, p# E F# F; k) d4 V: F2 `* J
if ($("umenu") != null ){
$ [% h8 S! p3 }pct.sclub.com.twif(discuz_uid == 0){$("umenu").innerHTML = $('tb_1').innerHTML;$('tb_1').style.display='none'};if (discuz_uid == 0 && $("logging") != null){$("umenu").innerHTML =""}}</script> |
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
