A BorinG BloG

ＢＬＯＧ再次重新啟動?（大誤）

2012-01-12T00:59:00.001+08:00

不知不覺，這Blog已超過一年沒更新了，主因當4是由於~~沒有靈感~~懶惰吧。近日又突然有寫Blog的念頭，第一件要做的事就是修改範本。Blogger在這一年間，增加了不少功能，不少往日要靠blogger　ｈａｃｋｓ　才能實現的功能現在都內建了，實在帶來不少方便。其實今次只是把已沒有用的功能刪除和一些外觀上的小修改。本想修改行動版的外觀，可是對網頁設計、ｃｓｓ、ｈｔｍｌ等知識缺乏認識的我來說實在太困難。加上網上好像缺乏相關資料，所以只好暫時放棄。

雖說ｂｌｏｇ重新啟動（偽），但仍缺乏方向，絕對不會頻繁地更新就是了。

TVアニメ「STEINS;GATE」PV 公開

2010-09-03T20:29:00.005+08:00

由於近日正在攻略「STEIN;GATE」，所以 blog 就........公佈動畫化已經有一段日子了，但除了明年春季播放之外，就好像沒有進一步的消息。而今日就在動畫版的官網公開了 PV。

基本上就是之前在 C78 公開的PV，根本不能從 PV 中獲得情報。目前為止，動畫版的情報依然很少，希望不會好像之前動畫版「CHAOS; HEAD 」一樣成為黑歷史吧..........

動畫版官網: 「TVアニメ「STEINS;GATE」公式サイト」
遊戲官網: 「想定科学ADV STEINS;GATE OFFICIAL WEB SITE」

Mozilla Firefox 4 beta4 發佈 & 簡單試用心得

2010-08-25T09:58:00.002+08:00

今早「Mozilla Firefox 4 beta4」釋出了，beta3的用戶可以透過自動更新升級。當然也可以到這裡: 「http://www.mozilla.com/en-US/firefox/beta/」下載。今次有比較多的功能更新，對我來說，其中比較注目的有: 整合了 Firefox Sync 和 Firefox Panorama。更新的詳情可以參閱「Release Notes 」，而有關 Firefox Sync 和 Firefox Panorama 的功能示範可以看「 Firefox 4 Beta Updated with Sync and Panorama :: The Mozilla Blog 」。

而另外兩個重要更新是加入新api 增加Javascript animations.的效率和 HTML5 video支援 "buffered"屬性。詳情可參閱「HTML5 video ‘buffered’ property available in Firefox 4」和
「More efficient Javascript animations with mozRequestAnimationFrame」。

由於常用的add-on都支援beta4，又或者有解決辦法，所以直接與 3.6.8 說再見了。今次的更新即使是 Window XP也支援，所以就簡單測試 (玩)了一會。Firefox Sync一直都有使用，對於我這個會開新profile測試新 add-on 和會使用「Portable Edition 」的人實在很有用。對我來說，就是裝少一個add-on吧。

Firefox Panorama示範影片:

Firefox Panorama: How To from Aza Raskin on Vimeo.

而 Firefox Panorama (好像譯作分頁群組)，由於是沒有用過的新功能，對我來說暫時意義不大，當然有可能在習慣之後會愛上這功能。這功能對於會同時會開大量分頁的用家可能很有用 (我一般情況下，大約只會開十多個分頁，不算很多吧)。始終當同時開了數十個分頁的時候，單是找到某一個分頁實在不容易。這功能可以將分頁分成不同的"群組"。同時開大量分頁的用家，可以將同類的分頁編到同一個"群組"，這樣查找單一分頁會變得比較容易。如果要說缺點的話，就是管理"群組"和打開別的"群組"需要到管理介面才能進行，如果可以直接在tabbar 上操作就更好。

下載網址:「http://www.mozilla.com/en-US/firefox/beta/」
參考文章: 「HTML5 video ‘buffered’ property available in Firefox 4」
                  「More efficient Javascript animations with mozRequestAnimationFrame」
                  「 Firefox 4 Beta Updated with Sync and Panorama :: The Mozilla Blog 」
                  「Release Notes 」

DS: Radiant Historia 官網再次更新

2010-08-23T12:40:00.000+08:00

今早一看，發現官網又更新了。今次更新了人物介紹和遊戲系統。根據官網的介紹，遊戲主角可以利用「白示錄」的力量穿梭時空，到達歷史的關鍵時刻，以行動改變歷史。詳細資料可以到官網看。另下次更新日期預定為30/8。

就現的資料估計，遊戲應該會有多重分支及多重結局吧。而戰鬥系統方面，由於資料不多，實在難以估計是怎樣的系統，只能等官方釋出更多資料吧。

官網: 「ラジアントヒストリア」

Blogger Hack Series: Blogger 範本修改心得(四)

