Lightbox JS v2.0
之前寫過這篇Lightbox js in 華龍部落格,Lightobx JS的作者又有新的作品了,就是這個Lightbox JS v2.0。
更棒的圖片展示效果,可以單張圖片展示,也可以多張圖片同時展示,也可以在圖片左下角顯示圖片說明,按下下方的圖片看看效果吧!
在華龍部落格裡,我已設定完成,若有想要使用這樣的效果的老師們,你唯一要做的事,就是修改您的模版裡的 header.template 這個檔案。
1.「登入管理介面」/「個人網誌設定 」/「網誌模版編輯器」
2.編輯你的個人模版裡的 header.template 這個檔案
3.在</title>後面按下鍵盤的「Enter」鍵來空行,再將底下的四段文字貼在<head>之後。
<script type="text/javascript" src="{$url->getUrl("/lightbox2/js/prototype.js")}"></script>
<script type="text/javascript" src="{$url->getUrl("/lightbox2/js/scriptaculous.js?load=effects")}"></script>
<script type="text/javascript" src="{$url->getUrl("/lightbox2/js/lightbox.js")}"></script>
<link rel="stylesheet" href="{$url->getUrl("/lightbox2/css/lightbox.css")}" type="text/css" media="screen" />
日後,你不必再做任何的修改,在發表文章時,只要
- 先將圖片上傳到檔案中心
- 在插入圖片時只要按下
- 依你的需要按下新增檔案預覽小圖或中圖
使用Shoutbox留言板
有位網友寫mail問我怎樣使用Shoutbox的留言板,其實去Google一下Shoutbox,就有很多人早已寫出了教學文件。
基於好奇,我也去申請了個帳號來玩玩,同時也將那留言板放在我這網誌上了,不過我個人實在不太喜歡放那些花花樣樣的東西,所以預計過幾天就將那留言板移除掉。
我不再寫如何申請與設定Shoutbox,想看如何申請與設定,你可以參考一下底下的幾個網頁。
(閱讀全文)
Lightbox js in 華龍部落格
之前在LifeType中文開發論壇裡,有人提到了Lightbox js這功能,這效果看起來蠻炫的,不過在LifeType裡還沒有這樣的plugin。
先按下底下的圖片看看Lightbox js的效果(哈!我就在圖裡面,要等網頁完全讀取完畢才能看到效果,否則只會看到一張沒有效果的圖)。
自己實做一下,其實不難,也有人寫了相關的教學文章
Lightbox JS for LifeType
LifeType上使用Lightbox JS
既然有人寫了,我就不必再多此一舉。不過,我想到如果要讓華龍的bloggers也使用這樣的效果,那我勢必我又需要寫一堆修改的文件。
所以想了想,如何用最簡單的方式來讓華龍的bloggers使用呢?
「動手玩 LifeType 模版」簡報檔
一個很棒的教學檔案~來自lss實驗室。
看完它,對LifeType會有更清晰的概念。
這裡我也分流一下檔案,另外我再轉成個.swf檔,方面線上瀏覽。
- 動手玩 LifeType 模版.ppt (簡報檔)
- 動手玩 LifeType 模版.swf (swf檔)
如何套用樂多模版--教學與模版分享
哈!終於完成了這篇教學
需要的人,可以去華龍數位學習網看看 「如何套用樂多模版」這篇教學。
同時分享我已完成的樂多模版,你可以到這個頁面去下載。
上面我已修改完成的樂多模版的縮圖, 你可以在華龍電子相簿-樂多模版縮圖看到。
套用樂多模版的檔案來自Resnick's Small World, 感謝 Resnick!
當然更感謝樂多日誌,能提供那麼多漂亮的模版。
除了樂多的模版之外,還有「溫柔對待部落格」及「樂兒的colaccl.com」也有提供CSS樣式下載。
等待成一朵蓮




