中级教程 

自定义用户登录框的样式


发布时间:2009年2月27日  阅读次数:    

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

图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
 
编辑完成后,点击“确定” →“浏览”就可以查看效果。
 
关于北京博卡先锋软件开发有限公司
北京博卡先锋软件开发有限公司从事互联网软件开发和应用服务,拥有丰富的互联网技术开发和应用经验,在网站建设、即时通讯,企业办公自动化等领域具有领先的技术,是网站建设技术软件化的先行者,网页即时通讯领域的佼佼者。自主研发包括网站引擎(SiteEngine)、即时通讯(BICQ)、办公引擎(OfficeEngine) 等多款的高技术软件产品,为数以千计的各级政府部门、事业单位、大型集团企业、中小企业提供了各种信息化解决方案及各类信息化服务。博卡先锋采取多元化的产品发展战略,不断深化产品的应用领域,逐渐形成系列化的产品体系,以满足更广泛层面的需求,提供更加全面、优质的服务。目前,公司在大中华地区拥有100000家以上的企业软件用户,业务已拓展至包括东南亚、北美、澳洲、西欧在内的世界各地。

如果您喜爱这篇文章,请为它投票和评分。

当前评分: 5

   [加入收藏]   [推荐给朋友]   [打印]   [关闭]  
[返回目录]  [上一条]  [下一条]  
关键词:登录 用户 样式 定义 
最新排行
版权声明 - 网站地图 - 人才招聘 - 合作加盟 - 付款方式 - 友情链接 - 联系我们