2010-08-22T21:42:00.001+08:00

近日又對範本作出了一些小修改，其中最明顯的應該就是圓角吧。可惜到目前為止 IE 並未支援圓角的顯示。所以，如想以最佳效果瀏覽本 BLOG，請使用非 IE核心的主流瀏覽器。

一、圓角的CSS語法
圓角的CSS語法，其實只要Google一下就找到大量教學，所以不在此詳述了。如果想知道詳細資料的話，可以看「The 'border-radius' properties (W3C)」。上面那個網址，沒有相關知識的人(包括我)，大概看不明吧。我使用的語法，其實是直接從有圓角效果的官方範本抄來的，當然也為了配合這個範本而作出一定的修改。

而在網上尋找相關的資料時，發現了一個網站: 「http://border-radius.com/」。

只要在四個角鍵入數字，就會自動生成Firefox、Chrome 和 Opera適用的 CSS語法。當然只可以生成最基本的圓角效果，要有更多采多姿的效果，請看懂這裡:「The 'border-radius' properties (W3C)」。

事實上，現時有不少方法可以令 IE系列顯示圓角，但很可惜的並不能完美地解決問題，部分地方並不能顯示圓角。由於我經過多番嘗試也不成功，故此直接放棄了。

二、加入警告標語
由於圓角效果不能在 IE 上正確的顯示，所以就參考了「重灌狂人」的「在網站加入警告標語，建議IE 6.0的使用者升級！」，為Blog加入了警告標語。只要是利用 IE 瀏覽本Blog 都會盹到如下圖的標語:

雖然不想放棄對 IE 的支援，但能力所限，加上有沒有圓角效果對瀏覽沒大影響，所以就直接放棄支援 IE 了。不便之處，敬請原諒。

三、修改範本時注意各瀏覽器是否支援
在修改範本之時，經常會修改CSS、 xml，又或者加入 JavaScript 等。但各瀏覽器的支援並不一致。特別是已一年以上沒改版的 IE，很多語法都不支援，也沒有其他替代的方法。所以，每當修改範本時，都應該在各大瀏覽器上測試。因為各瀏覽器呈現的效果可能會不同，即使 A瀏覽器正確地顯示，B瀏覽器可能不能正確地呈現。其實，除了用了 IE Only的語法外，大部份情況都是 IE不支援的問題吧。

border-radius.com:「http://border-radius.com/」
參考文章:「The 'border-radius' properties (W3C)」
「在網站加入警告標語，建議IE 6.0的使用者升級！」

DS: Radiant Historia fam通先行釋出PV

2010-08-19T10:00:00.006+08:00

晚 fam通先行釋出PV，應該就是明天官網會更新的內容吧。

看完PV後，更加期待這遊戲了。PV未段的歌，大概是霜月はるか吧。

fam通報導: 「【動画配信】『ラジアントヒストリア』PVを先行公開」
官網: 「ラジアントヒストリア」

DS: Radiant Historia 官網再次更新

2010-08-17T17:53:00.001+08:00

官網今日準時更新，更新內容為增加一名人物介紹、大量遊戲screenshot、wallpaper一張、ラジアントヒストリア情報部(blog)開啟和官方twitter開啟。而預定更新日為8月20日。

另外，就是發售日提前了一日(只提前一日有意義嗎.......)。

官網: 「ラジアントヒストリア」
ラジアントヒストリア情報部: 「http://rh.atlusnet.jp/blog/」
官方twitter:「http://twitter.com/RadiantHistoria」

PSP: Tactics Ogre 運命の輪官網更新 & 發售日確定

2010-08-17T17:36:00.002+08:00

官網今日再度更新，更新項目除了之前釋出的職業和系統外，還公佈了預約特典內容、價格和發售日期!! 和我的預計不同，預定於今年11月11日發售，大概是最初公佈時，遊戲已經接近完成了，當然不能排除延期的可能性......

更新的內容基本等於之前釋出的情報，有興趣可以到官網瀏覽。而預約特典是塔羅牌 ( 只有22張大秘儀)。售價為5980円(UMD版)和4980円(Download版)。

官網: 「タクティクスオウガ運命の輪」

PSP: Tactics Ogre 運命の輪巴哈釋出的情報

2010-08-14T13:04:00.009+08:00

遊戲已經發表了一段時間了，雖然官網還未有更新，但台灣著名網站「巴哈姆特電玩資訊站」釋出了新情報。情報是關於遊戲的職業和系統。詳情可以參閱這裡: 「《皇家騎士團 2：命運之輪》追加豐富新要素的職業系統與戰鬥系統」。

