20.07.08 05:17
以前讀過 GreyWyvern 的 CSS min-height hack,總覺得有點麻煩,因為在 DIV 裡植入另一用 Float 性質的 DIV 來控制最小高度,對於分離 Style 和 Data 的 XHTML 來說似乎違反了其原則。
最近找到 Dustin Diaz 的另一隻運用 CSS 的作法來達到相同的效果,雖不支援 Internet Explorer 5.5 之前的版本,但似乎簡單好用的許多。以下是範例:
div.content {
min-height:500px;
height:auto !important;
height:500px;
}
CSS hack 歸類於 教學
迴響(2)
20.05.07 08:52
最新版本: 2.11 ,更新於 03/07/2007
很遺憾的,由於樂多封鎖了 E-mail 回應顯示的關係,豺狼現在已經沒有辦法製作回應圖像的插件了!(所有的圖像現在都只會顯示為預設圖像)請大家將回應圖像的功能關閉!再過幾個禮拜,MyBlogLog 將會推出 API,或許到時候會比較有希望完成完整的回應圖像吧!
2.11 版升級步驟:
- 更新第一步的優化插件壓縮檔連結,優化插件為第三個。(詳情)
- 更新第二步的參數,在參數中新增用以切換圖像連結的 mbl_lnk_on。(詳情)
經過幾個禮拜的折騰,樂多優化插件 2.1 總算可以上架了!新版的優化插間集結許多網友的教學精華,也經過許多測試,希望並不會有太多問題。雖然豺狼想要將插件的參數設置簡化,讓對程式設計不熟悉的朋友也能輕鬆套用,但由於新版有太多新功能,所以很難縮減所需的參數。希望豺狼的預設範例能讓大家很快上手,選擇自己想要的功能與風格。
如果對設置過程有任何問題,請在此回應,豺狼會盡快幫您解決問題。
如果有任何建議,像是可以添加的新功能等,也可以跟豺狼說一聲!
‧請按繼續閱讀觀看更新紀錄與教學‧
繼續閱讀 »
歸類於 教學
迴響(56)
09.04.07 21:12
樂多優化插件是一個運用 jQuery 寫的 Javascript 程式,其功能如下:
- 增加邊欄折疊
- 增加書籤工具
- 增加圖形化導覽列
- 增加導覽列的透明功能
- 移除多餘字串「Posted by … 」
- 修改引用標題與網址、回應標題與表格標籤等等
樂多優化插件的安裝共分三個階段,第一階段是設置 javascript 檔案,而第二階段是設定插件的的參數,最後是 CSS 的添增。
注意:有安裝邊欄折疊插件的朋友,必須先移除後才能安裝樂多優化插件喔!
更新紀錄:
- 2007-04-09 發現書籤網址裡不可有 Anchor (像是 #comments),將在下一版修正。
- 2007-03-28 修正教學中範例缺少了 1.1 版新增的變數,還有 CSS Comment 問題
- 2007-03-21 修正書籤問題,請更新至樂多優化插件 Roodo Optimization Plugin 1.1
- 2007-03-20 推出樂多優化插件 Roodo Optimization Plugin 1.0 (需要 jQuery library)
‧請按繼續閱讀觀看教學‧
繼續閱讀 »
歸類於 教學
迴響(31)
03.04.07 00:46
因為最近發現 jQuery 其實還有一些小問題(尤其是跟 Internet Explorer 的關係)所以決定寫一篇問題集紀錄再撰寫程式時遇到的問題。希望有遇到 Javascript、jQuery 相關問題的朋友,有可以在這裡討論討論!
繼續閱讀 »
歸類於 教學
迴響(3)
13.03.07 15:05
邊欄折疊插件是一個運用 jQuery 寫成的 Javascript 程式,可以讓樂多邊欄中的欄位收縮,好收納過多的連結與項目,讓整個版面變得更美觀。
之前因為受到阿土伯和 Ben 的邊欄折疊 Plugin 的啟發,豺狼決定自己也嘗試寫一個。此插件(Plugin)的使用方法與阿土伯的大同小異,但撰寫時並沒有拷貝或參考他人的原始碼,只因為豺狼想要藉此來學習利用 jQuery 這強大的 Javascript library。請注意:此插件只適用於樂多 Roodo 網誌,其他平台像是 Blogger、Pixnet 等,請參考阿土伯和 Ben 兩位達人的介紹。
邊欄折疊插件的安裝共分兩階段,第一階段是設置 javascript 檔案,而第二階段是設定插件的的參數。本教學也可以應用在上載和設置其它插件,唯獨不同的地方只在於設定參數的步驟。
更新紀錄:
- 2007-03-20 推出樂多邊欄折疊插件 Foldable Side Plugin 2.0 (需要 jQuery library)。
- 2007-03-16 改良後,按鈕能在無游標時變為半透明,下一版會新增。
- 2007-03-15 發現程式碼內多餘的 variable,下一版會剔除。
- 2007-03-13 推出樂多邊欄折疊插件 Foldable Side Plugin 1.0 (需要 jQuery library)。
‧請按繼續閱讀觀看教學‧
繼續閱讀 »
歸類於 教學
迴響(27)
16.02.07 10:34
想要讓 Windows Live Messenger 8.1.0178(WLM)變得更簡單亮麗嗎?受夠了在底下煩人的廣告和文字連結?除了下載以外,以下的教學將幫助您移除和修正 Windows Live Messenger,運用,Mess Patch 8.1.0178 和 Messenger Plus! Live 4.11.254,加上許多好用的小撇步。以下的連結將會定時更新,做個書籤並在 WLM 出新版時來更新吧!
Windows Live Messenger
(更新於 16/02/2007!)
版本: 8.1.0178 ‧
官網 ‧
下載
Mess Patch
(更新於 16/02/2007!)
版本:8.1.0178 ‧
官網 ‧
下載 ‧
豺狼設定檔(Zip 檔,請記得解壓縮)
現在僅有英文版,比較不熟悉英文的朋友可以用豺狼的設定檔即可。此版本還有加入幾項新功能:
- 在連絡人旁增加顯示圖片縮圖。
- 用 TabServe 來自行管理資訊標籤。
- 顯示 Winamp 播放曲目(原本只限 Windows Media Player)。
Messenger Plus! Live
(更新於 16/02/2007!)
版本:4.11.254 ‧
官網 ‧
下載
繼續閱讀 »
歸類於 教學
迴響(5)
19.11.06 09:42
文╱豺狼
tags: google analytics 樂多 roodo yam 教學
自從 Google Analytics 開始公開申請後,越來越多人想要運用它強大的功能來檢視網站的表現和各式各樣的分析。但有許多網友在執行第一步,也就是在網頁插入程式碼的地方,常會遇到問題。以下教學會引導您如何用設置 Google Analytics 偵測 Roodo 樂多網誌的統計資料。
繼續閱讀 »
歸類於 教學
迴響(9)
02.09.06 10:56
文╱豺狼
注意:如果您是用 Internet Explorer,以下教學將無法被利用。因為 Internet Explorer 6.0 並不完全支援 CSS 2.0,包括 Generated Content,所以請等待 Internet Explorer 7.0 的到來,或者利用小圖示來顯示 Email,也有相同的效果!
現在網路充斥著盜取他人 Email 來發放廣告信的機器人(Bots),如果隨便把 Email 以普通 HTML 的方式刊登,被盜取的機率幾乎是百分之百。好友 Seb 最近教了我一個好用的 CSS 小撇步,可以讓刊登 Email 安全又漂亮!
範例:
這個利用 CSS Content 的用法其實不是很正規,但通常機器人不會搜尋 CSS 檔,所以降低了 Email 被發現的機會。注意以這方法顯示的字串並不能直接右鍵複製,所以此方法也可以利用在任何想要保護的字串。
繼續閱讀 »
歸類於 教學
發表迴響