網頁

2007年12月21日 星期五

我的第一隻 Nokia 手機 (Nokia 2626)

前兩天公司配給的手機門號綁約到期,所以公司負責的小姐就繼約並且換了一隻 Nokia 2626 回來給我用(中華電信中高資費,續約換機不用錢);用過那麼多手機,這是我頭一次使用 Nokia 的手機,因為一直以來我都是 Sony Ericsson , Samsung Anycall 的愛用者。

第一次使用 Nokia 2626 要拆開殼子換電池時,還真是花了不少功夫才把「背殼」拆下來,實在真的是有夠緊,最後在總算是在手指的「壓力+推力」下,把它給拆了一來,難道 Nokia 的第一次都這麼緊嗎?

除了 2626 手機之外,還有一組電件包(副廠全配)、白色機殼;即然有白色的外殼,筆者便將「紫羅蘭紅」的外殼換成「白色」色殼,所以就變成了「白色外殼、紫羅蘭紅的按鍵」~呵呵!還不錯看啦~

這兩天使用下來,覺得幾個很不習慣的地方
  1. 內建中文字型不足,目前筆者就遇到「瀅、鏞」無法顯示
  2. 文字輸入不夠順手快速,因為筆者個人認為 Sony Ericsson , Samsung Anycall 輸入法比較快速。
  3. 在待機或保護模式下的「現在時間」實在是「太暗」無法識別;我是用手機當手錶的人,所以感到格外不便。
  4. 在室外時,即使聲音調到最大,還是有點小聲。

2007年12月20日 星期四

電影:我是傳奇

前幾天在美麗華『與「李連杰、金城武」的邂逅』之後,選擇了去看「我是傳奇」;就故事性來看並不是很豐富,但整部電影充份表現了一種「孤獨」的心境;以下為某位網友看過「我是傳奇」後的感想:

http://bbs.atmovies.com.tw/bbs/bbs.cfm?action=view&c=102&s=36710
我真的很希望推薦大家去看這部片,要評論一部片而不談到他的劇情似乎是紙上談兵;首先,如果把它當作是一部驚悚片,那還不如看活人生吃之類的;這部片的張力在於羅伯如何努力地生存在世界上,如何與病毒搏鬥的故事,我認為如果電影只看大動作大場面的話 那就失去了看電影的真正意義。

1. 孤獨是為了生存
首先,你要看到主角一個人在無人的世界生存著,只有一隻狗狗陪著他,我相信主角的精神力量是很強的,只有孤獨的人懂得他,我記得有部片是湯姆漢克演的浩劫餘生-cast away,一個人在荒島上生存,就如同主角在紐約市單獨生存一樣,如果有看過浩劫餘生的人應該知道排球對湯姆漢克的重要性;相同地,狗狗在主角的心中是他唯一的支柱,一般的人早就撐不下去了,他不但一個人過活,還努力尋求解藥,實在很堅強,我能體會他內心的空虛,直到有一天,他失去了狗狗,世界變得完全的空白。

2. 誰知道生命潮流會帶來什麼
而後又遇到了那對姊弟,你要看出他內心隱藏的不安與喜悅,常常用發脾氣的方式來表達他的恐懼與不安。

3. 死亡是為了活著
有人認為結局很爛,但是我覺得很好,你看出了他最後的主旨了嗎?生物學家認為人活著是為了延續自己種族的命脈,即使主角被逼到了實驗室,他還是希望那些僵屍能夠停止攻擊恢復理性,你記得他最後喊的幾句話嗎?雖然那些是他的敵人,同時也是他的同胞,他真的希望能拯救他們,對人類的愛是如此地深遠;直到最後,他發現事情已不可以挽救,他把解藥交給那對姊弟,做了自爆的決定,為什麼?因為如果他跟姐第一起逃走,只有一起被殺的命運,於是他選擇了死,讓姊弟活了下來。

最後,我跟大家分享一個故事,我朋友的親人死於 SARS 傳染的巔峰期,死因是感冒,但是因為醫生不敢去救,他就這樣活活地病死在我朋友面前,我不禁想到那些 SARS 犧牲的醫護人員,其實為了我們而死,我們應該感恩他們,沒有他們的犧牲,就沒有現在健康的我們,他們也是傳奇!