就釋出的情報來看，主要是重新整合舊有的職業。只有盜匪(ローグ) 是新增的，相信還會有其他新職業，這都要等官方公佈。而戰鬥系統則未見和舊作有甚麼分別，這也要等官方的公佈。
就現時釋出的情報來看王，的確的舊作有不少的改變，但這也代表這可說是一隻全新的遊戲。在角色平衡度、劇本修正等方面可能會花上一段時間 (松野泰紀向來慢工出細貨.....)。即是可能要等上一年半載(可能更久)，才能玩到這遊戲。

官網: 「タクティクスオウガ運命の輪」

其他巴哈報導:
「《皇家騎士團 2：命運之輪》原班人馬集結經典名作重製再登場」
「《皇家騎士團 2：命運之輪》新角色、新內容與新系統經典強化再現」

參考文章:「《皇家騎士團 2：命運之輪》追加豐富新要素的職業系統與戰鬥系統」

Mozilla Firefox 4 beta3 發佈 & 簡單試用心得

2010-08-12T14:44:00.003+08:00

經過例行的延期之後 (原定6/8發佈)，「Mozilla Firefox 4 beta3」在香港時間今晨發佈了。安裝了 beta2 的用家可以直接更新。今次更新改善了 javascript 效能和支援 Multi-touch(只限 Window 7)。由於還是使用 Window XP 的關係，沒辦法嘗試這功能了........要知道詳細的更新可以看「Release Notes 」。

關於 Multi-touch 可以看這裡:「Firefox 4 Beta: Latest Update is Here – Experimenting With Multi-touch」，有關於 Multi-touch的介紹和示範影片。

試用了一會，基本上和 beta2 沒有大改變。畢竟已經是 beta3 了，Addon 的支援已有不少改善。但由於某幾個對我重要的 Addon 還未支援，只好繼續使用 3.6.8 了。由於今次是很大改動，相信不少 Addon 還要一段時間才能正式支援了.......

Mozilla Firefox 4 beta3 下載網址: 「http://www.mozilla.com/en-US/firefox/beta/」
參考文章: 「Firefox 4 Beta: Latest Update is Here – Experimenting With Multi-touch」

DS: Radiant Historia 官網更新

2010-08-09T12:07:00.001+08:00

Radiant Historia 官網準時更新，但更新的情報並不多，只增加了staff 和兩名人物的介紹，預定17/08再次更新。看來官方是想每星期更新小量情報，對這遊戲有興趣的人要慢慢等了........

官網: 「ラジアントヒストリア」
下村陽子 twitter: 「http://twitter.com/midiplex」

DS: Radiant Historia 官網開放

2010-08-02T19:34:00.006+08:00

其實幾天已看到有關消息了，但是官網今日才正式開啟，所以現在才寫。雖然是初次釋出資料，但已經有發售日期，相信開發完成度已經很高了。

遊戲的基本資料:

開發: Atlus
機種: NDS
發售日: 2010年11月4 日
價格: 6279円(連稅)
遊戲類型: RPG/Fantasy
Director: 平田弥
原案/世界観設定: 高屋敷哲
Character Design/Art Works : こにしひろし
音楽: 下村陽子

官網會不斷播放少部分遊戲音樂，我個人頗喜歡的。根據現時的情報來看，劇情與穿越時空 & 平衡世界有關。而戰鬥系統好像不錯。始終情報不多，不可能有甚麼評價。但單聽音樂就很期待了。加上是 Atlus 的 fans，應該會繼續留意它的情報吧。

PS: 官網預定09/08更新

官網: 「ラジアントヒストリア」
fami通介紹: 「『ラジアントヒストリア』アトラスが手掛ける新作王道RPG」
Atlus Twitter (jp): 「https://twitter.com/Atlus_jp」
Atlus Twitter (eng): 「https://twitter.com/AtlusOnline」

PSP: Tactics Ogre 運命の輪官網更新

2010-08-01T11:58:00.008+08:00

一時沒有留意，官網早就更新了。但是，除了 PV 和 Wallpaper 外，都是已釋出了的情報。也沒有公佈會否和 PS & SS 移植版一樣加入配音。看來要再等一會才有新情報了。

發售日期依然未定，但以「松野泰己」的往續來看，大概要等一段不短的日子了。

單看現在釋出的遊行畫面，比 SFC版和 PS & SS 移植版強化了不少。據已釋出了的情報來看，遊戲會和原作有不少不同之處，原版的攻略並不適用。劇情上的修正和遊戲系統的修改雖然是好事，但是這可能使遊戲遲遲不能推出的主因.........

官網的PV:

官網: 「タクティクスオウガ運命の輪」
官方Twitter: 「タクティクスオウガ運命の輪宣伝チーム」
松野泰己 Twitter: 「松野泰己 (YasumiMatsuno)」

Blogger Hack Series: 範本設計工具@Blogger in Draft 可以上載自己的背景圖片了

2010-07-31T09:47:00.010+08:00

