2006/03/06
同 CSS 玩遊戲！
CSS 是英語Cascading Style Sheets（層疊樣式表）的縮寫，它是一種用來表現HTML或XML等文件式樣的電腦語言。它的定義是由W3C來維護的。
(摘自 wikipedia)
我們的 blog 頁面，大部份都是用 CSS 去制定頁面的配置，要改好像很難？
要寫就難，要改，其實很易！
來！讓我們跟 CSS 一起玩遊戲！
Firefox 是一個很好用的 browser，再加上為它而設的眾多 extension，功能就超大、超方便了！
要改 CSS，其實不用 dreamweaver之類的專業軟件，一個 Firefox 就夠了！
所需材料如下：
1/ Firefox Browser
2/ Web Developer Extension- 修改 CSS 用
3/ ColorZilla Extension- 選顏色用
4/ IE Tab extension- 在 Firefox 觀看頁面在 IE 的效果
方法：
用 Firefox 打開自己的 blog，在 Web Developer 的 menu bar，選 edit CSS，就會看到這個樣子：
左邊列出的，就是你的 blog 的 CSS script。你可以隨意修改 CSS 內的各類參數，如字體的大小、顏色、位置、甚至字距、行距等等，效果會即時顯示出來！
例如以mysinablog為例，“div.post_content”就是內文的設定，你將“font : 13px”的 13 改為更大的數值，字體就會即時變大，很好玩的！
放心！這並不會真正改動你 blog 的CSS設定，所以就算改錯了也沒所謂，盡管放膽去試罷！
注意：在改動中，不要點擊右邊的連結（mouse on 是可以的），否則左邊的 CSS script 會 reload，你之前的改動會消失的。
要偷師嗎？你可以用同樣的方法，到別人的 blog 看他的 CSS script。
給你顏色看！
看到左下角的吸管 icon 嗎？只要 click 一下，再放滑鼠放到右邊的不同位置，即會顯示出顏色的代碼。
（例如 Just another Sidekick 這個標題字的顏色 hex code 就是 #EDAA35）
有了這兩個 extension，按圖索驥般的亂摸一通，就算不懂 CSS，也可以輕易的猜出哪一句 script 跟版面的關係。
還以顏色！
想選另一個新顏色？可以 double click 左下角的吸管 icon，就會叫出 ColorZilla 的 Color Picker小窗口：
選一個新顏色後，抄下它的hex code，放到左列的相關位置，就是改顏色的方法了。
上傳
如此這般，改好了後，“全選”左邊的CSS script，copy and paste 到 blog 內的相關管理頁面就可以了！
當然，我會建議你先備份好舊的 CSS script，以防萬一！
（不同的 blog system有不同的上傳方法，這裡不細表了。）
看效果
完成後，又懶得開 IE 看效果？你可以在頁面 right click 滑鼠，選“View Page in IE tab”就可以了！
後話
大概就是這樣了，改 CSS 其實不太難嘛！就當是遊戲好了！
邊改邊學，是較易上手的方法。
到有興趣時，再看看其他網站的 CSS 教學罷！
相關文章：文繞圖的css script
sidekick 发表于 2006-03-06 16:45 阅读( 1946) 评论( 3) 引用( 48) Blog Tools
2005/11/14
你試過用Blog參加競投嗎？年會簽名T恤拍賣
source: http://sidekick.myblog.hk/archives/2005/11/14/686/
source: 中文網誌年會：年会签名T恤拍卖
年会上Sabrina拿了一件Tshirt后找了许多blogger签名，然后委托我们竞拍，并将拍卖获得的款项捐给微笑图书室和多背一公斤两个公益项目。
TShirt照片：
正面：（Logo 的右下角附近有我簽名喔！）
反面：
拍賣方式實在別開生面，是以 blog形式進行的！
欲出價的 Blogger，可在自己的 blog post文， (標價放在 subject 最妥當)，然後 trackback http://blog.cnblog.org/cgi-bin/mt/mt-tb.cgi/1357
詳見年会签名T恤拍卖一文。
拍賣結束時間是 2005年12月1日0時0分0秒。
截至這刻，出價已達 560 RMB。
你有興趣共襄善舉嗎？
延伸閱讀：扬子的乱想
sidekick 发表于 2005-11-14 07:14 阅读( 3561) 评论( 0) 引用( 838) insidekick
2005/11/02
將 Dew Player 放到 Sidebar
source: http://sidekick.myblog.hk/archives/2005/11/02/670/
用 Flash的 Online Music Player 雖然有很多，但如果你沒有很好的 Web Storge，而 BSP 的限制又較多（例如不能放 javascript 之類），就很傷腦筋了。
寫了 Radio Blog這篇文已差不多一年，仍不時會收到留言詢問。
Radio Blog需要支援 php 及 xml 的 web storage，很麻煩。
就算聽說 AngelFire 支援 php，但幫朋友試放 Radio Blog到他的天空部落，仍不得要領。
（果然是不得要領，嘿！）
後來根據這篇文章： how to get your own radio.blog，將 index.php 改成 index.html，但發現 playlist 又要每次手動加上，超煩。
所以，如果你貪方便，還是用 dewplayer 罷！
天空部落有很多限制，更煩！sidebar 的新欄目，只准放 html。後來有人發現，可將 embed SRC之類的script 放到“連結名稱”那一欄，這個天空才算闊了一點。
那麼，如何在天空部落的 sidebar 放歌才較易呢？在很沮喪的情況下，用了這個折衷的方法。
程序：
- 申請一個 web storage，例如：AngelFire
- 下載 DewPlayer的 swf 檔
- 將 dewplayer.swf，及你的mp3 檔案上載到你的 web storage。
- 如只是放到 blog 頁面：請參考黛寫的: Dew Player：AsySound的精緻版本
- 如要放到 sidebar。
(由於要放在天空部落的 sidebar，所以我要先造一個頁面，如你是用blogspot之類，則只需將<object type……的script放到 sidebar 則可。)- 造一個這樣的頁面，script 如下：
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body bgcolor="#ffffff"><table style="background-color:#ffffff" border="0" width="200"><tr><td>
<font face="新細明體"></font><font color="#ffffff" size="2">
〔歌名〕 </font><br />
<object type="application/x-shockwave-flash" data="http://你的網址/dewplayer.swf?son=http://你的網址/xxx.mp3" width="190" height="20" bgcolor="#ffffff"><param name="movie"
value="http://你的網址/dewplayer.swf?son=http://你的網址/xxx.mp3" /><param name="bgcolor" value="#ffffff"></param></object>
</td></tr></table></body></head></html>
（請自行更改所有顏色、數值及連結名。） - 如歌曲多於一首，請複製
<tr>......</tr>這一段，再改歌名及連結。 - save as html （例如：playlist.html)，然後上載。
- 在 Sidebar 的 script 如下：
<iframe src="http://你的網址/playlist.html" name="mp3player" scrolling="yes" frameborder="0" width="200" height="300"></iframe>
- 造一個這樣的頁面，script 如下：
大概就是這樣了！
以後，每次上載歌曲後，只需打開 playlist.html 更改一下就可以了。
P.S.
一般的mp3 file 太大，可用Radio Blog的converter改細，然後再 rename 做 mp3 檔。
我其實是不懂寫 html 的，如 script 寫得不好，請指正。
btw，這方法會否有點蠢？ 
其他 Music Player 教學：
在 WMP.P.Toy 使用 Flash MP3 Player 播放多首音樂
將 Flash Player 放到 MSN Space (英文）
online現成mp3 player
新增單曲播放器一枚
sidekick 发表于 2005-11-02 05:11 阅读( 2059) 评论( 1) 引用( 8) Blog Tools
2005/10/22
拉丁音樂的條件反射
source: http://sidekick.myblog.hk/archives/2005/10/22/651/
甚麼是“條件反射”？摘自維基百科（整個維基被國內封了）：
巴甫洛夫做了一個相當著名的實驗，他利用狗看到食物或吃東西之前會流口水的現象，在每次餵食前都先發出一些信號，連續了幾次之後，他試了一次搖鈴但不餵食，發現狗雖然沒有東西可以吃，卻照樣流口水。他從這一點推知，狗經過了連續幾次的經驗後，將「鈴聲響」視作「進食」的信號，因此引發了「進食」會產生的流口水現象。這種現象稱為「條件反射」（conditional reflexes），這證明的動物的行為是因為受到環境的刺激，將刺激的訊號傳到神經和大腦，神經和大腦作出反應而來的。
今天(21日)，跟香港仔及其友人，到了香港文化中心欣賞《情迷拉丁藝術節 2005》的《樂滿夏灣拿》傳奇歌后 奧瑪拉‧波圖翁多 Flor de Amor Tour。
圖片來源：香港仔公國
關於這位古巴國寶級歌唱天后Omara Portuondo (奧瑪若波圖昂多)，推薦閱讀“島居博思”的“深情 Diva Omara”，Percy欣賞了她在澳門的演出。
早陣子，有一位朋友，常常傳些拉丁音樂給小踢欣賞。
於是，整晚一直在條件反射，一直在想起他。沒徹……
如 Sputnik的比喻，這位朋友於我，像圍了光環，站在高高的臺上似的。
然後，時間過，光影，終於消失了。
亦如煙花，於某一夜，一切隨同燦爛在晚空火化。
曾經，很想為這段自行了斷的關係寫些甚麼，卻一直按捺著，因為怕說錯話。
（更怕像是在數他人的不是）
所以，更多的話，還是吞下去，不說了……
sidekick 发表于 2005-10-22 06:58 阅读( 2075) 评论( 0) 引用( 8) insidekick
2005/10/21
我的 blog 值多少錢？
source: http://sidekick.myblog.hk/archives/2005/10/21/635/
最近比較窮的我，看到近日大幅增長的Visit 及Pageview，不禁異想天開－－假如，一個Visit 值一元，那我每天起碼有一千元收入了！(還未計 RSS 那邊…) 
原來，喜歡發夢的不止我一個！還有美國跟國內的 Blogger！:p
昨天看到了“禁止说禁止”寫的“Keso的Blog值多少钱？”
今天就真的看到Keso自己也玩玩。
計算方法是這樣的：
在AOL收购 Weblogs Inc.那天，就看到有很多美国的 blogger在根据收购价格计算自己blog的价值。方法是以 Weblogsinc.com上各 Blog的 Technorati反向链接站点数目作为依据，分别计算AOL的2500万美元收购价如何分配到每个Blog上。计算的结果是，每个Technorati反向链接站点价值在500-1000美元之间，按最低的传说收购价格计算，也达到564.64美元。[via Tango]
73个网站链接到keso.cn，747个网站链接到www.donews.net/keso，434个网站链接到blog.donews.com/keso，按照每个Technorati反向链接站点价值564.64美元计算，我的blog的反向链接总数是1254个，大约价值70.8万美元，500多万人民币，我也要惊呼了——wow！
按這個計算方法，Sidekick 的 Blog 又值多少錢呢？
326個網站鏈接到sidekick.myblog.hk，
11個網站鏈接到 sidekick.blogdns.org，
按照每個 Technorati反向鏈接站點價值564.64美元計算，
我的blog的反向鏈接總數是337，
564.64 (美元) x 337，即大約價值19萬美元，亦即148萬港元，
我也要跟 Keso 驚呼了——wow！
最好笑的，是Tango 這一段：
Update:
鉴于广大Blogger在发白日梦的YY过程中出现明显的错误，为免日后出售Blog时出现心理不平衡。特别提示一下，计算的
Technorati反向链接依据是site link，而不是post link，如果按照post
link*564的话，我的Blog就价值32万了，Cool！^_^。
如果按照 post link計算，sidekick 的 Technorati反向链接 post link 是 1271，那我的 Blog 就價值 560 萬港元了！
148萬，560 萬……
好！發完夢了！ 
多說兩句：
Technorati 還會根據各人的 site link多寡而作出排名 (而不是根據 post link)
所以例如：
Keso 的：Technorati Rank: 1,537 (1,267 links from 434 sites)
Sidekick 的：Technorati Rank: 2,405 (1,251 links from 326 sites)
就算 post link差不多，排名卻差很遠… :p
sidekick 发表于 2005-10-21 08:20 阅读( 2043) 评论( 0) 引用( 8) Blog Tools
2005/10/20
小水滴：大人們都很奇怪
source: http://sidekick.myblog.hk/archives/2005/10/20/650/
小王子說：「大人們都很奇怪。」
小水滴可能也會說：「大人們真的都很奇怪。」
看！小水滴成為了“大人們”後，長成甚麼樣子？
小倩說：
目前詳細的情報還在調查中，Mero度1000以上會變成「おとな？」的大人階段，這個階段的造型可豐富了，感覺上好像每隻的造型都不一樣啊！！
圖片來源：白文咪咪與小鸚KIKI的生活記事
P.S. 在小倩及mimimosa 的Blog，有更多的圖片。
哥林多前書 13:11：
我作孩子的時候，話語像孩子，心思像孩子，意念像孩子，既成了人，就把孩子的事丟棄了。
小水滴跟我們人類一樣，剛出生時，大家的樣子都長得差不多。
（其剛出生的BB，都一副猴子樣。）
然後，繼續長大，染上了不同的色彩。
到成為大人後，為了令自己與別不同，更無所不用其極了。
我的 Sidedrop 現時的成長度是 720。
在考慮是否要取走 RSS，或換一個不更新的RSS Feed)，
不要讓牠變成“大人”，變得這麼“有型有款”。
又在想，既然成長是必經的歷程，就隨它去，處之泰然算了。
橫豎 Sidekick 都是這樣長大的，Sidedrop也不例外…
最近腦海常播這首歌
人間
曲：中島美雪 詞：林夕 唱：王菲
風雨過後不一定有美好的天空 不是天晴就會有彩虹
所以你一臉無辜 不代表你懵懂
不是所有感情都會有始有終 孤獨盡頭不一定惶恐
可生命總免不了 最初的一陣痛
但願你的眼睛 只看得到笑容
但願你留下每一滴淚 都讓人感動
但願你以後每一個夢 不會一場空
天上人間 如果真值得歌頌
也是因為有你 才會變得鬧哄哄
天大地大 世界比你想像中朦朧
我不忍心在欺哄 但願你聽得懂
但願你會懂 該何去何從
technorati tag: sidekick 发表于 2005-10-20 03:25 阅读( 2111) 评论( 0) 引用( 8) Blog Tools
2005/10/19
中文網誌2005年會及其二三事
source: http://sidekick.myblog.hk/archives/2005/10/19/649/
很早之前，已知道這個將於11月初舉行的“中文網誌2005年會”，亦已將年會標誌放了在 Sidebar，協助宣傳，卻一直未決定會否參加。
小踢由04年3月開始寫 Blog，首先從 Jansen （中文界知名Blogger) 的連結開始，然後在他邀請下加入了 Orkut（沒用很久了），再誤打誤撞之下又發現了 UUZone，一路走來，竟在不經不覺間認識了不少國內 Blogger，如：
- Zheng－很早期已拜讀的刻录事，後來在Orkut、UUZone都聯繫上，亦是是次會議的搞手之一
- Keso－擁有5千多位RSS Reader，他的“天天網摘”你不可不知
- 六翼－著名的反向链接提供者
- Topku－近期產量不多，但卻是我寫 Blog 的啟蒙老師之一
- Owen－10 Places of My City的發動者
- Isaac Mao－教曉我很多事情，如“水木清華事件”，及何謂“GFW”
- 桑葚－桑林志提供了大量Wordpress的資訊；而在小踢Blog未被GFW前，我們那兩篇關於“繁簡字問題”的Blog曾有很好的互動
- 老冒－UUZone 的CEO。因為參加了UUZone，連其CEO也結識了，是很有趣的經驗
- 橫戈－Blogbus 的車長
- Ken－從 UUZone認識的 Blogger，提供了很多國際網絡資訊，可讀性甚高。
- 阿北－豆瓣的“臨時總管”
- Daniel－也是在UUZone認識的。他跟我較像罷？因為我們都不是“業界人士”（雖然他還是學生，我不是）
- Andrea－最後不可不提的，是T-Salon的Andrea；身在外國，卻跟國內Blogger有很多聯繫的香港人！
其實還有很多很多，不能盡錄…
這年多以來，藉著他們的 Blog，我認識了很多關於Blog、及國內的事。看慣繁體字的我，訂閱的國內Blog竟比台灣的多出很多，亦是始料不及的。
說回正題。
10月11日，收到“中文网志年会特色blogger邀请”的電郵，很是榮幸，令我想參加的意欲更高了！
年会日程安排表
年会参会报名启动
与会者的Blog地图（我加了！）
橫戈在“中文博客（网志）年会”一文說：
记得是2003年底的时候，Isaac毛去美国参加Blogger大会，我跟Zheng在线上说：“什么时候我们能有一次自己的盛会，希望这天能早点来。”终于，将要在11月上海举行的首次“中国博客（网志）年会”（Chinese Blogger Conference），是中文Blogger的首次盛会——即时不仅仅是中国很多久负盛名、颇有影响力的博客参加大会，还有世界著名的Sixapart、Technorati等Blog服务商参加大会，这是真正属于Blogger的大会。
雖然，我不知道上述的Blogger會否都參與年會，但最後都決定了參加這個盛會。
這是我的參會標牌，用這個做的！
據我所知，“聞見思錄”的 Alex也會參加，而Jansen則在考慮中！
如果你也會參加，請到 Hong Kong Bloggers Group 的
“BloggerCon 開始接受報名”聯繫一下！
屆時，我們可以一起夜遊上海，很期待呀！
延伸閱讀：
聞.見.思.錄：中文網誌年會
橫戈：中文博客（网志）年会
老冒：我计划参加2005年中文网志年会，希望能认识众多blogger朋友
Herock：参加首届中文网志年会，做公民记者
只說：参与“媒体与blog”调查
豆瓣小組：中文网志年会
sidekick 发表于 2005-10-19 03:34 阅读( 2686) 评论( 2) 引用( 8) Blog Tools
2005/10/11
香港人的Blog 問卷調查：Hong Kong Blogger Survey
source: http://sidekick.myblog.hk/archives/2005/10/11/642/
from hkbloggers.com:
Hong Kong Blogger Survey正式在今天開始發出問卷，這次的問卷對象為香港Blogger，經過測試相信問卷可以在２－５分鐘內完成，希望各位積極參與，為香港的Blog發展寫下一個里程。
這
是一個有關香港Blogger現況的問卷調查，名為《Hong Kong Blogger
Survey》。如果你是香港的Blogger/寫Blog的香港人，我們誠意邀請你為我們完成這份問卷，希望藉著問卷調查的結果，讓大眾可以更了解香港
Blogger的發展和里程。
我是想了一會，才填這份問卷的。
因為問卷沒有列明這些：
- 關於私隱權 （雖然看完問卷後發現沒有任何個人資料要填）
- 問卷的收集時間
- 何時公佈結果
- 問卷結果的用途 （例如會售予商業機構嗎？）
不過還是填了。
在遞交後，才看到這句：
感謝你完成了這份問卷調查，是次調查大概會在兩個月內完結。
我會覺得，交待得清楚一點，大家會放心一點。
在此呼籲一下：
無論你是用 blogspot、Xanga、Hompy、SinaBlog(香港的還是台灣的也好）、BeleBala、MoCasting、MSNspace、樂多日誌、Blog鄉村、蛀米家族，還是其他BSP或自建的Blog站，只要你是香港人（無論是否身處海外），又有寫Blog，你就是香港Blogger 的一份子！
所以，請大家都積極參與這個香港有史以來的第一個大型的Blogger 調查：Hong Kong Blogger Survey！
而且，由於要將調查推廣到各 BSP的小社群實在不易，所以，亦請各方友好（包括兩岸三地的朋友）代為宣傳，讓更多人可以知道這次Hong Kong Blogger Survey。謝謝！
這是Hong Kong Blogger Survey的小貼紙：
＜a
href=”http://survey.hkbloggers.org”＞＜img
src=”http://hkbloggers.org/hkbslogo.gif” alt=”Hong Kong Blogger Survey”
border=”0″/＞＜/a＞
(請將全形符號轉為半形)
sidekick 发表于 2005-10-11 10:48 阅读( 2482) 评论( 0) 引用( 8) Blog Tools
2005/10/08
愛數獨，更愛 Picture Logic
source: http://sidekick.myblog.hk/archives/2005/10/08/640/
最近，常常在玩數獨 (SU DOKU)。
關於數獨的起源、玩法及線上「數獨」遊戲的網址，可看Jaycy 寫的“迷上了「數獨」(SUDOKU)”
嫌線上玩這類遊戲眼睛會太累，周一，於榆林書坊買了這一套兩冊的“数独”，合共200個遊戲，共售22元，會員還有九折，抵！
你知道，某香港出版社最近一連出了數本數獨，薄薄的一片，每本盛惠48元，迅速吸收閣下的銀兩！
現時，市面上的數獨，大概可分兩大支流；一是Nikoli，一是Wayne Gould。
Nikoli是世界上第一間出版“數獨SU DOKU”的出版社。“數獨SU DOKU”這個名字，亦是由Nikoli所創。有說：“不是來自Nikoli的數獨，並不是真正的數獨”。是耶？非耶？
而Wayne Gould，則是在日本書店看到數獨後，於是自行創作數獨遊戲，並將之介紹給《泰晤士報》。
我買的那個版本是Wayne Gould的。是南海出版社的簡體版。而由時報出版的繁體版：《Su Doku數獨－－全球最瘋的數字迷宮遊戲》，則將200個遊戲集於一本，售 60港元。
看！教我如何不愛國… 產書？
其實，想玩數獨，是因為我太掛念 PictureLogic。
PictureLogic 又名 nonograms。是一個跟數獨有點類似的數字推理遊戲。
玩法可參考Keith Kwolcott的介紹。
首次接觸 PictureLogic，是因為它的 Palm 版遊戲，亦是我第一個付費登記的Palm 軟件！ 
不過沒有用Palm 已久，實在懶得再 reinstall 所有軟件。
我更愛 PictureLogic，甚於數獨，是因為當數獨完成後，只是一堆填滿數字的格格，但 PictureLogic呢，卻是一幅幅可愛的圖案。
市面上的 PictureLogic專書很多，可我沒有買過。（因為我玩的是Palm 版嘛！）
相對於數獨，PictureLogic是較適合在 Palm 玩的，不然自己用手塗格格都塗死了！
Palm版更有Automatically mark off numbers的功能，又有顏色，實在很方便！
如你有興趣一試，你可下載PC 試用版 的WinPictureLogic 2.3。（在網頁的右上角）
如果你不想安裝任何程式，你可以到Shockwave的日本網站玩Online 版。
sidekick 发表于 2005-10-08 07:11 阅读( 4080) 评论( 3) 引用( 8) Blog Tools
2005/09/30
做隻貓，做隻狗的 flash 時鐘
source: http://sidekick.myblog.hk/archives/2005/09/30/634/
在日本人的blog發現了一個貓貓 flash 時鐘，非常喜歡，即時去找原網站。
到了作者「押し花とアイコン」的Blog：季節の動くブログ，映入眼簾的就是那堆盛在杯中的小貓小狗，將滑鼠放上去了還會喵喵汪汪叫，超可愛！
原來整個 blog 皆是一系列的小貓小狗素材，除了 flash 時鐘（不止小貓小狗），還有 blog template、Wallpaper、動畫gif、flash e card… 不能盡錄！（請自行發掘）
而關於 flash 時鐘，則盡在這個 category。
方法亦超簡單，只要將有關的連結，抄到自己的blog 上就是了。
例如我這只貓貓鐘的 script 是這個：
＜embed src=”http://blog5.fc2.com/o/oshibana/file/t-tama.swf”
wmode=”transparent” border=”0″ width=”107″ height=”90″＞＜/embed＞
（width及height 的數值可自行更改，請將全形的＜＞改為半形）
如想先預覽鐘的外型，只需copy script 內的 http://…. swf ，paste 到 browser 上就可以。
有部份的小時鐘更設有下載版，讓你可將 flash 檔案放到自己的地方。
這裡更有十多款的 PC 版的時鐘下載。
相關文章：
sidekick 发表于 2005-09-30 05:02 阅读( 2660) 评论( 0) 引用( 10) Blog Tools