2007年12月19日 星期三

與「李連杰、金城武」的邂逅

筆者昨晚到大直美麗華影城去看電影,在美麗華真是不經意的巧遇了幾位知名藝人~

昨晚到達美麗華才發現有「投名狀」的電影首映會,在現場有安排幾名大鼓手的演出,表演之後,主持人「陶晶瀅」出場,接著就是幾位電影重要人物陸續的步入紅毯「星光大道」,其中最受矚目的就是三位男主角中的兩位「李連杰、金城武」而「劉德華」可能因故而沒有出現。

在「金城武」出現時,還真是少不了有一些女性朋友瘋狂尖叫,真是讓人受不了~但金城武帶給筆者的感覺則是「作做、距離感」,一點都不真實的一個人,或許是受到經紀公司的要求而必需持有的型象吧;

而反觀「李連杰」入場時,同樣也是受到的群眾的歡呼,而筆者則是認為李連杰的受歡迎的層度更勝金城武,他一出現就給人一種很親切、很自然的感覺,接著也向觀眾問候並且與步道旁的民眾握手;

而筆者到美麗華影城的目的是要看電影,後來就選擇了「威爾史密斯」主演的「我是傳奇(I Am Legend)」;而在電影散場時,筆者在洗手間遇上了「董志成」,他穿了一件帶有螢光綠的運動上衣、黑色長褲;後來要離開美麗華時,又在電扶梯遇到他,感覺他應該是自己一個人來看電影的,而且似乎有什麼事或什麼約會而正準備前往。

2007年12月18日 星期二

Blogger 固定版面配置的寬度 760px

相信使用 Blogger 的部落客們應該都有這樣的經驗,就是在「修改版面配置」時,有時候會修改過 html/css 而導致「版面配置」的物件顯示超出範圍、或是對齊上有些異常;雖然只要 html/css 本身調整是正確的,就不會影響實在網頁呈現的效果,但在「版面配置」的畫面就是美中不足。

其實這個問題,我發現是 Blogger 本身的定義所造成的,因為 blogger 將「版面配置」的寬度訂在 760px,所以我們看到它所提供的範本都是寬度都是設為 760px,而一定寬度超出,就會造成「版面配置」顯示會有怪怪的樣子產生。以筆者而言,不喜歡寬度只有 760px 的版面,而不想因為放大寬度而導致在「版面配置」設定畫面中顯示的不完美。所以筆者是採用「比例」的方式來調整 html/css 中的設定。



另外,其於我是採用比例方式來顯示 blog 中的區塊,所以會需要使用「最小寬度」的設定,以便讓 blog 有過好的呈現效果,而不會因為視窗太小而影響內容的顯示;但問題來囉,因為最小寬度 min-width 的設定在 ie 中是無效的,筆者也試過許多變通的方式及網路上找到的方法,但結果通常都是無法讓 ie 有「最小寬度」的效果,不然就是讓另外寫一個很直的 js 來處理,實在是很麻煩而且不夠簡捷。

最後,筆者想到在 xuite css 中,有一行指令可以讓 xuite blog 在 ie 中也有最小寬度的限制效果,所以我就將那行敘述用到了 blogger html/css 之中,結果真的可以達到我要的效果,而且只要在 html/css 中加入一行敘述就可以了,真的是很簡捷有效。

以下為我在 blogger html/css 中「最小寬度」的設定方式:
body {
...
min-width: 760px;
behavior: expression(this.style.width=(document.documentElement.offsetWidth<760)?"760px":"100%");
}
其中 min-width 在 ie6 中無效,而 behavior 為 ie 專屬,對 fx 無效。

請參閱:讓 ie 也有「最小寬度」的效果

讓 ie 也有「最小寬度」的效果

min-width 是個非常方便的 css 命令,它可以指定元素最小也不能小於某個寬度,這樣就能保證排版一直正確。但瀏覽器市佔率最高的 ie 卻不認得這個標準指令,而它實際上把 width 當做最小寬度來使。而在網路上看到其他網友,為了讓這一命令在 ie 上也能用,大多都是用一個 <div> 放到 <body> 的方式來處理,如下:
<body>
<div class="container“>
...
</body>

