最後階段
升級的最後階段，固名思義就是把所有仍未升級的舊BLOG內容升級至全新平台，以完成整個香港Yahoo! BLOG升級過程。

• 我們會把所有2011年11月30日前仍未升級至全新Yahoo! BLOG平台的舊BLOG內容及檔案，在11月30日起，陸續升級至全新平台，直至全部移動完畢為止。
• 而所有2011年11月30日前仍未升級至全新Yahoo! BLOG平台的舊BLOG內容及檔案，只包括Yahoo!帳戶資料中顯示為13歲以上的現有Yahoo! BLOG內容(1)。

對於已升級的Yahoo!BLOG用戶
最後階段對已升級的Yahoo! BLOG用戶並無影響，大家可以繼續安心使用我們的BLOG服務。

對於仍未升級的現有香港Yahoo! BLOG用戶
在選擇「升級」或「備份」前，請先細閱有關資訊1 及2。

*請注意，進行「升級」前並不需要「備份」檔案

• 仍未升級但希望升級至全新平台的現有香港Yahoo! BLOG用戶，請確認註冊帳戶資料是否為13歲以上(1)。你們可以在11月30日前選擇自行升級，或待11月30日及以後讓我們把你的BLOG直接升級。
• 仍未升級至希望備份現有香港Yahoo! BLOG內容及檔案的用戶，請儘快於11月30日前提出備份檔案的申請。請注意，我們於11月30日起不再提供製作備份檔案打包下載的服務。

(1)未滿13歲 / 未能升級的現有香港Yahoo! BLOG用戶
請到這裏檢視相關資訊
若你決定升級，請於2011年12月7日前跟我們的客戶服務員聯絡，以確認身份及順利升級至全新平台。*注意，聯絡我們提出申請直至完成確認手續需時，若有關用戶在上列日期後才提出確認身份的申請，即使能核實身份，亦不能夠升級至新平台。

有用連結︰

• 香港Yahoo! BLOG (舊平台)︰
  http://hk.blog.yahoo.com
• 回到舊平台自己BLOG︰
  http://hk.myblog.yahoo.com
• 聯絡我們的客戶服務員︰
  https://help.cc.hk.yahoo.com/feedback.html?id=3906
  無論是在升級前/升級中/升級後，或備份前/備份中/備份後，若遇到有任何疑問，請隨時跟我們的客戶服務員聯絡。

同為設計師……這真是中肯啊。

來源 : 微博配图—VICTORRRRR的照片

Delicious脫離了Yahoo後終於有新的界面(9月27日)，但是目前而言新的界面並不友善，很多原本有的功能也未公開。令人髮指的是首日連原本用戶記下的Tags也沒法全部列出來(9月30日更新加回來了)。

另一個令我最不滿的是界面的列表方式，在過去的界面中你有3個方式來表示你的書籤，我個人是不會用詳細形式來排列，這方式實在太長了。可是新的界面中同樣地也沒有了這個功能，而那個我不怎麼喜歡的「頭像」又佔了很多的位置，更扯的是「多少人Save」了又佔了一行。

而新的界面還是有好處 - My stacks : 這個東西其實和Google的My lists差不多。在My stacks建立的書籤，它同時會建立一張縮圖。如果你收集一些圖片/界面為主的網站，這會是相當便利的功能。

可是從youtube的評價，看出大家也是不怎麼喜歡這個新界面……當然我也是一份子。

Youtube到現在還是沒有在其Player加上單曲重複播放功能，你要使用official的功能來單曲重複播放，你須利用Playlist內置的重複播放功能，創立一個只有一首曲子的Playlist。工序是相當的麻煩。

youtuberepeat.com是一個由fans制作的Youtube單曲重複播放工具

Type "repeat" into a YouTube URL before the ".com" to watch it on repeat:
Which means: http://www.youtube.com/watch?v=zDY4ioAnlrs
Would turn into: http://www.youtuberepeat.com/watch?v=zDY4ioAnlrs

意思是說你只要把你在播放中的youtube.com網扯改成youtuberepeat.com
原網址 : http://www.youtube.com/watch?v=zDY4ioAnlrs
改成 : http://www.youtuberepeat.com/watch?v=zDY4ioAnlrs

• youtuberepeat.com : 由fans制作的Youtube單曲重複播放工具。
• youtuberepeater.com : 由另一群fans制作的Youtube單曲重複播放工具，和youtuberepeat.com使用方法是一模一樣，不過功能上比較多。

如果你是想在你的網頁上增設一個單曲重複播放的Youtube Player，可參考一下這個網頁上說明的emb方式 : http://tw.myblog.yahoo.com/my_q_babys/article?mid=368&prev=369&next=346

