liferay主题(theme)中使用自定义的图片

最新推荐文章于 2018-03-28 11:30:42 发布
原创 最新推荐文章于 2018-03-28 11:30:42 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#liferay #theme #custom #image #display

本文介绍如何在Theme工程中使用自定义图片资源。主要步骤包括：将图片放置于指定目录，及在模板文件中引用该图片。适用于需要定制化视觉元素的项目。

由于遇到了需求，theme中需要使用一个自定义的图片。最终经查询和询问，解决方案如下:

1.将图片放到theme工程的docroot/_diffs/images  目录中，假使图片为 kouhao.png

2.在portal_normal.vm中这样写

<img src=$images_folder/kouhao.png />


Liferay Portal 主题开发让项目的样式更加随心所欲 （五）
笔记本
09-22 4236
Liferay Portal主题开发
Liferay Portal中开发主题风格theme
sumongh我们在一起
03-29 2668
Liferay Portal中开发主题风格theme Liferay Portal为我们提供了非常灵活的主题风格定
cu-theme(liferay主题)
05-24
cu-theme是自己定制的一种liferay主题，可以按自己的需求修改样式
liferay 主题相关
08-14
这是我从各处搜集到的关于lifeary主题开发的相关资源。里面含有两个实例，模板，ppt讲解，还有帮助文档。资源很宝贵，上传上来与大家分享。
Liferay Theme的使用范例
weixin_34232617的博客
05-29 180
我们可以开发Theme来让系统不使用默认的风格。 当我们用向导创建一个Theme项目并且编译之后，这个项目结构如下图所示： 其中docroot下面所有在_diffs目录外面的都是Liferay从默认的复制过来的资源文件。我们需要改动的都应该在_diffs目录下建平行的目录。 例子1，改动页面或者样式表： 对于改动页面和样式表，这个最简单，只要在_diffs目录下...
liferay获取媒体库图片
草根IT的博客
09-14 441
从liferay获取上传过的图片
Liferay 主题开发官方文档中文翻译
09-06
Liferay主题（Themes）是一种用于定制Liferay门户外观的设计方案，它包括了布局、样式表、图片、字体等元素。通过使用Liferay的主题机制，开发者能够轻松地改变门户的整体风格，从而满足不同业务场景的需求。主题的...
liferay-theme-unstyled
06-22
当我们谈论“liferay-theme-unstyled”时，我们实际上是在讨论一个Liferay主题，它是一个未经过样式修饰的基础模板，为开发者提供了构建自定义主题的起点。本文将深入探讨这个主题，以及如何利用它来打造个性化的...
定制化Liferay主题cu-theme：满足个性化样式需求
使用cu-theme，用户可以在保持Liferay平台原有功能和结构的基础上，进一步扩展和自定义网站的视觉表现，以适应不同的品牌形象和用户体验需求。 ### Liferay 主题定制的关键知识点： 1. **Liferay Portal介绍：** ...
Liferay主题开发：Lunar Resort中文教程
Liferay 主题开发是针对 Liferay 数字体验平台的一项关键功能，它允许开发者自定义网站的外观和用户体验，以适应特定的品牌需求和视觉风格。本官方文档的中文翻译为开发者提供了详细指导，帮助他们理解和创建自定义...
liferay 在css 中，引入图片的写法
jianfpeng241241的专栏
12-17 938
Liferay7.0自定义登录实例
04-25
Liferay7.0自定义登录实例
Liferay Portal学习笔记（五）：开发主题风格theme
stonecai的专栏
11-10 1869
Liferay Portal为我们提供了非常灵活的主题风格定制功能，自身带了四种风格的theme，在官方网站上提供了很多风格theme的下载，这无疑大大增强了主题风格定制的功能。但是，我们完全可以开发具有自己风格的theme，这里，我们将讨论怎样来开发个性的theme。第一步：我们将以现有风格classic为模板文件创建新的theme，我们将新theme命名为coldtear1、将liferay/
liferay 主题 theme 知识点
fwk19840301的博客
03-28 595
1.自定义js css images的路径&lt;script src="${javascript_folder}/jquery-1.11.3.js"&gt;&lt;/script&gt;&lt;img src="$images_folder/img/kk-2.jpg"&gt;css引入我是通过main.css@import url(animate.min.css);2.themeA.唯一可以热部...
5. LifeRay portal 制作一套主题
wgy2750的专栏
01-28 5592
在 上一篇博文中，提到了怎么创作 theme ，其实那只是一个壳。 现在才是编辑。 先解释下它里面的 各种文件 的含义。 -------------------------------------- 门户支持两种形式的风格开发，一种是直接做风格文件夹放入工程中，另一种是将风格做为一个应用与门户并行存在。在此我们只说明文件夹形式的风格制作。 目录分析：
Liferay的theme开发的问题
Migle的专栏
03-31 242
  Themes 开发   下载Plugins-SDK   http://www.liferay.com/web/guest/downloads/additional 解压后重命名目录为sdk，复制至 portal/（参见开发环境搭建） 目录下,要不然以下内容就要做出相应改变 进入portal/sdk新建build.${HOSTNAME}.properties ,添加如下内容(如果...
如何建一个Liferay 7的theme
weixin_30559481的博客
06-07 260
首先附上原文链接Creating theme and Deploying in liferay 7 by using Eclipse 1.第一步：建一个Liferay module 项目，选择theme作为模板 打开项目，你将会得到如下视图结构 2. 打开gradle task，运行build,然后刷新页面，可以得到以下目录结构 3. 然后把css,Images,js,t...
liferay6.2 theme开发教程-第一节liferay theme主题开发系列教程第一讲－什么是theme
elearn007的专栏
10-09 1603
theme中文的意思是主题，是关于页面样式定义的专有术语，也是页面样式的的统称，liferay平台上的theme开发可以看做我们在前端开发的时候，所定义的关于页面样式的一系列的css文件，但是liferay平台为页面样式定义，规定了一系列的规范和可用的资源，因此要比我们从零定义theme具备较高的可维护性和开发效率。
4.如何在LifeRay 中创建新的主题 theme
wgy2750的专栏
01-26 6222
网上面，有几个创建 theme 的例子，对于老手来说，足够了。对于我们这些菜鸟来说，难度大了！ 在同事的帮助下，我终于成功的做出了第一个 属于自己LifeRay 的 theme ------------------------ 前提条件，去官网下载 liferay-plugins-sdk-5.2.3.zip 这个包，加压（本人加压在C盘） 注：全程用 命令提示符
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值