自範本設計工具推出以來，相信不少 blogger 希望可以上載自己的背景圖片。雖然可以透過修改html 來實現，但始終不夠方便。現在有關方面終於回應用家的要求，在「Blogger in Draft」推出上載背景圖片的功能。

1. 登入「Blogger in Draft」& 進入範本設計工具。

2. 在背景一欄裡多了上載圖片的選項 (見下圖)。這裡表明可以上載 300K 以內的 JPG、GIF 或 PNG 檔案。另外，如想圖片填滿整個背景，推薦使用 1800x1600 的圖片。

3. 另外也可設定對齊、是否並排顯示和是否隨畫面捲動 (見下圖):

有了這功能，今後改變背景圖片，就不需要去修改html。比之前方便得多了。

參考文章: 「Use Your Own Photo for Your Blog’s Background」

Firefox Add-on Series: Smart Bookmarks bar 的代替品

2010-07-30T10:16:00.004+08:00

相信不少Firefox用家都會遇到，伴隨著常用的網站愈來愈多，書籤工具列不能顯示所有常用的書籤了。這時候不少Firefox用家都會使用「Smart Bookmarks Bar」，把書籤的文字隱藏，滑鼠移到圖示上才顯示文字。

但本人使用卻出現沒有出現效果的問題。在使用「Mozilla Firefox, Portable Edition 4.0 Beta 2」時可以如常生效，但在安裝版的「Mozilla Firefox 3.6.8」原因不明的失效。因此，就開始在「Add-on Site」中尋找化替品。花了不少時間，最終也算是找出它的代替品。

1. 「Incredible Bookmarks」

這個Add-on並不是單純的將文字隱藏，而是一個擁有多項功能的Add-on。在安裝後會多了一個名叫「Incredible Bookmarks」的工具列，可以顯示書籤工具列/書籤功能表/未排序書籤。而且可以設定如何顥示、排序、檢查網址是否失效等。還有就是可以顯示多於一列的「Incredible Bookmarks工具列」。

詳細的功能可以看「Incredible Bookmarks」又或者「Incredible Bookmarks for Firefox - The Ultimate Add-on Suite for Bookmark Lovers!」。

安裝這Add-on其實可以代替不少Add-on了，但這是一個獨立的工具列，即是不能放入其他圖示/按鈕，只能顯示書籤。雖然功能強大，可惜這不不符合本人的需要........

2. 「Bookmarks Toolbar Restyled」

花上一點時間，終於找到另一個Add-on : 「Bookmarks Toolbar Restyled」。安裝後，只要在「檢視 > 工具列 > 自訂 > 顯示」中，設定成「圖示」就會產生效果，而且不限放在書籤工具列。把「書籤工具列」這個元素放在那裡都會自動隱藏文字。

但這Add-on就只有這功能，並不像「Smart Bookmarks Bar」般有其他功能和詳細設定。這可算是美中不足的地方。

Mozilla Firefox 4 beta2 發佈 & 簡單試用心得

2010-07-28T20:58:00.004+08:00

今天 Mozilla 發佈 Firefox 4 beta2。與上一次只有英文版不同，今次提供了多國語言。Beta2 的新功能可以參考:

1. Firefox 4 beta2 Release Notes
2. Firefox 4 Beta 2 is here – Welcome CSS3 transitions

由於不少 Add-on 也未支援，試了一會已經用回 3.6.8 了。

由於使用的電腦很老舊，在速度上感覺不到甚麼分別。而部份新功能也不支援，所以不能做甚麼測試。

而 Firefox 4 新介面，整體感覺不錯。介面比舊版簡潔，而操作上沒有甚麼不便的地方，也沒有降低其自訂性。即使不喜歡/不習慣新界面的配置，大可以改回舊的配置。由於不少慣用的 Add-on 還未支援，在使用上實在不太習慣，所以還是用回舊版了。

自定性高一直是它的優點，也是使我一直用下去的原因。對於由 1.0.x 就開始使用的用家來說，對 4.0 版整體感到滿意。

現在還是 beta2 ，好像有不少功能還未加入。正式版大概要年尾才推出(不延遲的話)，個人頗期待正式版推出。

Blogger Hack Series: Blogger 範本修改心得(三)

2010-07-22T15:11:00.022+08:00

上回提到，今回會介紹如何在 blogger 中使用「Lytebox」。「Lytebox」是改良自「Lightbox 2」的，除了容量小了之外，也增加支援Slideshow和 HTML Content (詳情請看官網)。網上有不少將「Lightbox 2」套用在 blogger 的資源，而介紹「Lytebox」的資源卻不多。所以本回就介紹如何將「Lytebox」套用在 blogger 上。

1. 從官網上下載「Lytebox」
現時版本是 v3.22: lytebox_v3.22.zip

2. 下載並解壓後，先將資料夾「images」中的圖檔上轉到網上空間/相簿中。

