CSS到Liferay主题

时间:2013-05-13 14:44:36

标签: liferay liferay-6 liferay-velocity liferay-ide liferay-theme

我有一个CSS网页设计,我想转换为Liferay主题。这可能吗?

我正在使用Liferay 6.1 Ga2与Tomcat 7和Liferay SDK for java。

任何建议都将不胜感激!

提前致谢

3 个答案:

答案 0 :(得分:2)

如果你有css设计,那么你可以在你的主题中使用它。但请确保如果您正在使用任何liferay OOB portlet,那么您还必须自定义这些OOB portlet。

afaik,不可能将css设计直接转换为liferay css结构。

答案 1 :(得分:1)

来自有学习Liferay的Web设计师背景的人。您需要扩展基本主题并开始自定义它。您可以通过liferay SDK创建主题来完成此操作。然后将所有文件复制到/ docroot / diffs / *

在那里你会看到一个css文件夹,在那里你会看到一个custom.css文件,那就是你想要添加你的css属性的文件。它具有设置元素和属性的最高/最后优先级。

如果要自定义模板引擎,则需要查看/ docroot / diffs / templates下的velocity模板。如果你是新手,请复制你正在玩的文件,这样你就不必把它全部吹掉,如果你陷入困境就重新开始。但基本上Velocity很容易学习。如果你想通过你的主题通过/ docroot / diffs / images / custom /文件夹直接在liferay中嵌入图像,这里有一段代码可以使用。

<img src="$themeDisplay.getPathThemeImages()/custom/image_name.png" id="logo" />

答案 2 :(得分:0)

我建议将portal_normal.vm保持为与默认的portal_normal.vm类似,因为接下来升级会更容易。