首頁線上工具開發工具 CSS Button Designer 輕鬆製作網頁使用的按鈕樣式 想要在網頁上對「Button - 按鈕」進行樣式調整,通常會使用背景圖片或是使用 CSS 來調整按鈕的外觀,若要加上當滑鼠移到按鈕的上方或是離開,也會使用 Javascript 來加上,若對繪製這些圖片、Javascript 都不是很熟悉的話,還是要花一些時間來製作,若是偶而用用,建議可以到 CSS Button Designer 這個免費的按鈕樣式產生器來製作,除了可使用 CSS 改變按鈕樣式,也提供滑鼠移到按鈕的上方或是離開時的 Javascript ,製作完成後,直接複製所產生的 Code 便可應用的網頁裡,相當方便。 §相關文章,還可以參閱:Redirect Checker 線上檢測網站301、302轉址設定是否正確網站隱私權政策產生器 Privacy Policy Generator:輸入網站名稱和網址即可輕鬆生成專屬條款CSS Loaders:提供網頁載入動畫範例,附完整程式碼Responsive Viewer:檢視網頁在行動裝置上的呈現效果,可直接操作與截圖Uiverse 免費線上 CSS 元件庫,數千種美觀元件供自由使用 如何使用 CSS Button Designer? 1.進入到 CSS Button Designer 的網站後,稍後下,便會載入按鈕樣式產生器,操作時,可大致參考下圖來設定不同的屬性。 2.若要加上滑鼠移至按鈕上方即離開的 Javascript 事件,可在[Mouseover]頁籤中加入。 3.設定好按鈕的樣式後,可切換到[Code]頁籤,來取出樣式的原始碼。 4.若覺得從頭到尾自己設計有點吃力,可以切換到[Samples]頁籤來挑選已設計好的按鈕樣式,再來修改。 CSS Button Designer網站網址:http://www.pagetutor.com/button_designer/
FadeTop 視覺化的提醒電腦使用者休息時間(免安裝)使用電腦工作時,常會忘了該休息的時間?若能使用 FadeTop 這套免費的軟體,便能夠定時的提醒休息時間,FadeTop 可以自訂每隔一段時間,讓電腦螢幕使用淡進淡出的視覺效果來顯示目前系統時間,且封住整個電腦螢幕,並在經過自訂的時間後,開放電腦螢幕可以繼續操作。
ASCII Animator 將 GIF 動畫轉換成 ASCII 編碼ASCII Animator 是個相當有趣的工具,它可以將 GIF 動畫轉換成 ASCII 編碼且同樣的保留原 GIF 動畫裡的動作,使用的方式也相當簡單,只要將要轉換的 GIF 動畫給 ASCII Animator 後,便可複製一個經過 ASCII 編碼過的 GIF 動畫檔。