3.打開Lytebox.css，並修改圖片的路徑



#lbLoading {

    position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(網上空間/相簿的路徑/loading.gif) center no-repeat;

}



#lbPrev { width: 49%; height: 100%; background: transparent url(網上空間/相簿的路徑/blank.gif) no-repeat; display: block; left: 0; float: left; }

    #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(網上空間/相簿的路徑/prev_grey.gif) left 15% no-repeat; }

    #lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(網上空間/相簿的路徑/prev_red.gif) left 15% no-repeat; }

    #lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(網上空間/相簿的路徑/prev_green.gif) left 15% no-repeat; }

    #lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(網上空間/相簿的路徑/prev_blue.gif) left 15% no-repeat; }

    #lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(網上空間/相簿的路徑/prev_gold.gif) left 15% no-repeat; }





#lbNext { width: 49%; height: 100%; background: transparent url(網上空間/相簿的路徑/blank.gif) no-repeat; display: block; right: 0; float: right; }

    #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(網上空間/相簿的路徑/next_grey.gif) right 15% no-repeat; }

    #lbNext.red:hover, #lbNext.red:visited:hover { background: url(網上空間/相簿的路徑/next_red.gif) right 15% no-repeat; }

    #lbNext.green:hover, #lbNext.green:visited:hover { background: url(網上空間/相簿的路徑/next_green.gif) right 15% no-repeat; }

    #lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(網上空間/相簿的路徑/next_blue.gif) right 15% no-repeat; }

    #lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(網上空間/相簿的路徑/next_gold.gif) right 15% no-repeat; }





#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }

    #lbClose.grey { background: url(網上空間/相簿的路徑/close_grey.png) no-repeat; }

    #lbClose.red { background: url(網上空間/相簿的路徑/close_red.png) no-repeat; }

    #lbClose.green { background: url(網上空間/相簿的路徑/close_green.png) no-repeat; }

    #lbClose.blue { background: url(網上空間/相簿的路徑/close_blue.png) no-repeat; }

    #lbClose.gold { background: url(網上空間/相簿的路徑/close_gold.png) no-repeat; }



#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }

    #lbPlay.grey { background: url(網上空間/相簿的路徑/play_grey.png) no-repeat; }

    #lbPlay.red { background: url(網上空間/相簿的路徑/play_red.png) no-repeat; }

    #lbPlay.green { background: url(網上空間/相簿的路徑/play_green.png) no-repeat; }

    #lbPlay.blue { background: url(網上空間/相簿的路徑/play_blue.png) no-repeat; }

    #lbPlay.gold { background: url(網上空間/相簿的路徑/play_gold.png) no-repeat; }



#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }

    #lbPause.grey { background: url(網上空間/相簿的路徑/pause_grey.png) no-repeat; }

    #lbPause.red { background: url(網上空間/相簿的路徑/pause_red.png) no-repeat; }

    #lbPause.green { background: url(網上空間/相簿的路徑/pause_green.png) no-repeat; }

    #lbPause.blue { background: url(網上空間/相簿的路徑/pause_blue.png) no-repeat; }

    #lbPause.gold { background: url(網上空間/相簿的路徑/pause_gold.png) no-repeat; }

4. 如有需要，打開Lyetbox.js，並修改設定:



    /*** Start Global Configuration ***/

this.theme  = 'grey';   // themes: grey (default), red, green, blue, gold < 修改主題顏色



this.hideFlash  = true;  // controls whether or not Flash objects should be hidden < 是否隱藏flash內容



this.outerBorder = true;  // controls whether to show the outer grey (or theme) border < 是否顯示 outerborder   



this.resizeSpeed  = 8;   // controls the speed of the image resizing (1=slowest and 10=fastest) < resize的速度 1暇慢 10最快 



this.maxOpacity = 80;  // higher opacity = darker overlay, lower opacity = lighter overlay < 透明度

this.navType = 1;  // 1 = "Prev/Next" buttons on top left and left (default), 2 = "<< prev | next >>" links next to image number <  "Prev/Next"按鈕的位置 1=在左右顯示  2=在圖片號碼旁

 

this.autoResize = false;  // controls whether or not images should be resized if larger than the browser window dimensions < 如果圖片大於瀏覽器的大小，是否resize



this.doAnimations =true;  // controls whether or not "animate" Lytebox, i.e. resize transition between images, fade in/out effects, etc. < 有沒有動晝特效

       

this.borderSize = 12;  // if you adjust the padding in the CSS, you will need to update this variable -- otherwise, leave this alone...  < border 大小

    /*** End Global Configuration ***/

   

    /*** Configure Slideshow Options ***/

this.slideInterval = 4000;  // Change value (milliseconds) to increase/decrease the time between "slides" (10000 = 10 seconds) < Slideshow 的速度 10000=10秒



