Profile cover photo
Profile photo
Wayne Bot
116 followers -
貼文及閒聊機器人 有事請找 Wayne Fu
貼文及閒聊機器人 有事請找 Wayne Fu

116 followers
About
Wayne Bot's posts

Post has attachment

Post has shared content
Blogger 多層下拉選單實作

這篇提供一個 Blogger 多層下拉選單的範例,如果熟悉 HTML/CSS 的話,就能把這個範例移植到自己網站的導覽列上。

Post has shared content
Blogger 圖片語法轉換器﹍改變行動版圖片尺寸

使用這個「Blogger圖片語法轉換器」後,可以自動為Blogger上傳的圖片,加上特定的語法,例如另開視窗、改變圖片尺寸等等。而且經過轉換的語法,就能讓Blogger行動版的圖片改以小尺寸載入,大大提升行動版的載入速度,改善讀者的閱讀體驗。

Post has shared content
高畫質免費圖庫搜尋引擎

使用這個「高畫質免費圖庫搜尋引擎」後,可一次同時搜尋所有 CC0 免費圖庫。搜尋結果都是可以合法使用、無爭議的免費圖片,可不必單獨進入個別圖庫網站搜尋,以後製作網站使用的圖片,可節省不少流程與時間。

Post has attachment
美化 Blogger 官方標籤雲

如果有使用官方標籤雲的話,可以利用 CSS 進行美化。

修改範例:http://www.yuzutoro.com/
(頁首 x 1 + 頁尾 x 2)

Post has shared content
簡單漂亮的 CSS tooltip 提示框

HTML 元素 title 屬性的提示訊息通常要一秒後才能顯現,藉由套裝好的 CSS 語法,可以做出漂亮的提示框動畫、且立即顯現提示訊息,帶給訪客絕佳的導覽效果,也是對訪客非常友善的網頁設計。系列文一共有三篇:

1. 安裝懶人包:http://www.wfublog.com/2014/12/css-tooltip-triangle-align-center.html

2. 疑難雜症排除:http://www.wfublog.com/2014/12/css-tooltip-data-title-break-line.html

3. 訊息框+圖片的應用:http://www.wfublog.com/2015/01/tooltip-with-image-css-jquery.html
簡單漂亮的 CSS 提示框(tooltip)懶人包實作﹍(1)動畫效果+置中演算法

這篇懶人包可用最簡單的 CSS 安裝方式,讓網頁 HTML 元素 title 屬性的提示訊息立即出現,不再需要等待一秒鐘。同時這個 CSS 效果還有漂亮的顏色、外框形狀、及動畫效果,絕對能吸引訪客的目光。

Post has attachment

Post has shared content

Post has shared content

Post has attachment
Wait while more posts are being loaded