第二章 OFBIZ 主题修改文档.pdfVIP

OFBiz UI 也可以变得很美 我们一般基于OFBiz 默认主题tomahawk 进行新的themes 的创建工作。这里我以themes 中的bizznesstime 主题为例进 行说明 1. 主题文件的位置 主题文件一般位于ofbiz 的themes 文件中 Themes 文件中包含ofbiz 自代的6 个主题;今天我们以bizznesstime 为例说明 2. 主题文件结构与说明 下图是bizzesstime 主题文件展开文件目录结构 1):Data 每个主题下面都有一个data 文件夹;包含该主题名字名命的一个XML 文件;该XML 的作用是将该主题下面所有的资源 进行描述包含CSS,JS,images 等文件的路径,文件类别.主题的描述;并且数据与数据库对应 BizznessTimeThemeData.xml 数据库中的数据 ( 注:sequenceId 的作用是针对 resourceTypeEnumId 的类型为同类型加以区分; 例 XML 中如果有两个 resourceTypeEnumId=”VT_STYLESHEET”则其中一个的sequenceId=”01”则另一个为sequenceId=”02”) 2):includes 该文件夹主要包含该主题页面的头部,尾部,一级菜单,消息和关闭头部文件的 FTL;其中修改主题的页面都在这里修 改 3):css 该文件主要用于对主题的样式进行设置下面就对所有的主题的CSS 文件概括的说明 一 style.css 样式表文件解读 /* This CSS file is used for all OFBiz applications EXCEPT ecommerce. */ /* See the ecommain.css file for ecommerce. */ /* ===== Resets/Browser Normalization ===== */ jiasudu phone 全局设置 /* ===== Basic Element Styles ===== */ 基本元素设置 超连接 disabled 输入框 单选 多选 提交按钮 按钮 重置按钮 上传组件 下拉组件 textarea h1 h2 h3 th /* ===== Legacy Styles ===== */ /* The smallSubmit class can be used to decorate links (A elements) and make them similar to forms buttons. */ 装饰元素为按钮式样 装饰红绿图标 A 控件 class 装饰的设置 /* ===== System messages rendering ===== */ .eventMessage,.errorMessage 系统信息class 设置 .mediumSubmit,.largeSubmit,.loginButton 按钮class 设置 /* ===== Product Summary Styles ===== */ 产品总计设置 /* ===== Product Detail Styles ===== */ 产品明细设置 /* ==== Styles For Form Widgets === */ .formTableBordered { border: 0.1em solid #999999; width: 100%; } /* ==== Styles For The Html Log === */ 系统log 展示设置 其他日志相关 DIV 控件设置 #column-container 设置 /* ===== New Styles ===== */ /* ================================ */ /* ===== Used to clear floats ===== */