Liferay 加載自定義css 文件

 (1) 對於特別通用的文件，好比是ext-js庫要使用到的css文件，你能夠有2個選擇：

選擇1：放在ROOT/html/common/themes/top_head.jsp中：

..
<%-- Portal CSS --%>
<!--added by charles to load the ext-js css library-->
<link href="<%= HtmlUtil.escape(PortalUtil.getStaticResourceURL(request, themeDisplay.getCDNHost() + themeDisplay.getPathContext() + "/html/css/extjs/resources/css/ext-all.css")) %>" rel="stylesheet" type="text/css" />

<link href="<%= HtmlUtil.escape(PortalUtil.getStaticResourceURL(request, themeDisplay.getCDNHost() + themeDisplay.getPathContext() + "/html/css/main.css")) %>" rel="stylesheet" type="text/css" />
..

這種狀況下，它將是整個服務器中第一個被加載的css(由於top_head.jsp被portal_normal.vm中包含）:

 

選擇2：放在ROOT/html/css/main.css以@import形式給出：

@import url(portal/aui.css);

/*
* add by charles here to load the global css
*/
@import url(extjs/resources/css/ext-all.css);

@import url(portal_1.css);
@import url(portal_2.css);

@import url(taglib_1.css);
@import url(taglib_2.css);

@import url(portal/openid.css);
@import url(portal/accessibility.css);

這種狀況下， 這個css文件在全部的webapps下面的包含ROOT應用在內的全部應用的main.css加載以後，可是深刻main.css中被包含的外部css文件以前被加載。

 

(2) 對於某個theme用到的css文件，你能夠在這個theme的main.css中以@import形式給出

(3)對於某個portlet所特有的css文件，你能夠在這個portlet的main.css中以@import形式給出