毛里求斯的化石博物館

Liferay Portal為我們提供了非常靈活的主題風格定制功能，自身帶了四種風格的theme，在官方網(wǎng)站上提供了很多風格theme的下載，這無疑大大增強了主題風格定制的功能。但是，我們完全可以開發(fā)具有自己風格的theme，這里，我們將討論怎樣來開發(fā)個性的theme。

第一步：我們將以現(xiàn)有風格classic為模板文件創(chuàng)建新的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的配置文件，為了加以區(qū)分，我們在這里新建了該文件的擴展文件liferay-look-and-feel-ext.xml，該文件內(nèi)容如下：
這里，注意的是修改theme的id和name，以及root-path、templates-path和images-path的路徑，這樣，我們就可以在主題風格頁面看到我們新的theme了。

第二步、分析classic的主題布局的劃分
1、打開liferay/html/theme/coldtear/templates目錄，該目錄下存放著很多jsp文件，打開portal_normal.jsp文件可以看到，該文件是整個頁面的主體，通過<liferay-util:include />標簽和<%@ include>方法包含了很多jsp文件，其中top.jsp文件定義了頭部信息，navigation.jsp定義了導航菜單，bottom.jsp定義了底部語言標簽信息，而頁面的主體信息是由<liferay-theme:box />標簽定義的，top="portlet_top.jsp"定義了portlet的標題欄信息，bottom="portlet_bottom.jsp"定義了portlet下面的陰影線，portlet的內(nèi)容則是由<liferay-util:include page="<%= Constants.TEXT_HTML_DIR + tilesContent %>" />定義的。所有的css樣式信息是定義在css_cached.jsp文件中的。
2、liferay portal的頁面定義大部分地方都采用了DIV＋CSS的方式，下面將以classic的整個DIV定義框架給出，以說明classic風格的定義方法。
這里我們可以看到classic的整體DIV定義框架，注釋部分對每個部分的定義都做了區(qū)分。

第三步、根據(jù)這樣一個結(jié)構(gòu)，我們可以設計自定義theme風格的結(jié)構(gòu)，然后將各個區(qū)域細化到各個jsp文件中，并配以特定的圖片和樣式就可以實現(xiàn)自定義theme，為了達到更好的顯示效果，需要教好的掌握CSS的各個屬性和使用方法。