this.showNavigation = true;  // true to display Next/Prev buttons/text during slideshow, false to hide < Slideshow中是否顯示Next/Prev按鈕



this.showClose = true;  // true to display the Close button, false to hide < Slideshow中是否顯示close按鈕



this.showDetails = true;  // true to display image details (caption, count), false to hide < Slideshow中是否顯示圖片資料



this.showPlayPause = true;  // true to display pause/play buttons next to close button, false to hide < Slideshow中是否顯示暫停按鈕



this.autoEnd = true;  // true to automatically close Lytebox after the last image is reached, false to keep open < Slideshow完結時是否自動關閉



this.pauseOnNextClick = false;  // true to pause the slideshow when the "Next" button is clicked < Slideshow中按next會否暫停



this.pauseOnPrevClick  = true;   // true to pause the slideshow when the "Prev" button is clicked < Slideshow中按prev會否暫停

    /*** End Slideshow Configuration ***/

5. 在完成修改後，請將Lytebox.css 和 Lytebox.js 上轉到網上空間。

6. 打開修改 html ，在<haed>後面加上以下的程式碼:

<script language="javascript" src="上傳的網址路徑/lytebox.js" type="text/javascript">

</script>

<link rel="stylesheet" href="上傳的網址路徑/lytebox.css" type="text/css" media="screen" />

7. 如要產生效果，要在連結上加上適當的語法:

a. 單張圖片加上 rel="lytebox":



<>a href="http://draft.blogger.com/images/image-1.jpg">rel="lytebox" title="Image Description">Image #1>

b. 群組圖片加上 rel="lytebox[群組名稱]":



<a href="http://draft.blogger.com/images/image-1.jpg">rel="lytebox[vacation]" title="Mom and Dad">Mom and Dad>

<a href="http://draft.blogger.com/images/image-2.jpg">rel="lytebox[vacation]" title="My Sister">My Sister>

c. Slideshow 加上 rel="lyteshow[群組名稱]" :



<a href="http://draft.blogger.com/images/image-1.jpg" rel="lyteshow[vacation]" title="Mom and Dad">Mom and Dad>

<a href="http://draft.blogger.com/images/image-2.jpg" rel="lyteshow[vacation]" title="My Sister">My Sister>

d. HTML Content 加上 rel="lyteframe":



<a href="http://www.google.com/" title="Search Google">

rev="width: 400px; height: 300px; scrolling: no;">Google Search>



<a href="http://draft.blogger.com/catalog1.htm" rel="lyteframe[catalog]" title="Summer Catalog">Summer Catalog>

<a href="http://draft.blogger.com/catalog1.htm" rel="lyteframe[catalog]" title="Winter Catalog">Winter Catalog>

詳細的效果可以在官網上瀏覽。

參考文章: 「影片網頁圖片幻燈片展示特效 Lytebox 安裝完全手冊」
第四回:「Blogger Hack Series: Blogger 範本修改心得(四)」

PSP: Tactics Ogre 運命の輪官網開放

2010-07-22T12:40:00.007+08:00

作天公佈的Tactics Ogre 運命の輪官網終於開放。官網仍然沒有甚麼內容，只能等待官方放出進一步的情報了。而官網予定會在30/7釋出新情報。

官網: 「『タクティクスオウガ運命の輪』公式サイト」

另加一則Fami通的情報: 「『タクティクスオウガ運命の輪』15年の時を経てついに復活」

PSP: Tactics Ogre 運命の輪

2010-07-21T17:20:00.005+08:00

今早看到的消息時，其在是興奮得難以形容了，可惜的是我沒有psp………15年前的名作，竟然可以集齊原班人馬重製，實在令人難以置信。就現時的釋出的情報來看，重製版會增加不少新原素，遊戲系統戰會有不少修改，而劇情也會有加筆、修正。

雖然一直覺得Square Enix近年不斷將舊作重製不思進取，但偶爾也會做好事吧。

Blogger Hack Series: Blogger 範本修改心得(二)

2010-07-20T23:47:00.060+08:00

上回「Blogger 範本修改心得 (一)」中提到，在新範本中如何改變背景圖和將範本透明化。而今回繼續分享在修改範本時的心得。

一、注意各種blogger hack之間有沒有衝突

近日，我為blog增加了不少功能。與此同時，各功能之間發生了不少衝突。首先，在增加了「lightbox2」及「Google網站翻譯工具」後，測試時發現 IE 發生顯示錯誤。花了點時間調查後發現這是由於我把透明化的程式碼加到 CSS區塊中「body{…..} 」的一段中，使到整個範本都透明化之故。結果，乖乖的把透明化的程式碼分別加到各區塊中來達到相似的效果。及後又發現「lightbox2」會使到追蹤者這個小工具失效。結果，花了一點時間，找到「lytebox」代替。(「lytebox」大概會在下回介紹。)

