动易cms 2007新版本在"我的控制台"功能里加入了"主题控制"功能(如下图),通过"主题控制"功能能够一键切换后台管理风格,让管理者有不一样的视觉感受,而且每个管理员可以根据自己的操作习惯设置自己喜欢的主题风格。本文将重点讲解管理后台模板的制作方法。
首先来了解一下管理后台所涉及相关模板文件的位置:
1、admin目录
login.aspx:管理员登录页面,css文件对应为common/login.css。登录页中以服务器控件方式调用所有动态内容,以方便用户对登录页进行设计与布局。
index.aspx:管理后台布局页。为了格式化数据,默认页面中以表格方式采用上、下分栏布局,下部又分成左、中、右分栏布局,调用index.css。
guide.master:管理后台左侧管理导航区模板页,内容显示在index.aspx下左位置,调用guide.css。
masterpage.master:管理后台右侧操作区模板页,内容显示在index.aspx下右位置,调用masterpage.css。
2、app_themes目录
admindefaulttheme、adminbluetheme、admingreentheme:文件夹分别存放管理后台默认风格、蓝色风格和绿色风格文件。每个文件夹中都有以下目录和文件:
images:存放风格图片文件。
default.skin:默认的外观模板文件。
index.css:管理后台主要css样式定义。
guide.css:左侧管理导航区模板页css样式定义。
masterpage.css:右侧操作区模板页css样式定义。
xtree.css:节点树css样式定义。
themethumb.gif:各风格gif格式缩略图。
如果要完全修改管理后台的布局与样式,则需要修改到上述相关文件。.aspx和.css文件相配合,控制后台页面结构与样式,在了解管理后台设计前,请先仔细阅读并理解管理后台的结构图形示意图:
以记事本打开"index.aspx"文件,除去顶部样式定义与js定义代码外,在
:第一对 | 为"管理导航区",第二对 | 为"关闭/打开"管理导航区,第三对 | 为"功能操作区"。 |