Liferay 載入自定義css 檔案

2022-06-09 17:30:10 字數 897 閱讀 5184

參考:

(1) 對於特別通用的檔案,比如是ext-js庫要使用到的css檔案,你可以有2個選擇:

選擇1:放在root/html/common/themes/top_head.jsp中:

.. 

<%-- portal css --%> 

" rel="stylesheet" type="text/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); 

(2) 對於某個theme用到的css檔案,你可以在這個theme的main.css中以@import形式給出

(3)對於某個portlet所特有的css檔案,你可以在這個portlet的main.css中以@import形式給出

liferay中css的自定義匯入

1 對於特別通用的檔案,比如是ext js庫要使用到的css檔案,你可以有2個選擇 選擇1 放在root html common themes top head.jsp中 portal css link href htmlutil.escape portalutil.getstaticresourc...

自定義loadding載入

主要就是依靠z index屬性來控制,原理就是在原來的頁面上懸浮一層div,並給這個div新增乙個載入的動畫內容 1 定義乙個loadding模組 2 給div新增樣式 當div的寬度和高度足夠大的時候,下面的一層是不能夠進行操作的,載入圖示是fontawesome裡面的,具體部落格會寫。3 呼叫方...

自定義載入層

這裡我給最外面的盒子設定了跟視窗一樣的寬跟高為了結束不讓載入層顯示出來之後還可以點到按鈕。function window.onresize function function sethw 外面的盒子就遮住了所有的內容只有載入層了。這裡我還寫了如何去觸發這個載入層,由於一開始載入層是不需要去呼叫的我吧...