Tag Archive 'widgets'

三月 10 2008

Profile Image of evenrain
evenrain

地圖與 RSS 的結合:VerveEarth

Filed under frisch

Fun New Run High 那看到了這個 RSS 與 Google Map 的混搭應用。

先前曾經介紹San Wang 做得 Taiwan Blogger Map (以下簡稱 TBM),VerveEarth 其實在某部分來說跟 TBM 有點像。同樣都是在地圖上標出你的位置,也可以觀看其他人的位置。TBM 的強項是有 widget 可以讓你知道離你比較近的幾個人 (VerveEarth 的  Widget 目前只能看拜訪人數跟排名),VerveEarth 的強項則是可以直接觀看 RSS 與留言。

VerveEarth 在加入時似乎會透過 IP Address 的解析來抓你的位置,因為我註冊時一開始位置是指向工作地點的桃園。另一個 VerveEarth 較方便的地方是你隨時可以在地圖上直接拖曳你的位置,相對於 TBM 只有在登錄資料時可以拖曳自己的位置方便許多。不過這也是因為 TBM 沒有會員系統的關係吧。

如果你還沒有到 VerveEarth 註冊,趕快去玩玩看吧。也歡迎你把加入你的 Favorite :)

標籤:, , ,

3 responses so far

一月 24 2008

Profile Image of evenrain
evenrain

[Widget] MyMiniCity Image

Filed under namenlos

特別感謝名單:(依照 ID 排序)
lwind: widget 背景圖製作

--- 以下是正文 ---

有鑑於部分網友的部落格不支援 JavaScript,且 Flash 吃的資源較多,讓我動起了做圖片 Widget 的念頭。

今天趁著空,花了點時間把圖片式的 Widget 做出來了,實際的結果大概像這樣:

使用的方法很簡單,將以下的 HTML 碼加到你想放的地方即可。

HTML:
  1. <a href="http://widgets.evenrain.net/myminicity_direct.php?city=yourcity" target="_myminicity"><img src="http://widgets.evenrain.net/myminicity2.php?city=yourcity" width="150" height="150" border="0"></a>

連結的部分,會自動判斷城市的狀況轉到不同的網址。越缺乏的將會優先建設,一樣缺乏的時候,治安 > 失業 > 交通 > 污染,如果都不缺乏建設,則會增加人口。

目前這個 Widget 仍算是測試中,如有任何問題或建議都歡迎於底下留言喔。

標籤:,

15 responses so far

一月 14 2008

Profile Image of evenrain
evenrain

[Source] MyMiniCity Widget

Filed under namenlos

從這個 widget 寫完到現在也一個禮拜了,沒想到當初這個隨便寫寫的東西這麼受歡迎 orz

原本打算再加上一些功能,例如像是這個日本人做的 widget,可以改擷取 Flash 部分區塊轉成圖檔的方式,讓整體的速度不會被 flash 拖慢。另外,留言板的訊息如果可以整進來應該也滿有趣的。

這個程式當初寫的很隨便,所以我也沒打算補註解,如果有問題 (應該是不會有 XD),歡迎 mail / twitter 討論。

Project Home

你可以透過 SVN 下載最新的程式碼:

CODE:
  1. svn checkout http://myminicity-widgets.googlecode.com/svn/trunk/ myminicity-widgets-read-only

ps. 把程式碼丟出來不表示我不會繼續改,不過我 PHP 功力不深,希望有更多好手能一起來玩 XD

標籤:, ,

11 responses so far

一月 07 2008

Profile Image of evenrain
evenrain

[Widget] MyMiniCity 我的小城市

Filed under blog

特別感謝名單:(依照 ID 排序)
bibicall 協助 icon 去背
ivanuston & Kirin Lin 協助多語系發展
We4You 提供俄語語系檔

目前提供:正體中文(zhTW)、英文(enUS)、日文(ja)、俄語(ru) 四種語言版本

--- 1/10 widget 語法修正通知 ---

因應 IE 在 document.write 上的執行順序問題,造成 IE 無法看見 Flash 的問題,請大家修改語法如下 (底下的範例亦同步更正):

