如何可以做到DEMO MENU效果? http://template.joomlart.com/ja_sargas/
[attachment=2:2n4p0wb3]<!-- ia2 -->demo.jpg<!-- ia2 -->[/attachment:2n4p0wb3]

我自己的
[attachment=1:2n4p0wb3]<!-- ia1 -->me.jpg<!-- ia1 -->[/attachment:2n4p0wb3]
後台SETTING
[attachment=0:2n4p0wb3]<!-- ia0 -->setting.jpg<!-- ia0 -->[/attachment:2n4p0wb3]

CSS:

---

/* Default Joomla! Menu */
a.mainlevel {
padding: 4px;
display: block;
color: #6B6B6B;
text-decoration: none;
border-bottom: 1px solid #F3F3F3;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus,
a.mainlevel#active_menu {
background: url(../images/arrow-on.gif) no-repeat center right #F3F3F3!important;
color: #6B6B6B;
text-decoration: none;
}

---

只能說 try and error 賞試錯誤法，來做囉

Light~ 寫了道：: 如何可以做到DEMO MENU效果? http://template.joomlart.com/ja_sargas/
[attachment=2:361275hx]<!-- ia2 -->demo.jpg<!-- ia2 -->[/attachment:361275hx]

我自己的
[attachment=1:361275hx]<!-- ia1 -->me.jpg<!-- ia1 -->[/attachment:361275hx]
後台SETTING
[attachment=0:361275hx]<!-- ia0 -->setting.jpg<!-- ia0 -->[/attachment:361275hx]

CSS:

---

/* Default Joomla! Menu */
a.mainlevel {
padding: 4px;
display: block;
color: #6B6B6B;
text-decoration: none;
border-bottom: 1px solid #F3F3F3;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus,
a.mainlevel#active_menu {
background: url(../images/arrow-on.gif) no-repeat center right #F3F3F3!important;
color: #6B6B6B;
text-decoration: none;
}

---

先將後台設定中
模組 CSS 類別字尾 "_menu"
一欄中資料清掉試試

cmsrookie 寫了道：: 先將後台設定中
模組 CSS 類別字尾 "_menu"
一欄中資料清掉試試

試了
結果只有TITLE 改..
下面的還是一樣..

見圖
[attachment=0:l20poo4c]<!-- ia0 -->try1.jpg<!-- ia0 -->[/attachment:l20poo4c]

love_23 寫了道：: 只能說 try and error 賞試錯誤法，來做囉

Light~ 寫了道：: 如何可以做到DEMO MENU效果? http://template.joomlart.com/ja_sargas/
[attachment=2:2e4j7amd]<!-- ia2 -->demo.jpg<!-- ia2 -->[/attachment:2e4j7amd]

我自己的
[attachment=1:2e4j7amd]<!-- ia1 -->me.jpg<!-- ia1 -->[/attachment:2e4j7amd]
後台SETTING
[attachment=0:2e4j7amd]<!-- ia0 -->setting.jpg<!-- ia0 -->[/attachment:2e4j7amd]

CSS:

---

/* Default Joomla! Menu */
a.mainlevel {
padding: 4px;
display: block;
color: #6B6B6B;
text-decoration: none;
border-bottom: 1px solid #F3F3F3;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus,
a.mainlevel#active_menu {
background: url(../images/arrow-on.gif) no-repeat center right #F3F3F3!important;
color: #6B6B6B;
text-decoration: none;
}

---

大大, 可否說得清楚? 是指後台嗎? THX~

先別動CSS

後台mainmenu的「模組」(不是選單管理喔)中的參數設定

有兩個CSS後綴字設定

把第二個輸入 "_menu" 應該就可以了

如果沒有個話改輸入第一個試試看



都不行的話

JA模板都有附一個quickstart安裝包
他就是整個Demo站
你把他安裝起來看看後台怎麼設定的就可以了