第一步:我們將以現(xiàn)有風(fēng)格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是定義主題風(fēng)格theme的配置文件,為了加以區(qū)分,我們在這里新建了該文件的擴(kuò)展文件liferay-look-and-feel-ext.xml,該文件內(nèi)容如下:









































































第二步、分析classic的主題布局的劃分
1、打開liferay/html/theme/coldtear/templates目錄,該目錄下存放著很多jsp文件,打開portal_normal.jsp文件可以看到,該文件是整個頁面的主體,通過<liferay-util:include />標(biāo)簽和<%@ include>方法包含了很多jsp文件,其中top.jsp文件定義了頭部信息,navigation.jsp定義了導(dǎo)航菜單,bottom.jsp定義了底部語言標(biāo)簽信息,而頁面的主體信息是由<liferay-theme:box />標(biāo)簽定義的,top="portlet_top.jsp"定義了portlet的標(biāo)題欄信息,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風(fēng)格的定義方法。




































































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