訂閱/取消電子報 | 用RSS訂閱文章 |
▌訂閱、追蹤本站最新文章

Da Button Factory 線上網頁按鈕產生器

Da Button Factory 是一個可以在線上製作網頁按鈕的免費產生器,所產生的網頁按鈕會包含已使用的背景圖片(PNG、GIF、JPEG、ICO)及相對應的 CSS 程式碼可供下載,讓你方便應用在網頁上;Da Button Factory 可讓使用者自訂所要產生網頁按鈕的樣式,亦可參考所提供的網頁按鈕範例再行修改,讓你幾乎不需要有任何美工的技巧,就能輕易做出有水準網頁按鈕。
同樣是可在網頁上製作網頁按鈕的工具,可參閱:
【Da Button Factory 網站資訊】
網站語言:英文
服務性質:免費
如何使用 Da Button Factory 來建立網頁按鈕?

1.進入 Da Button Factory 網站後,可參考下圖來操作,若按鈕上的文字需要是中文的話,請在 Font 處選擇[Zenhei]字型。
ContentPhoto885

2.在設定背景顏色時,可有四種模式:單色(unicolor)、雙色(two colors)、單向漸變(gradient)以及雙向漸變(pyramid);可勾選[Bubble effect]增加成有氣泡效果的背景;另外,若選雙色(two colors),其背景是兩種顏色各佔背景上下的 50%,分別選取頂部顏色(Top color)和底部顏色(Bottom color),點擊[swap]即可調換頂部和底部的顏色。
ContentPhoto885

ContentPhoto885

3.製作好按鈕後,即可在 Output type 處來選擇要輸出 Image - 僅背景圖片、CSS background - 相對應的 CSS 程式碼,例如選擇 CSS background 後,便會產生 CSS Code,複製後便可應用到網頁裡。
ContentPhoto885

ContentPhoto885


建議要輸出時,可將背景圖片及 CSS Code 都做輸出,因為其 CSS Code 內的 background 的圖片是使用 Da Button Factory  自己的 http 連結,實際應用時,應將其 url 改到自己網頁內圖片所存放的位置。
延伸閱讀
目前有2則留言
person 天天 2011-06-08 17:53的留言
這個好方便ㄚ!
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容