然後在 CSS 部份加入:
#container {
min-width: 600px;
width:expression(document.body.clientWidth < 600? "600px": "auto" );
}
可參考「最大寬度與最小寬度網頁設定

而筆者想到在 xuite css 中,有一行指令可以讓 xuite blog 在 ie 中也有最小寬度的限制效果,所以我就將那行敘述用到了 blogger html/css 之中,結果真的可以達到我要的效果,而且只要在 html/css 中加入一行敘述就可以了,真的是很簡捷有效。

以下為我在 blogger html/css 中「最小寬度」的設定方式:
body {
...
min-width: 760px;
behavior: expression(this.style.width=(document.documentElement.offsetWidth<760)?"760px":"100%");
}
其中 min-width 在 ie6 中無效,而 behavior 為 ie 專屬,對 fx 無效。

2007年12月14日 星期五

重返 Google Reader 的懷抱 !

RSS(Really Simple Syndication) 是一種可供網路使用者「訂閱訊息」的資訊格式, 網站若有提供 RSS 的服務,使用者即可自行訂閱有興趣的內容,而透過 RSS 閱讀器, 便可即時看到網站最新的內容訊息,節省定期查閱特定網站的時間。

由於筆者本身是以 Firefox 為主要瀏覽器的人,所以在 RSS 閱讀工具的選擇上,一直以來都是用 Firefox+Sage 作為 RSS Reader,直到前些日子重新使用 Google Reader 時,才發現 Google Reader 變的十分方便好用;因此,筆者決定讓 Sage 暫時退役,改由 Google Reader 來管理及閱讀 RSS 的訂閱。

優點:
  • Google Reader 和 Sage 一樣,可以對 OPML 進行「匯入/匯出L」的動作。因此兩者可以互相轉換。
  • Google Reader 的 History 是紀錄在 Google 上,而不是在 client reader 的 local history。因此,無論在哪一部電腦上都可以看到一致的資料;不會像 Sage 這類 client reader 會有 RSS 訂閱及瀏覽記錄的同步問題。
  • Google Reader 與 Blogger 一樣,都是使用 Tag 的方式做為「目錄管理」,方便而且快速。

2007年12月13日 星期四

羅技 V470 藍牙雷射滑鼠 - 入手滿意!

在兩三個月前,我使用了一年半的 V270 左鍵已經開始會鬧牌氣了,要不是按了沒反應,就是一次跳點兩三下,而最近不聽使喚的情況越來越頻繁,在昨天我終於是忍不下去,決定要為 IBM ThinkPad T43 (2668-O2V) 添購新滑鼠。(回想筆者過用的羅技滑鼠都是因為左鍵開始有問題而換掉,時間約一年半到兩年。)

於在筆者便看看羅技目前有什麼「好用」的滑鼠(筆者偏好羅技滑鼠),最後在眾多無線滑鼠中,筆者評估了自身的需求及使用習慣,看上了 VX Nano, V470 這兩款滑鼠,最後筆者是決定「羅技 V470 筆電專用藍牙無線雷射滑鼠」。
V470VX Nano
筆者眼中的 VX Nano 最吸引人的不外乎就是他那超迷你的接收器,但最後沒有選它的原因之一,卻也是因為接收器,因為要佔掉一個 USB;其二是因為它的「中鍵滾輪」的用途是切換「有段、無段式滾動」的設計,但如此一來,筆者我慣用的中間鍵就沒法使用,而只能利用 setpoint 將「搜尋鍵」改成「滑鼠中鍵」,但它的位置又不好按!

而 V470 除了按下「中鍵滾輪」的感覺比較硬了些,整體都讓筆者覺得很滿意,而且因為「藍牙」不會佔用 USB,所以就決定是它囉!

在購買前,在網路上大概知道它的價格,也到過公司附近的內湖燦坤看過價格。
官方定價 $1680
燦坤售價 $1650
Yahoo! 購物 $1580
PCHome 購物 $1380~$1610

而最後筆者是跑到「光華商場」去看,結果在一間「滑鼠專賣店」(其實也不是真的專賣店,只是種類真的很多,各廠牌型號都有,稱之專賣應該不為過);當筆者問到 V470 賣多少時,聽到的回答是 $1250,筆者當時心裡懷疑了一下,再問了一次,真的是 $1250,所以二話不說就立刻買單,因為在筆者的認知中 V470 並沒有這麼低的價格(真不知道是筆者太衝動,還是店員搞錯價格)

