自定义用户登录框的样式-博卡先锋网站建设|营销型网站|北京网站建设|网页

您现在的位置:

正文

自定义用户登录框的样式

发布时间:2009-02-27 阅读次数:2522

在开始之前我们先对比一下默认安装的样式（如图1-1，1-2）和要重新定义的样式（如图1-3，1-4）。用户登录模板不同于其他模板，未登录和登录后显示内容不同，分别由不同的模板控制。

第一步：在Dreamweaver中，按照（图1-3，图1-4）所示，编辑用户登录模板的样式。

第二步：编辑用户未登录时候的样式

先将用到的图片上传至模板包的图片文件夹（/data/skins/Chinese/images/），将定义的CSS 样式拷贝到（/data/skins/chinese/css.html）中。

然后在后台“风格管理” →“模板套系” →“编辑模板” →“用户模板”中选择用户登录模板，点击编辑进入模板编辑的页面，在代码窗口中将先前做好的代码拷贝进来，修改图片的路径。这样登录框的样式有了，下面就是完善功能，也就是让它“活”起来。

图1-5中，列出了主要代码的功能，我们可以在原有代码的基础上，参考要实现的样式，进行修改。

图1-5

编辑完成后，点击“确定”/“浏览”就可以查看效果。图1-6

图1-6

第三步：编辑用户登录后的样式。

图1-7中，列出了主要代码的功能，我们可以在原有代码的基础上，参考要实现的样式，进行修改。

图1-7

编辑完成后，点击“确定” →“浏览”就可以查看效果。