将"登录"、"注册"和"找回密码"文字为按钮样式 - 时尚酷族

152745hwq8tp8mtizqhihj.png (5.55 KB, 下载次数: 30)

2011-7-27 20:41 上传

美化后

15275927cdodoc24qh222o.png (9.58 KB, 下载次数: 31)

2011-7-27 20:41 上传

美化方法：
打开正在使用的风格的common.css文件或extend_common.css文件。
在最下面添加一下代码，
代码如下：

#ls_login_btn em{padding:0;display:none;}1 }- `( d7 g* X' z0 ?. Z' B/ r
#loginstatus,#loginstatus a{color:#333 !important;}
0 ?3 t ]5 q7 K5 K( a* |' G& {
#ls_password,#ls_username {no-repeat 2px -80px;padding:2px 4px 2px 20px;}: j1 z# D6 C/ n* ~( @. O# G
#ls_password{background-position:2px -100px;}
1 x4 U: O S0 q4 t0 O
#ls_login_btn,.getpassword,.reglk{display:inline-block;text-indent:-9999px;overflow:hidden;width:70px;height:20px;border:0;}! O7 W; [) i- N& a5 [, Q; h" {1 K
.ie_all .getpassword,.ie_all .reglk{display:block;}
( t! v* x9 m/ S, b: G. ~
.ie_all #ls_login_btn{text-indent:0;}
- A5 e( [9 N- D: ? i2 D( G
#ls_login_btn{background:url({IMGDIR}/ls_login_btn.png) no-repeat 0 0;}+ @" b$ A' h0 o
.getpassword{margin-top:5px;background:url({IMGDIR}/zhmm.png) no-repeat 0 0;}- W, Q) ]2 T* N. B5 g {# s
.reglk{background:url({IMGDIR}/reglk.png) no-repeat 0 0;margin-top:3px;text-align:center;}

复制代码

然后打开member/login_simple.htm

查找

<p><a href="member.php?mod={$_G[setting][regname]}" class="xi2">$_G['setting']['reglinkname']</a></p>
) }: |( G" Y! @( l- s& R+ n0 v. d, z, ^
<p><a href="member.php?mod=logging&action=login&viewlostpw" class="xi2">{lang getpassword}</a></p>

复制代码

替换成

<p><a href="member.php?mod={$_G[setting][regname]}" class="reglk">$_G['setting']['reglinkname']</a></p>3 u" T1 d$ ~5 h: }; ?1 V
<p><a href="member.php?mod=logging&action=login&viewlostpw" class="getpassword">{lang getpassword}</a></p>

复制代码

查找：

复制代码

替换成：

<button id="ls_login_btn" type="submit" class="pn vm"><em>{lang login}</em></button>

复制代码

最后，下载附件，将解压出来的三个图片上传到自己当前风格的图片目录。
在后台更新缓存即会出现了效果。

作者: ＣooL．妖尊 时间: 2012-5-18 08:18
呵呵不知道在那里弄

欢迎光临时尚酷族 (http://www.coqq.net/)