作為用戶，最關心的並不是誰收購誰。重點在於7月前用家要決定是否要認同AVOS的條款。

What happens if you do not transfer your bookmarks

• Delicious in its current form will be available until approximately July 2011.
• After that, you will no longer be able to use your existing Delicious account and will not have access to your existing bookmarks or account information.

簡單的就是說要在7月前認同AVOS的條款 : Allow your data to be moved with Delicious
又或者把你的Bookmark Export出來，不然你的Bookmark就會全滅。

相關文章 : Delicious Bookmark|網上我的最愛

CSS中的Zoom設定主要作用是在於解決IE 6 和 IE 7的，最為常見的是用於模仿inline-block的屬性。

而Zoom這個屬性對付Float及Position定位也有很大作用。

沒有附加Zoom的Float left排版

<div style="width:250px ; ">
<div style="background:#999 ">
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="clear:both"></div>
</div>
Testing
</div>

附加Zoom的Float left排版

<div style="width:250px ; ">
<div style="background:#999 ; zoom:1">
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="float:left ; background:#FFF ; width:50px ; height:20px ; margin:10px">Test</div>
<div style="clear:both"></div>
</div>
Testing
</div>

如果你用的是Fire Fox / Chrome，這兩款出現的畫面都是一樣的，可是在IE的環境下，沒有附加ZOOM:1的卻會出現崩壞的畫面。這是所謂「hasLayout」的屬性，如果一個物件有設置長闊的時候，那件物件就會擁有「hasLayout」的屬性。

然而我們偶爾會開一個div只是為了裝拑background，同時為了遷就內容的伸延性，該div也不會有長闊的設定。最為方便的解決方法就是在該div上增加zoom:1。

當一個物件沒有「hasLayout」的屬性，除了以上情況還更多很常見的問題。

如position定位會失效，而更奇妙的情況會在PNG上發生，沒有「hasLayout」的屬性就如Flash button沒有設定點擊區域，PNG上透明的部份是沒有連結的。

我都是那一句，該死的舊款IE快些淘汰就好了。

詳細教學看Youtube片吧，一條動畫教學贏過千言萬語。

Facebook預設的專頁(Facebook Page)只擁有 "Wall" "Info" "Links"，不過你偶爾看到不少專頁會有更多不一樣的東西。曾經有一個客戶問道，要在Facebook中放圖和連結。這不是小孩也會的東西嗎？只是區區的IMG 和 A Tags而已。可是原來這是一個惡夢。預計的工具中，你可以新增"Note"，"Note"可以讓你加入html coding，可是行用"Note"建立出來的就像是相簿一樣，一張張縮圖按入去才可以看到詳細資料。這不是我的客戶想要的Promotion Page。

我就去嘗試以html為keyword來找apps，其中Profile HTML和HTML Profile box…好像不是這回事。我再以Welcome來找。

Welcome Tag for Page : 和客戶要求的很相似，可是它的相片沒有連結功能(可能付費會有，沒再研究下去)

PM Welcome Tab : 擁有好幾款Template的給人使用，這個功能其實很好，自然收費也成正比了。雖然這個是做到客戶想要的，不過這似乎太迂迴，用很多功能來作IMG 和A 而已的簡單東西……而且那個廣告也很難說服客戶使用。

Facebook App: Static FBML : 後來跟隨客戶給我們的SAMPLE，用它的APP Number才找到，大部份人們也是用這個來自定HTML頁面。以下是個人心得:

雖然加入了這個App，也可以利用"+"來加入"FBML"，可是……一片白茫茫的要怎麼編輯呢？我又去回主頁，找來找去也找到好像之前2款的編輯界面。只好去問Google，人們找到edit page之類的東西，更capture了編輯界面，可是究竟怎麼入？還是看不懂……

我作夢也想不到區區IMG 和A 要花那麼多時間弄出來…

百度空間中的FCKeditor，原本可以利用它沒有對應Chrome的bug來撰寫自己的編碼。可是隨著它的昇級這個Bug也被修正了。要我用這個Editor寫 / 轉貼一些我其他blog的東西…這要人命啊！為了解決這擾人的問題我看看Fire Fox有沒有什麼有心人解決。

Write Area是一款可以在FCKeditor中使用原始碼的Firefox Plugin。FCKeditor對沒html知識的人是一種頗便利的工具，可是對於一個會html的人它無礙是一種阻礙。而且對於一個內碼有研究的人，他更加不可接受由FCKeditor造出來的編碼。