CODE:
  1. <script type="text/javascript" src="http://widgets.evenrain.net/swfobject.js"></script>
  2. <script src="http://widgets.evenrain.net/myminicity.php?city=yourcityname" type="text/javascript" charset="UTF-8"></script>

--- 以下是正文 ---

前幾天在 twitter 上看到許多人在討論 MyMiniCity。號稱不需要註冊、不需要下載,只需要依靠網友的點擊就可以發展你的小城市。說真格的,我也不知道好玩在哪裡,不過看自己的城市慢慢發展起來感覺也滿有趣的,於是我也去申請了一個

由於需要網友點擊,而且每人每天只能點一次連結1,所以需要容易廣播的管道。依稀記得好像有人提到如果有 widget 可以放在 blog 邊欄會更容易 promote 些,於是我興起了動手寫寫看的念頭。

實際的成果大概如上圖 (或是看邊欄上的)。最上端會顯示城市的名稱,接著是縮小的 Flash 與城市的各項數值,最底下則隨著人口數會有增加居民、興建工廠、發展交通網、擴張警力、興建公園等連結圖示。目前的問題是,在網站上找不到發展商業的圖案,所以這個連結還沒有放上去 1/8 16:00 Update:已修正。要把這個 widget 放到你的 blog 只需要加入下面這行 code 到你的邊欄 (或是任何可以放 Javascript 的地方,記得改 cityname):

CODE:
  1. <script type="text/javascript" src="http://widgets.evenrain.net/swfobject.js"></script>
  2. <script src="http://widgets.evenrain.net/myminicity.php?city=yourcityname" type="text/javascript" charset="UTF-8"></script>

我覺得程式需要改進的地方還滿多的,例如提供更多的客製選項,而且我實際撰寫 PHP 才半年,所以有 bug 是正常的 XD。歡迎大家測試並提供建議喔。

1/7 Update: 進階用法

CODE:
  1. <script type="text/javascript" src="http://widgets.evenrain.net/swfobject.js"></script>
  2. <script src="http://widgets.evenrain.net/myminicity.php?city=yourcityname&width=165&f1=14&c1=ffffff&bg1=9dc55e&f2=12&c2=000000&bg2=c9fd79" type="text/javascript" charset="UTF-8"></script>

只有 city 是必要參數,只需加上你要修改的參數即可,例如:

CODE:
  1. <script type="text/javascript" src="http://widgets.evenrain.net/swfobject.js"></script>
  2. <script src="http://widgets.evenrain.net/myminicity.php?city=yourcityname&width=300&c2=ff0000" type="text/javascript" charset="UTF-8"></script>

