2015-04-18 97 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