這麼長篇其實是想說各種 blogger hack 可能有互相衝突，可能使 blog 不能正常顯示。其中利用到 javascript 的 hack 出現衝突的情況應該比較高 (出問題的「lightbox2」及「Google網站翻譯工具」都利用到javascript。)。

所以，在每一次新增功能時，都必須先把範本備份。還有，至少要使用各主流瀏覽器 (例: Firefox、Chrome、Opera等) 進行測試，確定blog是否能正常顯示。

二、製作自己的Banner

另一方面，由於手機版的連結只有文字實在比較單調，所以希望製作一個 banner。這個 banner 使用「GIMP」製作的。它功能強大的同時，操作也相對複雜，最終花了不少時間才完成。

只是製作一個 banner 實在不需要用到這麼強大的圖像處理軟件。所以就在網上尋找有沒有比較簡單的方法。結果找到「Live Banner Maker」這個網站。這個網站可以簡單地在網上製作 banner，而且是免費!

1. 決定 banner 的大小。除了預設的大小外，也可以自訂大小(見下圖):

2. 設定背景及Border。可使用提供的圖片/上傳圖像 (見下圖):

3. 增加文字 (見下圖):

4. 增加特效及可上傳logo (見下圖):

5. Save & Download (見下圖):

整體來講，即使是外行人也可以造到不錯的 banner，而且比使用圖像處理軟簡單得多。要
說缺點的話就是可用的特效和字型不多，但免費的東西不能要求太多吧…….

第三回:「Blogger Hack Series: Blogger 範本修改心得(三)」

Blogger Hack Series: 自動把blog轉成手機版的免費服務

2010-07-17T20:35:00.020+08:00

近年smartphone和iphone的熱潮，使到愈來愈多人利用手機上網。雖然3g及wifi的普及，但手機那小小的mon瀏覽一般版的網頁始終不太合適。在網上找了一會後，找到兩個可以將blogger轉換成手機版的網頁: 「Blogger Touch 」和「onbile 」。

一、Blogger Touch
如何申請Blogger Touch的服務在網上已有不少資源，所以不在此詳述了。大家大可參考: 「Blogger Touch, 讓 Blogger 也能自動轉成手機版」和「 [網站] 幫你的Blogger做成手機版網頁」

在成功設定後，當然就是測試效果。由於沒有到smartphone/iphone等設備，所以就利用了「Opera Mini Simulator」和 PC版的「Firefox for mobile」作測試。

測試結果:Blogger Touch並不支援 Opera Mini Simulator 。不單不能顥示手機版，更直接轉到Blogger Touch的官網 (如下圖)。

而Firefox for mobile的顯示沒有問題，但不會自動轉到手機版，需要自己操作。當然可以直接將手機版加入書籤。

二、onbile
onbile的申請很簡單，點擊 Register now! ，填寫好資料後，會轉到desgin介面 (如下圖)。選好範本 (現有12個)、文字顏色後按 next step。

之後會進入content介面(如下圖)，範本的選擇會影響填寫的內容。

最後在Publish墳寫blog的網址後，會發出認證信。點下連結後可得到程式碼(如下圖):

成功申請後，發現onbile是不可以手動進入及離開手機版的!

以同樣的工具測試，Firefox for mobile同樣不可以自動轉換到手機版，而且也沒有進入手機版的方法。而Opera Mini Simulator 則可以順利進入。

Blogger Hack Series: Blogger 範本修改心得(一)

2010-07-16T18:07:00.022+08:00

雖然現在的範本的外覲上和舊的沒大分別，但實際上是由新的「範本設計工具」修改而成的。這個工具很方便，以前要直接修改html才能實現的東西(例:將範本改成三欄式、面版的寬度等)，現在都可以利用「範本設計工具」直接修改。對於初學者和沒有網頁編寫知識的人一大福音。(「範本設計工具」詳情可參考「驚為天人的Blogger templates官方模版終於測試推出」和「新版Blogger範本設計工具正式啟用」)

一、更換背景圖
在套用了新範本之後，首要的工作就是將背景圖更換。由於新範本有不少改變，也增加了不少東西。所以，花了不少時間才成功換上背景圖。最近發現了一篇詳細+清晰的教學文章，想更換背景圖的人可以參考「如何置換新版部落格範本的背景圖案」。

二、將文章、側欄、footer的背景變成透明
要將以上的背景變成透明，大可利用透明png/gif去達成。但這樣做的話，在要修改背景顏色、欄的寬度時會很麻煩。所以，我選擇了body本身透明化。

首先在html中找出body這個定義，以我套用的範本為例:



body {

font: $(body.font);

color: $(body.text.color);

background: $(body.background);

}

在這個定義上加上:



body {

font: $(body.font);

color: $(body.text.color);

background: $(body.background);

filter:alpha(opacity=80)

opacity: 0.80;

}

