【DSU 出品】页头登入框美化 | 2010年10月20日20:13更新修正错位

marco129 · 发表于 2010-9-25 08:58:27

本帖最后由 marco129 于 2011-3-23 20:01 编辑

X1.5版作者:Marco129@DSU Team
简介:页头登入框美化
适用编码:GBK UTF-8 BIG5

(因本人发错了初版的代码, 导致错位, 请2010年9月25日 10:42前修改的朋友重新修改, 抱歉)
美化方法：
1) 下载附件，将里面的二个图片文件上传到./static/image/common目录下

2) 打开 template/(当前风格目录)/member/login_simple.htm，查找：

<input type="text" name="username" id="ls_username" autocomplete="off" class="px vm" tabindex="901" />

复制代码

修改为 (2010年10月20日 20:13更新)

<input type="text" name="username" id="ls_username" autocomplete="off" class="px vm" style="background:url('static/image/common/username.png') no-repeat; background-position:2px 3px; background-color:#FFF; padding-left:20px;" tabindex="901" />

复制代码

3) 再查找：

<label for="ls_username">{lang account}</label> <input type="text" name="username" id="ls_username" class="px vm" {if $_G['setting']['autoidselect']} value="UID/{lang username}/Email" onfocus="if(this.value == 'UID/{lang username}/Email') this.value = '';" onblur="if(this.value == '') this.value = 'UID/{lang username}/Email';"{/if} tabindex="901" />

复制代码

修改为

<label for="ls_username">{lang account}</label> <input type="text" name="username" id="ls_username" class="px vm" {if $_G['setting']['autoidselect']} value="UID/{lang username}/Email" onfocus="if(this.value == 'UID/{lang username}/Email') this.value = '';" onblur="if(this.value == '') this.value = 'UID/{lang username}/Email';"{/if} tabindex="901" style="background:url('static/image/common/username.png') no-repeat; background-position:2px 3px; background-color:#FFF; padding-left:20px;" />

复制代码

4) 再查找：

<input type="password" name="password" id="ls_password" class="px vm" autocomplete="off" tabindex="902" onfocus="lsShowmore()" />

复制代码

修改为

<input type="password" name="password" id="ls_password" class="px vm" style="background:url('static/image/common/password.png') no-repeat; background-position:2px 3px; background-color:#FFF; padding-left:20px; autocomplete="off" tabindex="902" onfocus="lsShowmore()" />

复制代码

5) 登陆管理中心 -> 工具 -> 更新缓存！

演示：

beien · 发表于 2010-9-25 08:58:52

本帖最后由 beien 于 2010-9-25 09:01 编辑

飞吧资源站www.feiba.net第一时间收录！感谢作者发布！

本美化飞吧已经安装，欢迎观看演示效果！

xjh86913 · 发表于 2010-9-25 08:59:13

占位编辑

dongshuang715 · 发表于 2010-9-25 09:12:41

dzmomo · 发表于 2010-9-25 09:57:37

占个位

beien · 发表于 2010-9-25 10:13:20

tsuego · 发表于 2010-9-25 10:29:39

一次美化变猪头，请楼主不要从自己已经修改过的头部再发所谓美化代码，
因为其它人一般都是默认的。

tsuego · 发表于 2010-9-25 10:30:48

以免影响dsu的团队形像

ljweb · 发表于 2010-9-25 10:31:02

楼上的，什么情况？

謝天賜 · 发表于 2010-9-25 10:44:49

		自动登录	找回密码
密码			立即注册

[修改] 【DSU 出品】页头登入框美化 | 2010年10月20日20:13更新修正错位