參數說明:

  • city:城市名稱 (必要參數)
  • width:widget 寬度 (數字就好,單位為 px,預設 165)
  • f1:標題的字體大小 (數字就好,單位為 px,預設 14)
  • c1:標題的字體顏色 (不需加 #,預設為 ffffff)
  • bg1:標題的背景色 (不需加 #,預設為 9dc55e)
  • f2:數據的字體大小 (數字就好,單位為 px,預設 12)
  • c2:數據的字體顏色 (不需加 #,預設為 000000)
  • bg2:數據的背景色 (不需加 #,預設為 c9fd79)

你會發現改完後,圖示那邊的背景還是 c9fd79,這是因為 icon 我沒有去背(我也不會),所以...XD 1/7 11:50 Update: 感謝 bibicall 幫忙去背,現在會跟著 bg2 改顏色了。

如果你會改 CSS 的話,也可以看 source 去改,在這我就不多做說明了 :p

1/8 Update:
新增語系參數 lang,繁體中文不需此參數,英文加上 lang=enUS、日文加上 lang=ja 即可。

1/10 Update:
增加兩參數 s 與 m
s=1 時,底部會顯示 powered by evenrain myminicity-widgets
m=1 時,flash 上方會顯示最近的城市新聞 (此功能目前僅提供給正體中文語系使用者,事件的日期已改為台灣時間)

CODE:
  1. <script type="text/javascript" src="http://widgets.evenrain.net/swfobject.js"></script>
  2. <script src="http://widgets.evenrain.net/myminicity.php?city=yourcityname&s=1&m=1" type="text/javascript" charset="UTF-8"></script>

請參照 sidebar 上的範例。

1/21 Update:
新增參數 tr。當 tr 為 1 時, Flash 會加上 wmode = transparent

1/27 Update:
新增俄語語系,lang=ru

1/29 Update:
新增參數 tz & df,可變更城市新聞時間的時區與時間格式,詳見專案頁面

  1. 隨著人口數的增加,會有更多連結供不同目的的發展 []
標籤:,

141 responses so far

五月 22 2007

Profile Image of evenrain
evenrain

WordPress 2.2 上使用 Sidebar Module 的解法

Filed under blog

先前提過,由於 2.2 版內建 Sidebar Widgets,使得 Sidebar Module 會無法運作,而解決方案是安裝 Disable WordPress Widgets plugin

但是實際安裝後,會發現在後台新增或修改時會出現「You must specify a valid module name」的錯誤訊息。求教於天佑後,他找出了解法

原來除了安裝 Disable WordPress Widgets plugin 外,如果不是用 K2 模板 (像我) 的,因為獨立版本的 SBM 很久沒更新了,所以要先去下載最新穩定版本的 K2 (目前是 0.95 RC1)。然後解開下載的壓縮檔後,將 js 資料夾內的 sbm.js.php 上傳至 SBM Plugin 目錄內的 js 資料夾。

接著,修改 SBM plugin 資料夾內的 sbm.php,將

PHP:
  1. <script type="text/javascript" src="&lt;?php SBM::output_url(); ?&gt;/js/sbm.js"></script>

修改為

PHP:
  1. <script type="text/javascript" src="&lt;?php SBM::output_url(); ?&gt;/js/sbm.js.php"></script>

即可,在此謝謝天佑 :)

標籤:, ,

No responses yet

五月 16 2007

Profile Image of evenrain
evenrain

Taiwan Blogger Map Widget

Filed under frisch

推廣 Taiwan Blogger Map 活動貼紙

很久以前加入 San Wang 做的 Taiwan Blogger Map。一開始,他是採用 worldKit 系統的地圖,後來改為使用 Google Map,期間亦不斷的修改、加入一些小功能。

TBM Widget 是最近推出的新功能,我個人覺得還滿有趣的。透過當初登記的座標位置,計算出離你最近的幾個 Blogger。實際的效果可以看我置於 sidebar 上的 TBM Widget。

把這個 Widget 加入你的 Blog 的方法也相當簡單,將底下的程式碼置於你想放的地方即可。

JavaScript:
  1. <script type="text/javascript" src="http://sanwangx.brain-c.com/geo/tbm_neighbor.php?blog_url=your_blog_url&number=1-20"></script>

其中 blog_url 是你當初申請 TBM 的網址,number 則是你想顯示幾個相鄰的 Blog (數字需介於 1-20 間),就這麼簡單,你也試試看吧 :)

標籤:,

3 responses so far

二月 12 2007

Profile Image of evenrain
evenrain

yourminis 你的個人儀表版

Filed under frisch

yourminis.com is a personalized dashboard of minis (mini applications, also known as widgets) that let you perform specific tasks, and get information and features from all over the web in one place. You can configure minis to see your email, check the weather, watch youtube videos, search the web, browse flickr photos, read news and rss feeds, save notes & to dos, listen to music, and much, much more.

yourminis 其實是前文提到的 goowy 網站裡的 minis 功能拉出來而成的獨立網站。

Continue Reading »

標籤:, ,

No responses yet

二月 12 2007

Profile Image of evenrain
evenrain

建立你的網路桌面 - goowy

Filed under frisch

goowy is a service that offers you simple, intuitive tools for communicating and sharing on the web.

goowy 提供了在網路上建構工作平台的途徑。他提供了 Email、行事曆、聯絡人、遊戲、即時通訊、檔案儲存以及 Minis (Widgets) 等功能,使你能夠透過網站,像你平常在家使用 PC 一般的使用這些服務。

Continue Reading »

標籤:, , ,

No responses yet