讓標題過長的文字自動省略﹍單行 CSS 技巧

在設計版面的時候,控制區塊的寬度與高度是重要的技巧,因為文字數量或圖片尺寸非我們所能控制。當內容太多、超出了區塊的範圍,如果不熟悉 CSS 語法,沒有做適當的參數設定,輕則視覺效果變差,重則版面整個爆掉! 圖片超出區塊的調整,將會另闢一個主題。本篇先說明如何使用 CSS 語...

繼續閱讀全文

讓 Line 按鈕只在手機+行動裝置顯示

如果網站有安裝過 Line 按鈕的話,應該會發現只有行動裝置(手機+平板)有作用,而網頁版的 Line 按鈕按下後,只會連結到官網。 前陣子有讀者反應," 能否讓 Line 按鈕只在手機及平板出現,網頁版不要出現? "。的確,如果能這麼做的話是最好,以下...

繼續閱讀全文

讓 iOS 設備(iPhone iPad)鋰電池能正確充電、降低循環次數的技巧

這個主題其實有些爭議,某些觀點認為鋰電池是消耗品,沒什麼好保養的,說不定電池還沒壞,就準備換新的行動裝置了。在這樣的前提之下,的確電池能用多久不是需要關心的事,不過事實上,如果好好對待電池的話,還是能帶給我們不少便利。 相信很多人會遇到, 電池充飽後很快又沒電 ,也就是電量...

繼續閱讀全文

[教學] 讓新版 Google 表單(試算表)能自動寄信﹍(1) 製作表單格式

之前舊版的「 讓 Google 試算表能自動寄信 」,由於近期 Google Drive 雲端硬碟陸續強制升級為新版,如果是新的使用者,已經無法依照原本的流程安裝,因為官方已經取消了舊版試算表的「指令碼庫」功能,無法從後台安裝 FormEmailer 這個自動回信外掛。 其...

繼續閱讀全文

[Google Drive 外連產生器 V2] 一秒鐘輕鬆複製連結, 支援新舊版雲端硬碟

2016.9.30 公告: 由於「 Google Drive 檔案外連功能於 2016 年 9 月關閉 」,網頁要檔案外連的話,建議採用 Dropbox,並使用這個「 Dropbox 外連產生器 」。 前幾天讀者回報「 Google Drive 外連產生器 V1 」在新版...

繼續閱讀全文

Blogger 各種圖片異常狀況處理﹍模糊+消失+超出版面

Blogger 圖片異常的各種提問,算是非常頻繁出現的,常見狀況大致有: 1. PICASA 上傳後的圖片看起來有點失真,但 Flickr 的就不會? 2. 手機上的圖片好像比較模糊? 3. 我的 Blogger 圖片怎麼消失了? 4. 有的圖片比較大,超出文章區塊怎...

繼續閱讀全文

Blogger 製作自適應網頁(RWD)﹍懶人法實作

過去在「 Blogger 應該選擇自適應範本(RWD), 還是行動版範本? 」曾經歸納出的其中一個結論,對於 "有修改能力、能處理自適應範本" 的站長,Blogger 行動版方案可以選擇「自適應範本(RWD) + 自訂行動版」,這是行動版的最佳選擇。 然...

繼續閱讀全文

Blogger 自訂行動版範本實作﹍(3) 工具+圖片+字體

完成 Blogger 自訂行動版「 標頭+導覽列+廣告 」、「 文章+側邊欄+頁尾 」的所有版面區塊後,現在要完成最後的收尾工作。 根據「 優化網站效能該注意哪些事? 」,加快網頁載入速度需要從 "圖片" 與 "Javascript"...

繼續閱讀全文

RWD 標頭(header)圖片實作 [CSS 技巧]

使用自適應網頁(RWD)時,標頭圖片的設計與擺放,需要一些巧思與技巧。既然希望網頁能自適應調整寬度,那麼標頭圖片自然在不同寬度之下,都不能讓訪客覺得突兀。 最近接到一個標頭圖片的需求,希望在 "不同寬度下都能填滿整個螢幕"。也許字面上不容易理解,因此用文...

繼續閱讀全文
TOP