安裝了Write Area，在Editor中右鍵會出現多一個選項 Edit in a Write Area

Write Area的editor功能…算了，我只想要它貼上原始碼的功能。圖中顯示了那功能的按鈕位置，老實說…這圖示也太難懂了吧！ (怒)

貼上了你的原始碼再接儲存，工作就順利完成了。FCKeditor…你好歹也加入一個Edit Source Code，我們就不用那麼麻煩了。 (怒)

Ref: http://explore.live.com/windows-live-spaces-help-center

簡略Copy幾個重點，詳細的請按上方的引用連結。

Windows Live Spaces 將成為 WordPress.com 的合作夥伴 …
您可全權決定要如何處理在分享空間的部落格內容。您可以：

• 將部落格移至 WordPress.com
• 下載部落格複本，稍後再做決定
• 刪除部落格

以下是分享空間移至 WordPress.com 的幾個重要日期：

• 2010 年 9 月 30 日

  您仍然可以在分享空間部落格中撰寫內容。
  您可以移動、下載或刪除部落格。

• 2011 年 1 月 4 日

  您無法在分享空間部落格中撰寫內容，但仍可進行檢視。
  您可以移動、下載或刪除部落格。

• 2011 年 3 月 16 日

  什麼都不做，整個部落格會自動刪除，無法再使用。

不過這次的感覺似乎比上次的MSN Group轉移好了一點點，上次那個Multiply只用於SEO我幾乎沒有用過。而今次轉至的Wordpress，Wordpress本身的名氣也很大，似乎比較令人安心。而且這個地方的功能也比之前的爛分享空間好不少。如果我不曾擁有自己的Blog，這個也是一個相當不錯的選擇。

不過就這次事件來看，大公司的服務也相繼地中斷了…

Yahoo 360
Geocities .com & .com.hk 網頁空間
MSN Group
奇摩群組
Infoseek 免費空間
Live.com 分享空間

或者不久將來HK Yahoo blog也會有同樣情況…更新頻道極少，功能上也和現存的各大Blog差距甚大。除了人流和明星Blog的加持外，它實在是沒什麼價值可言。

Inline-block屬性和它的名字一樣，同時擁有inline和block相似的屬性

Inline-block最大的好處在於你不必設定它的Width，它會根據你的內容而伸延你的物件，但它卻有Block的功能，克服了你不能在inline的物件中設定border,background之類的問題。在無table html文件中，Inline-block是一種非常有效的排位設定，而且彈性上也比float更好，更克服了float的高度不統一問題。在float排位中，你的div也必須設定一個高度來令他們排在同一行，當其中一個div的高度多少了1px也好，下列的排位就會崩潰，而Inline-block卻沒有這問題，你亦不必為它設置一個固定的高度來回避產品描述這些不可估計的長/高度。

可是Inline-block也有其難點。首先IE6是不對應Inline-block，這令早期人們都比較喜歡用float來排位。第二IE和Fire Fox的Inline-block運算是有點不一樣，在Fire Fox的世界中，2組Inline-block屬性的物品中間有空白，它就和英文字串中打了空格一樣，問題是在IE的世界中2組Inline-block屬性的物品中間即是有空白，IE亦會無視它的存在。也是說在Fire Fox中的Inline-block屬性的物品之間會無故多了一個空白位。

解決IE6的Inline-block設置問題

引用: wowboxBlog

詳細資料可看上列外部連結。在這裡我只簡單地說出要如何設置style。

.inline-block { display: -moz-inline-stack ; display:inline-block ; *display:inline ; zoom:1 ; vertical-align:top }

-moz-inline-stack是為Firefox 2，*display:inline 則是IE6 & 7，而再追加的zoom:1 則是為inline加入「質量」來模仿inline-block

Inline-block屬性空白Space處理

最簡單的方法是:

<div class="inline-block">TEXT 1</div><div class="inline-block">TEXT 2</div><div class="inline-block">TEXT 3</div>

可是這個寫法日後修改會非常頭痛，除非你的物件只有一兩件，不然這個寫法並不建議。改善的方案如下

<div class="inline-block">TEXT 1
</div><div class="inline-block">TEXT 2</div>
</div><div class="inline-block">TEXT 3</div>

雖然問題是解決了，可是內碼並不整齊，如果要大量copy and paste還是有點麻煩。之後再有人提出以下改善的方案

<!--
--><div class="inline-block">TEXT 1</div><!--
--><div class="inline-block">TEXT 2</div><!--
--><div class="inline-block">TEXT 3</div><!--
-->

雖然看起來相當笨，但這方法卻是十分有效地把中間的空白刪除。