如何在Liferay中使用固定大小的列进行布局?

时间:2013-06-04 18:14:22

标签: html css layout liferay

如何在Liferay中使用固定大小的列进行布局?

我知道如何使用CSS设置样式,但是将CSS文件放在Layout项目中的哪个位置?

可能已经在aui.css中有匹配的样式,我可以以某种方式使用它们吗?

什么是更好的:将样式嵌入.tpl文件或使用CSS文件?

最后

我刚刚在我的主题中按ID重新定义了列的样式:

.columns-3 #column-1 {
    width: auto;
}

.columns-3 #column-2 {
    width: 840px;
}

.columns-3 #column-3 {
    width: auto;
}

2 个答案:

答案 0 :(得分:2)

  

如何在Liferay中使用固定大小的列进行布局?

您可以使用内联样式来修复.tpl文件中列的宽度。原油但有效: - )

  

我知道如何使用CSS设置样式,但是将CSS文件放在Layout项目中的哪个位置?

我认为你不能在布局中拥有CSS文件。 CSS文件可以进入主题。您可以使用自定义CSS类修改.tpl,这些类将出现在主题的CSS中。

  

可能已经在aui.css中有匹配的样式,我可以以某种方式使用它们吗?

我不认为你可以使用固定宽度的样式,而且当使用AUI javascripts(如上所述in this post)时,这个主题似乎是自动生成的。

  

什么是更好的:将样式嵌入.tpl文件或使用CSS文件?

CSS文件总是更好,因为它为您提供了通过不同主题更改样式的灵活性。因此,根据应用的主题,您的布局将是动态的。因为造型基本上是主题的工作。

答案 1 :(得分:0)

根据您的要求,您应该使用插件sdk布局创建布局,这样更灵活。

如果您想应用CSS,则必须将类应用于.tpl文件,并且应将其各自的CSS添加到主题custom.css文件中。

只是好奇,你在创建什么类型的固定布局。?