分享到 Facebook 分享到 Google+
▌訂閱、追蹤本站最新文章

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 改到自己網頁內圖片所存放的位置。
延伸閱讀
§歡迎加入臉書粉絲團 §歡迎加入Google+社交圈
目前有2則留言
person 天天 2011-06-08 17:53的留言
這個好方便ㄚ!
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容