2015-04-18 64 views
0

我在其中使用Joomla 3.4和Bootstrap。我有基本的布局,其中包含左侧和右侧侧栏的主要内容。主要内容是容器(col-sm-9)的75%宽度和右侧栏的25%(col-sm-3)。除了主要内容只有66.66%(col-sm-8)容器宽度和右边栏33.33%(col-sm-4)以外,所有页面都适用。我怎样才能做到这一点?我不想复制或使用其他模板。不同页面的Joomla不同列宽

感谢

回答

0

上的做法是,特定的页面 1)使用jQuery你可以从COL-SM-9恰克类COL-SM-8 或 2)可以覆盖CSS规则上.col- sm-9 & col-sm-3 &设置宽度为66%或其他。

如您的特定页面的index.php?选择= com_mycom &视图= MyView的那么内部组件/ MYCOM /视图/ MyView的/ TMPL /如default.php,你会加入

#content 
{ 
    width:66.66%; 
} 
#aside 
{ 
    width:33.30%; 
} 

其中#内容是主要内容的ID & #aside是右列的ID

+0

是的,但如何将自定义CSS类添加到HTML或BODY标记?我可以为组件添加自定义样式,但不能添加BODY或HTML。 – quarky

+0

我发现这个解决方案,但它不是我想要的。设置活动的slug名称'<?php $ active = JFactory :: getApplication() - > getMenu() - > getActive(); ?>'并将其作为css类附加到body标签' alias;?>”>'。例如类似于'' – quarky

+1

另一种解决方案是编辑菜单项中的链接 - 只是追加到最后'?tmpl =模板名称'或'&tmpl =模板名称'取决于菜单项链接。然后在模板根目录下创建'name-of-template.php'文件。但是这仍然不是很好的解决方案,因为如果菜单项将被更改然后又被设置回来,它将会丢失这个URL参数并且将使用默认模板。 – quarky