我似乎無法弄清楚如何更改菜單顏色或添加背景到龍門4的菜單欄Joomla。厭倦了灰色或暗灰色的默認設置。更改龍門v4菜單顏色
我可以通過.less文件更改字體和選擇,但不是菜單本身。
Gantry網站上的文檔太籠統了。
謝謝您提前。
我似乎無法弄清楚如何更改菜單顏色或添加背景到龍門4的菜單欄Joomla。厭倦了灰色或暗灰色的默認設置。更改龍門v4菜單顏色
我可以通過.less文件更改字體和選擇,但不是菜單本身。
Gantry網站上的文檔太籠統了。
謝謝您提前。
我花了一段時間,也許半個小時去瀏覽「css-compiled」文件夾中的「菜單」css文件。
你可以找到所有的CSS來改變龍門的默認菜單的背景和顏色..我也使用Gantry v4。
去這裏:
的Joomla>模板>龍門> CSS編譯>菜單675c76 .....
請查看我的形象,看我的結果: http://dream2unite.com/images/misc/GANTRY-MENU-675c76.png
還要檢查:menu-light.less
& menu-dark.less
在less\
目錄中。
RocketTheme的人不建議編輯已編譯的CSS(但它的效果很好,@Adriana指出)。
嗨joomla的龍門框架,你可能會注意到使用Less真正理解如何改變模板上的東西,你首先要學習如何更少的作品,甚至龍門編譯爲您的較少的文件。減少它是太棒了,所以它值得。基本上你使用一個代碼來定義一個聰明的方式更經濟的CSS然後你編譯成更高效的CSS文件
如果你改變編譯的文件,因爲我們的朋友說在這裏沒有任何意義,因爲只要你再次編譯(你會),這些文件將被覆蓋,你的所有工作都會丟失。
我會給你方向,你會發現它並不像看上去那麼困難。
1-在模板管理器 - 樣式 - 菜單樣式下檢查您在Gantry模板上選擇的菜單。
2-在您的less文件夾中,您將看到每個菜單樣式的文件較少,主變量爲 例如menu-dark.less嘗試理解變量和顏色並更改它們以查看內容是什麼。
3-在同一個文件夾中,您有menu.less,並且使用前一個文件中的變量完成魔術。你會看到,例如定義菜單的第一個層次,你會碰到這樣的:
&.l1 {
> li.active {
background: @menuActiveBack;
這樣menuActiveBack變量是等級1
4-最後的主動力的背景值部分將是菜單 - 盤旋,我認爲它是過於複雜的事情,因爲它不需要有一個不同的文件來做懸停,但它在那裏。
您可以控制CSS壓縮,編譯等待時間和調試頭,以及在擴展→模板管理器→龍門→高級→少編譯器中使用清除緩存按鈕手動清除緩存。在
希望它可以幫助下手....
快樂編碼,
愛德華
使用Firebug或類似找到默認CSS樣式。
創建一個文件/templates/gantry/css/gantry-custom.css
並添加您自己的CSS來覆蓋默認的CSS。
這是一種比編輯編譯或其他模板較少或者css文件更好的方法,這些文件可以在編譯期間或模板更新時被覆蓋。