今天和新伙伴 V470 一起工作、上網時,在網路上看到一位前輩發表的入手心得「[敗家] 羅技 V470 藍牙滑鼠」;他和筆者一樣也是使用 V270 大約一半年的時間後,因為左鍵掛掉而增購 V470 的,整個對 V270,V470, VX Nano 的感覺都和筆者差不多。

2007年12月11日 星期二

文章內的區塊運用

在 Blogger 的文章內容中,我們要將某一段文字特別標示出來,通常最常用的就是「改變字體、顏色、底色」;或是像先前文章「與眾不同的程式碼區塊與眾不同的程式碼區塊(補充)」中定義新的「標籤(tag)」;除此之外,我們還可以在編修文章時,利用 <table> </table> 來做到相同的效果。
<table style="border: 2px solid rgb(192, 192, 192); margin: 3px; border-collapse: collapse; color: rgb(0, 0, 0); background-color: rgb(255, 225, 192);" border="1" cellpadding="5" cellspacing="0"><tbody><tr><td>
表格文字
</td></tr></tbody></table>
其中 <tbody> 是個特別的表格標籤,它可以讓我們在文章的「撰寫模式」時,很容易的增刪表格欄位。


使用 <code> </code> 的優缺點:

缺點:變更新的「模版」時,必需記得將 code{} 置入。
優點:可以統一定義區塊的格式,而且能夠快速變更區塊樣式。

使用 <table> </table> 的優缺點:
缺點:每次要使用 table 時,就要重新定義一次(或是利用 blogger 所指供的「範本」功能),無法整批修改不同文章中的區塊格式。
優點:直接寫入本文,不因外部定義而導致格式產生變化。

其實上述兩種方法的優點同時也是缺點,所以就要依個人使用上的習慣來決定哪一種才適合自己囉!

與眾不同的程式碼區塊(補充)

在之前一篇「與眾不同的程式碼區塊」提到經常在一些 Blogger 看到教學內容「程式碼」的特別區塊是如何做到的;它的原理就是定義一個全域的「標籤(tag)」來使用,所以我們可以發現 <code> </code> 並不只是在文章裡可以用,就連「側邊欄(Side)」也可以使用喔。

如果我們確認只要在文章內使用時,只要將 code{} 改成 .post code{} 就可以了。
.post code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
overflow:auto;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
max-height:200px;
line-height: 1.2em;
margin: 5px 0 0 15px;
}

2007年12月8日 星期六

Blogger 的介面回復為中文囉!

在前一篇的「Blogger 突然變成英文介面 !」提到 Blogger 無故的全面變成了英文介面,經過了三天,現在中文(多語系)介面又自動回復了。

2007年12月6日 星期四

Blogger 突然變成英文介面 !

真是奇怪了!剛才看著自己的 Blogger 時,突然發現 NavBar 從中文變成英文,接著不知為什麼所有的操作介面都突然間都變成英文介面了~而筆者當時對沒有針 Blog 進行任何動作,沒有發文、也沒有動到任何的設定,但為什麼會突然這樣咧~真是奇怪了!

筆者也用不同的電腦連接到 www.blogger.com 也都變成英文介面了,不過旁邊所顯示的 Language ListBox 仍然是選取「Chinese(Traditional)」,所以猜想會不會是 Blogger 本身自動轉換出了什麼狀況!現在只好再觀察看看了~

改掉 Blogger Archive 在 IE 顯示的超大三角形

在 Blogger 內建的 archive 在 ie 下會顯示成超大的三角形,非常不美觀,而筆者原先花了一點時間都找不到調整方法而作罷;但這幾天,無意間卻讓我看到兩篇文章可以解決這個問題,真是了結了 我一樁心事,雖說筆者自己是使用 Firefox,但有時在 ie 看到那極不協調的大三角,就覺得十份礙眼。

現在只要在加入 CSS 的 style sheet 部份加入以下代碼可解決輕鬆此問題,還 Archive 一個清爽的空間。
#ArchiveList .toggle-open {
_font-size: 80% !important;
}
font-size 前面的 "_" 不是打錯,別亂刪唷!
否則在正常瀏覽器下三角形會變超小。80% 的比例大家可以自己調整,而筆者測用之後,仍偏愛用原創者的 80% 比例。

