Demo

討論

保持飢餓,保持愚笨 (Stay hungry, stay foolish)。 史蒂夫·賈伯斯

公告

本網站已取消討論區的討論方式,如果您有問題請至LINE群行動條碼圖片網址,或Facebook社團

如何做到DEMO效果

  • Light~
  • Light~ 的個人頭像 Topic Author
  • 訪客
  • 訪客
2009-09-12 09:41 #15592 來自 Light~
Light~ created the topic: 如何做到DEMO效果
如何可以做到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;
}
附件:

Please 登入 to join the conversation.

  • love_23
  • love_23 的個人頭像
  • 訪客
  • 訪客
2009-09-13 22:55 #15638 來自 love_23
love_23 replied the topic: 如何做到DEMO效果
只能說 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;
}

Please 登入 to join the conversation.

  • cmsrookie
  • cmsrookie 的個人頭像
  • 訪客
  • 訪客
2009-09-14 04:42 #15647 來自 cmsrookie
cmsrookie replied the topic: 如何做到DEMO效果
先將後台設定中
模組 CSS 類別字尾 "_menu"
一欄中資料清掉試試

Please 登入 to join the conversation.

  • Light~
  • Light~ 的個人頭像 Topic Author
  • 訪客
  • 訪客
2009-09-15 10:44 #15679 來自 Light~
Light~ replied the topic: 如何做到DEMO效果

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



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

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

Please 登入 to join the conversation.

  • Light~
  • Light~ 的個人頭像 Topic Author
  • 訪客
  • 訪客
2009-09-15 10:49 #15680 來自 Light~
Light~ replied the topic: 如何做到DEMO效果

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~

Please 登入 to join the conversation.

More
2009-09-15 22:56 #15690 來自 asika32764
asika32764 replied the topic: 如何做到DEMO效果
先別動CSS

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

有兩個CSS後綴字設定

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

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



都不行的話

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

飛鳥新樂園 - http://blog.asikart.com
大學好好玩 - http://funni.cc
Joomla!123教學網 - http://joomla123.com.tw

Please 登入 to join the conversation.