Demo

討論

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

公告

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

看似簡單實際上卻非常困難的按鈕Css-ing..

  • Kxt
  • Kxt 的個人頭像 Topic Author
  • 訪客
  • 訪客
2011-11-07 13:55 #21133 來自 Kxt
Kxt created the topic: 看似簡單實際上卻非常困難的按鈕Css-ing..
先跟各位大大們問好
:sorry:

小弟最近遇到一個問題
就是大部份的模板 (Templates) 都是使用 Windows 預設的按鈕 Style
就是灰灰的有點圓角的那種超醜外形按鈕 xDD
例如"閱讀更多" , "搜尋" , 註冊完成的 "確認" 按鈕
這些按鈕...真的是很不美觀

但......小弟用 Google 找了大概有一個禮拜 , 卻從來沒有一個真正可用的解答
說明如何改這些按鈕的外型
唯一找到一個最接近的提問也沒有答案..
http://forum.joomla.org/viewtopic.php?p=1417317

總的來說
小弟我從模板的 CSS 中修改後也沒效
就跟上面那個人問的一樣

其實小弟只想把 「整個網站中的所有 Buttons」
都改成一個同樣的圖片背景 (.png) 取代原本的預設灰色按鈕
要怎麼設定呢 ?

Please 登入 to join the conversation.

  • Kxt
  • Kxt 的個人頭像 Topic Author
  • 訪客
  • 訪客
2011-11-09 11:30 #21139 來自 Kxt
Kxt replied the topic: 看似簡單實際上卻非常困難的按鈕Css-ing..

Kxt 寫了道:: 先跟各位大大們問好
:sorry:

小弟最近遇到一個問題
就是大部份的模板 (Templates) 都是使用 Windows 預設的按鈕 Style
就是灰灰的有點圓角的那種超醜外形按鈕 xDD
例如"閱讀更多" , "搜尋" , 註冊完成的 "確認" 按鈕
這些按鈕...真的是很不美觀

但......小弟用 Google 找了大概有一個禮拜 , 卻從來沒有一個真正可用的解答
說明如何改這些按鈕的外型
唯一找到一個最接近的提問也沒有答案..
http://forum.joomla.org/viewtopic.php?p=1417317

總的來說
小弟我從模板的 CSS 中修改後也沒效
就跟上面那個人問的一樣

其實小弟只想把 「整個網站中的所有 Buttons」
都改成一個同樣的圖片背景 (.png) 取代原本的預設灰色按鈕
要怎麼設定呢 ?


請各位大大們幫個忙了 :sorry:
感謝!!
樣式目前用的是 J51 Oxygen http://www.bestofjoomla.com/index2.php?option=com_bestoftemplate&task=demo&no_html=1&id=4242 這個模板

按鈕都是Windows預設..

Please 登入 to join the conversation.

  • bigfrodo
  • bigfrodo 的個人頭像
  • 訪客
  • 訪客
2011-11-09 15:26 #21144 來自 bigfrodo
bigfrodo replied the topic: 看似簡單實際上卻非常困難的按鈕Css-ing..
應該是步驟有點繁瑣,不算是困難。
簡言之,修改樣式的簡便用法如下:
用Firefox掛上Firebug,打開網頁,按F12開啟firebug,將游標指到要觀察的按鈕上,將下方視窗出現的樣式檔名稱(例如:template.css)和行數(例如:316行)記下,再用Notepad++這種比較好用的編輯器打開對應檔案(例如:template.css),移到正確行數(例如:316行),通常是button什麼什麼的定義區塊,然後將background-image: url('../images/button.png'); 這樣的敘述插入區塊內即可。

難道是1.7版以後有什麼怪招,也來耍像base64這樣讓一般人改不到的招數?照理說是不會。

Please 登入 to join the conversation.