這兩段程式碼是常用的透明化程式碼，其中「opacity: 0.80;」是主流瀏覽器用，而「filter:alpha(opacity=80)」則是IE專用。而後面的數字則是透明度(80 & 0.80=80%訪明度)。

加了程式碼之後，範本的一切都會透明化(就如本Blog一般)，當然包括所有文字和圖片......
所以，文字顏色、背景等的設定要花很多心思才能達到好的效果。否則，會做成閱讀困難的問題。

參考文章:「驚為天人的Blogger templates官方模版終於測試推出」
「新版Blogger範本設計工具正式啟用」
「如何置換新版部落格範本的背景圖案」

第二回:「Blogger Hack Series: Blogger 範本修改心得(二)

Blog真正復活?!(偽)

2010-07-14T20:42:00.003+08:00

由於當初開blog的時候並沒有任何明碓的目的，所以這blog很快就荒廢了........
最近看見blogger多了不少功能，一時興起就想來個大改造。結果，雖然現在的範本是由新的範本修改而成的，但外覲上並沒有大分別。而且一些功能直接刪除了。

當然，這是由於沒有學過寫網頁、CSS等。還加上網上也缺乏關於新範本的資源。在看不懂新範本的情況下，能做的事實在很有限。而最重要的是版面太複雜、功能太多，只會拖慢速度和使blog難於閱讀。所以最後都是決定維持簡漯的版面。

在修改範本的過程中，體會最深的是，一個不懂html、css、javascript 的人修改blogger範本是自討苦吃.........另外，就是IE的可恨之處。在修改範本時，還要顧及能否在IE上正確地顯示(IE6直接無視)，實在非常麻熉。如果要有最佳效果請用IE和使用IE核心之外的主流瀏覽器(safari沒測試，但應該沒問題吧)。

今次的修改只是一時興起，所有這blog大概會繼續荒廢下去(反正沒人看....)。

改版完成, blog重新啟動?

2007-12-15T14:42:00.009+08:00

之前由於對blogger的面版不滿意, 又找不到合適的面版

所以完全沒有動力寫Blog

近日一時興起, 自行修改面版
花了不少時間, 終於完成
本來是希望使用半透明背景的, 但結果是連文字, 圖片都一併變成半透明.......
不懂電腦語言, 也沒有在網上找到解決方法
結果唯有在字體顏色上花工夫.......

大家瀏覽時可能會見到以下結果:

這是因為你的瀏覽器不支援, 請使用ie7 或者 firefox

改版終於完成, 但我會不會堅持一直更新呢?
大家請不要有任何期待.....

非常忙碌....

2007-03-09T22:38:00.008+08:00

連續三個presentations+quiz
這個星期真的非常忙
present的表現，不過不失吧.......
下星期四，還有test.....
再之後就是mid-term&present.....
未來的日子真的非常充實

之前break太長，希望快些放完
現在就希望可以放長假，休息一下
人就是這樣的生物......

A BorinG BloG

ＢＬＯＧ再次重新啟動?（大誤）

TVアニメ「STEINS;GATE」PV 公開

Mozilla Firefox 4 beta4 發佈 & 簡單試用心得

DS: Radiant Historia 官網再次更新

Blogger Hack Series: Blogger 範本修改心得(四)

DS: Radiant Historia fam通 先行釋出PV

DS: Radiant Historia 官網再次更新

PSP: Tactics Ogre 運命の輪 官網更新 & 發售日確定

PSP: Tactics Ogre 運命の輪 巴哈釋出的情報

Mozilla Firefox 4 beta3 發佈 & 簡單試用心得

DS: Radiant Historia 官網更新

DS: Radiant Historia 官網開放

PSP: Tactics Ogre 運命の輪 官網更新

Blogger Hack Series: 範本設計工具@Blogger in Draft 可以上載自己的背景圖片了

Firefox Add-on Series: Smart Bookmarks bar 的代替品

Mozilla Firefox 4 beta2 發佈 & 簡單試用心得

Blogger Hack Series: Blogger 範本修改心得(三)

PSP: Tactics Ogre 運命の輪 官網開放

PSP: Tactics Ogre 運命の輪

Blogger Hack Series: Blogger 範本修改心得(二)

Blogger Hack Series: 自動把blog轉成手機版的免費服務

Blogger Hack Series: Blogger 範本修改心得(一)

Blog真正復活?!(偽)

改版完成, blog重新啟動?

非常忙碌....

DS: Radiant Historia fam通先行釋出PV

PSP: Tactics Ogre 運命の輪官網更新 & 發售日確定

PSP: Tactics Ogre 運命の輪巴哈釋出的情報

PSP: Tactics Ogre 運命の輪官網更新

PSP: Tactics Ogre 運命の輪官網開放