liferay portal中开发自己的主体风格

lyn1984

Liferay Portal中开发主题风格theme bjkdlxm 发表于 2006-9-22 14:13:33 Liferay Portal为我们提供了非常灵活的主题风格定制功能，自身带了四种风格的theme，在官方网站上提供了很多风格theme的下载，这无疑大大增强了主 题风格定制的功能。但是，我们完全可以开发具有自己风格的theme，这里，我们将讨论怎样来开发个性的theme。 第一步：我们将以现有风格classic为模板文件创建新的theme，我们将新theme命名为coldtear 1、将liferay/html/themes目录下的classic文件夹copy一份副本，并修改副本的文件夹名为coldtea 2、 在liferay/web-inf目录下新建liferay-look-and-feel-ext.xml文件，文件liferay-look-and- feel.xml是定义主题风格theme的配置文件，为了加以区分，我们在这里新建了该文件的扩展文件liferay-look-and-feel- ext.xml，该文件内容如下： <?xml version="1.0"?> <!DOCTYPE look-and-feel PUBLIC "-//Liferay//DTD Look and Feel 4.0.0//EN" "http://www.liferay.com/dtd/liferay-look-and-feel_4_0_0.dtd"> <look-and-feel>     <compatibility>         <version>4.0.0</version>     </compatibility>     <company-limit>         <company-includes />         <company-excludes />     </company-limit>     <theme id="coldtear" name="ColdTear">         <root-path>/html/themes/coldtear</root-path>         <templates-path>/html/themes/coldtear/templates</templates-path>         <images-path>/html/themes/coldtear/images</images-path>         <template-extension>jsp</template-extension>         <color-scheme id="01" name="Blue">            <![CDATA[              body-bg=#FFFFFF                                  layout-bg=#FFFFFF                  layout-text=#000000                  layout-tab-bg=#E0E0E0                  layout-tab-text=#000000                  layout-tab-selected-bg=#6699CC                  layout-tab-selected-text=#4A517D                  portlet-title-bg=#6699CC                  portlet-title-text=#4A517D                  portlet-menu-bg=#B6CBEB                  portlet-menu-text=#000000                  portlet-bg=#FFFFFF                 portlet-font=#000000                  portlet-font-dim=#C4C4C4                  portlet-msg-status=#000000                  portlet-msg-info=#000000                  portlet-msg-error=#FF0000            portlet-msg-alert=#FF0000                portlet-msg-success=#007F00               portlet-section-header=#094170                portlet-section-header-bg=#ADBDFB                 portlet-section-subheader=#405278                 portlet-section-subheader-bg=#91AEE8                 portlet-section-body=#000000                 portlet-section-body-bg=#E2E7FA                 portlet-section-body-hover=#FFFFFF                 portlet-section-body-hover-bg=#AC6CFA                 portlet-section-alternate=#000000                 portlet-section-alternate-bg=#CFD7FB                 portlet-section-alternate-hover=#FFFFFF                 portlet-section-alternate-hover-bg=#AC6CFA                 portlet-section-selected=#7AA0EC                 portlet-section-selected-bg=#FAFCFE                 portlet-section-selected-hover=#00329A                 portlet-section-selected-hover-bg=#C0D2F7             ]]> </color-scheme> </theme> </look-and-feel>