精仿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;}
7 _( q, a7 P5 d8 p: L$ wPCT 論壇#umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}+ j1 t/ {4 c m* ?, @+ y
#umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}6 y6 E8 W, h6 W2 T X
#umenu {z-index:888;}: D& R$ \! \8 S1 @6 M/ ?
#umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
# l c$ |/ a- j( D! S) E p#umenu #questionid { margin:-1px; }# H9 R; y% Z4 O% K; k9 w W" o
#umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
( a: }' ?$ ?9 k7 C& x5 T#umenu #yzbox input.txt {width:132px;margin:0px;}PCT 論壇1 B' r* S [6 q" I# R
#umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
4 h2 I. [, Y1 J; \, f) wPCT 論壇#umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}pct.sclub.com.tw; w5 w0 l3 F4 D+ [
#umenu .zd {margin-right:7px;}
! a* n |6 f% x7 R9 W9 VPCT 論壇#umenu .loginform label {display:inline!important;}
# S6 u4 g' U7 h4 GPCT 論壇#umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}pct.sclub.com.tw- I# Z* _2 E. M _' ?! V1 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;}
& C) ? T, S6 \. {- T' \. qPCT 論壇.yzwd {width:100px;display:inline-block;}PCT 論壇& n3 w( b; K! K# F- I. \9 F5 H# g; Z
</style>
" t, { y( h& ]& V& GPCT 論壇<script type="text/javascript">
c0 E/ D7 s ~! M# U+ k0 w" n$ ?function $(id){return document.getElementById(id);}
$ R# c: @) H( o9 [7 j3 Wfunction Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
+ q+ S& u# {( Bfunction Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}" B4 w g) C" p) u" \. b
</script>
% y, @1 G; A! i! I. `" U. v# @<div id="tb_1" style="display:none">6 a4 E7 O+ e- @/ Y3 k" X9 O" f
<div class="qqlogin left"> C' r9 l5 b v6 a4 t
<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>
( s$ ` h M6 {pct.sclub.com.tw<p class="hm xg1" style="padding-top: 2px;">只需一步，快速開始</p>) {5 j, U; N9 k3 ]9 v
3 f5 A6 `: x0 `0 E: B" [8 pPCT 論壇</div>7 G! O: ^8 j# L* b% Q
<div class="fastlogin left">
2 ]* j2 e8 W l8 o b: T<form method="post" name="login" id="loginform" class="gateform" action="/logging.php?action=login&loginsubmit=yes">
. h* H1 B5 B: K3 b9 v1 `$ d<input type="hidden" name="formhash" value="a45a9ada" />
" K* {2 Q. F- c1 s* ^PCT 論壇<input type="hidden" name="referer" value="index.php" />' B7 ]0 |- ]6 K7 o4 d, z
<div class="loginform nolabelform">
8 J C5 ^7 w! `% {PCT 論壇<input type="hidden" name="loginfield" value="username" />+ ~9 ?# B$ D/ t3 ?! p
<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> y; S, s5 g( N. z+ d
<div id="yzbox" style="display:none;">
9 ? K- F- U, \pct.sclub.com.tw<p class="s_clear"><span class="left yzwd">驗證問答</span><a href="javascript:viod(0);" title="關閉" class="closea">X</a></p>8 p' Q. @/ P+ l3 S4 G: P
<div class="selecttype">/ m! P) g% \4 N. r2 f8 n3 l( ]7 n( C
<select id="questionid" name="questionid">3 Z% P; [: J+ G: q& K2 j
<option value="0">安全提問</option>pct.sclub.com.tw7 k- c1 i( O3 \
<option value="1">母親的名子</option>
+ Z) `1 }5 S0 Q+ I tpct.sclub.com.tw<option value="2">爺爺的名字</option>
" @' {9 b2 m: o- ` A<option value="3">父親出生的城市</option>
9 h3 r! r& N& `$ i# l2 x6 VPCT 論壇<option value="4">您其中一位老師的名字</option>
- X2 T4 E" O' j' I P<option value="5">您個人電腦的型号</option>1 T0 G# _: S6 s3 j2 `! m9 N1 q5 b
<option value="6">您最喜歡的餐廳名稱</option>pct.sclub.com.tw4 ]& A; w& M2 t9 G# H& B% ]
<option value="7">駕駛執照的最後四位数字</option>
$ `; Z* O2 ~8 `7 M& F</select>
2 K! x9 A; m. C7 n+ ?1 d</div>pct.sclub.com.tw% r" [$ b8 @( H9 r) Z
<p><input type="text" name="answer" id="answer" autocomplete="off" size="36" class="txt" tabindex="1" /></p>
# G3 P8 _" {; K$ N7 i i) Q</div>' L8 a7 ~' T, | j6 S, |
</div>pct.sclub.com.tw' ^) X8 w3 p2 _* t
</form></div>PCT 論壇( R" ]$ |+ f4 c1 U; G* a/ H& h
</div><script type="text/javascript">PCT 論壇! [. @: o$ R3 o* a9 y
if ($("umenu") != null ){pct.sclub.com.tw7 z, [- x: ?+ u% s! s+ A
if(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
