2013-04-18 68 views
3

我似乎無法弄清楚如何更改菜單顏色或添加背景到龍門4的菜單欄Joomla。厭倦了灰色或暗灰色的默認設置。更改龍門v4菜單顏色

我可以通過.less文件更改字體和選擇,但不是菜單本身。

Gantry網站上的文檔太籠統了。

謝謝您提前。

回答

0

我花了一段時間,也許半個小時去瀏覽「css-compiled」文件夾中的「菜單」css文件。

你可以找到所有的CSS來改變龍門的默認菜單的背景和顏色..我也使用Gantry v4。

去這裏:

的Joomla>模板>龍門> CSS編譯>菜單675c76 .....

請查看我的形象,看我的結果: http://dream2unite.com/images/misc/GANTRY-MENU-675c76.png

1

還要檢查:menu-light.less & menu-dark.lessless\目錄中。

RocketTheme的人不建議編輯已編譯的CSS(但它的效果很好,@Adriana指出)。

1

嗨joomla的龍門框架,你可能會注意到使用Less真正理解如何改變模板上的東西,你首先要學習如何更少的作品,甚至龍門編譯爲您的較少的文件。減少它是太棒了,所以它值得。基本上你使用一個代碼來定義一個聰明的方式更經濟的CSS然後你編譯成更高效的CSS文件

如果你改變編譯的文件,因爲我們的朋友說在這裏沒有任何意義,因爲只要你再次編譯(你會),這些文件將被覆蓋,你的所有工作都會丟失。

我會給你方向,你會發現它並不像看上去那麼困難。

1-在模板管理器 - 樣式 - 菜單樣式下檢查您在Gantry模板上選擇的菜單。

2-在您的less文件夾中,您將看到每個菜單樣式的文件較少,主變量爲 例如menu-dark.less嘗試理解變量和顏色並更改它們以查看內容是什麼。

3-在同一個文件夾中,您有menu.less,並且使用前一個文件中的變量完成魔術。你會看到,例如定義菜單的第一個層次,你會碰到這樣的:

&.l1 { 
    > li.active { 
     background: @menuActiveBack; 

這樣menuActiveBack變量是等級1

4-最後的主動力的背景值部分將是菜單 - 盤旋,我認爲它是過於複雜的事情,因爲它不需要有一個不同的文件來做懸停,但它在那裏。

您可以控制CSS壓縮,編譯等待時間和調試頭,以及在擴展→模板管理器→龍門→高級→少編譯器中使用清除緩存按鈕手動清除緩存。在

更多信息:ganty less documentation

希望它可以幫助下手....

快樂編碼,

愛德華

0

使用Firebug或類似找到默認CSS樣式。

創建一個文件/templates/gantry/css/gantry-custom.css並添加您自己的CSS來覆蓋默認的CSS。

這是一種比編輯編譯或其他模板較少或者css文件更好的方法,這些文件可以在編譯期間或模板更新時被覆蓋。