參考資料:
改掉 IE 中 Archive 的超大三角形
New Blogger 升級之無用攻略

2007年12月4日 星期二

快速移除或自動隱藏 blogger 頁首的導覽列(navbar)!

使用 Blogger 的網友應該都知道什麼是 blogger navbar,雖然可用來搜尋其他 blog,不過老實說沒有什麼用處,所以有不少 blogger 的網友都會將它加以處理。其實只要花幾秒鐘,加兩三行程式碼上去,就可以把那導覽列隱藏起來了。

1.完全隱藏
在 </head> 前,加入以下程式碼:
<style type='text/css'>
.Navbar {visibility:hidden;display:none;}
</style>

2.自動隱藏
另一個方法就是讓 navbar 具有自動隱藏的效果,可以用濾鏡的方式,不過目前自動隱藏的效果只適用在 Firefox,在 ie 下的效果是隱形並非移除,但滑鼠向右上角上移時,仍可以點到登入 blogger 的連結。
在 </head> 前,加入以下程式碼:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

3.完全隱藏
這是我變通的另一個方法,完全不用修改到 navbar 的設定,在要在 body 中修改 margin 的值,讓 navbar 顯示在畫面之外就可以了。
body {
margin: -40px 0 0 0; /* 將 navbar 排除在畫面顯示外 (30+10) */
background: $bgcolor;
color: $textcolor;
font: x-small Georgia Serif;
...
}

補充:
後續又看到一些前輩提供了不同的方法,可以用更少的 Code 達到一樣的效果,筆者測試也都有效。
1.
#navbar-iframe {display: none;}
2.
#navbar {display: none;}

Blogger 變化真多,對筆者這個不會寫程式的人而言,想要有新功能還真是麻煩了點。

與眾不同的程式碼區塊

經常在一些 Blogger 看到教學內容「程式碼」的區段,都是包在一個特別區塊中,可以清楚的分辦本文及程式碼;但這要怎麼做呢?其實真的很簡單,只要在 <head> </head> 之間的 CSS 區塊,如 <b:skin><![CDATA[ 的後面,加入下列程式碼即可。

其中紅字部分,可以修改為自己所想用使用的圖檔網址哦!
code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
overflow:auto;
background: #fff5ee url(圖片網址) left top repeat-y;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
max-height:200px;
line-height: 1.2em;
margin: 5px 0 0 15px;
}

以上步驟完成後,只要在文章中,想把有「程式碼」的那一段區域,在「編輯html」用 <code> </code> 將程式碼包起來就可以囉。

效果就會像下圖所呈現的程式碼一樣。


本文參閱自:
在教學文章中,與眾不同的程式碼

2007年12月1日 星期六

Firefox 又發佈新版本囉 2.0.0.11

怎麼才換上 2.0.0.10 沒多久,又有新的 2.0.0.11 出來了,最近 Firefox 2 修正的速度還真是快啊!(期待 Firefox 3 的正式發佈)

官方下載: Firefox 2.0.0.11 (繁體)

有趣的「Blog 讀者教育程度分析儀」

剛剛在「重灌狂人:Blog 讀者教育程度分析儀!」那裡看到一個蠻有趣的網站,只要你輸入 BLOG 的網址,它就會自動幫分析出該網站應該是屬於哪種教育程度的人閱讀。分析完之後,還會送你一張小貼紙,讓你貼在 BLOG 上。經過分析之後,本站 ezPOST @Blogger 讀者所需的教育程度是「天才」,所以說大家會來到這裡一定很不簡單~哈哈~(對於 ezPOST 似乎不是什麼好消息)

筆者測試了兩個文章完全相同的 Blog,結果並不相同,也就是說這網站的分析功能肯定是不準的,純好玩!所以筆者認為它應該是分析一些關鍵字、網頁結構等來做判斷的依據吧。而且像「不來恩」說的,因為它也看不懂中文,怎知道裡面寫了什麼東西~

網站名稱:The Blog Readability Test
網站網址:http://www.criticsrant.com/bb/reading_level.aspx

ezPOST @Blogger : genius
ezPOST @Xuite : junior high school