OFBIZ 主题修改文档.pdf

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 ===== */ /* ================================ */ clear 设置 /* ===============================