liferay中css的自定义导入

骑猪看日落 2022-09-23 15:58 148阅读 0赞

1) 对于特别通用的文件，比如是ext-js库要使用到的css文件，你可以有2个选择：

选择1：放在ROOT/html/common/themes/top\_head.jsp中：

..  
       <%-- Portal CSS --%>  
         
       <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形式给出

发表评论取消回复

表情：

评论列表（有 0 条评论，148人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS 中的自定义字体：增强 Web 排版

版式在网页的视觉表现中起着至关重要的作用，它可以设定基调并增强网站的整体美感。虽然网络安全字体可在大多数设备上使用，但它们可能会限制您的创造力。这就是自定义字体发挥作用的地方，

本是古典何须时尚/ 2024年03月22日 21:22/ 0 赞/ 69 阅读

相关 css3中自定义变量

使用过Less或者Sass的人都知道，为了方便，可以将css属性值定义为一个变量，这样在其他元素中需要使用的话只需输入变量名就可以了，在css3中支持定制变量。 css3中

左手的ㄟ右手/ 2023年08月17日 16:56/ 0 赞/ 132 阅读

相关 Vue中导入自定义module的小坑

文章目录导读 ES5的写法 ES6的写法混用的危害导读对于前端小白来说，ES5、ES6两套完全不一样的标准放在一起是很头疼的事。导

「爱情、让人受尽委屈。」/ 2022年12月11日 07:58/ 0 赞/ 130 阅读

相关 css中使用自定义字体和自定义字体图标

下载并安装`Adobe Illustrator CC 2019`简称AI 下载并安装`FontLab7`简称AI 软件安装包: 链接: [https://pan.ba

素颜马尾好姑娘i/ 2022年12月03日 05:25/ 0 赞/ 441 阅读

相关 liferay中css的自定义导入

1) 对于特别通用的文件，比如是ext-js库要使用到的css文件，你可以有2个选择：选择1：放在ROOT/html/common/themes/top\_head.jsp

骑猪看日落/ 2022年09月23日 15:58/ 0 赞/ 149 阅读

相关 python导入自定义模块

python 导入自定义模块： 1.如果导入的模块和主程序在同个目录下，直接import就行了 2.如果导入的模块是在主程序所在目录的子目录下，可以在子目录中增加一个空白

素颜马尾好姑娘i/ 2022年05月19日 07:40/ 0 赞/ 266 阅读

相关 CSS中的自定义变量使用，var()语法

惯例先看代码： :root\{ \--white-max: \fff; \--white-bright: \f5f5f5; \--white-light: \

骑猪看日落/ 2022年05月15日 03:50/ 0 赞/ 354 阅读

相关 css字体自定义，bootstrap自定义字体

<style type="text/css"> @font-face{ font-family:myFont;

浅浅的花香味﹌/ 2022年02月22日 00:44/ 0 赞/ 445 阅读

相关 css自定义字体

原创css字体网址 [https://izihun.com/?from=ssc&fk=159768][https_izihun.com_from_ssc_fk_159768

本是古典何须时尚/ 2022年01月29日 13:09/ 0 赞/ 368 阅读

相关自定义CSS的Icon图标

http://note.youdao.com/noteshare?id=a957d57709fe80c5f381b0a947254b44 ![在这里插入图片描述][wate

绝地灬酷狼/ 2021年07月25日 01:28/ 0 赞/ 564 阅读