2009/01/12

Plurk - CSS 大頭變小頭

不習慣 Plurk 主控台個人圖像變得超大的話,可以依下面的方式修改:

/* 自己的圖像 */

.profile-pic
{
width: 45px;
height: 45px;
}

.profile-pic:hover
{
width: 195px;
height: 195px;
}

/* 朋友與粉絲的圖像 */

#dash-friends-pics .user_link, #dash-fans-pics .user_link
{
width: 24px !important;
height: 24px !important;
}

#dash-friends-pics img, #dash-fans-pics img
{
width: 24px;
height: 24px;
}

廣告:按 這裡 可以註冊 Plurk 帳號,順便讓我賺個推薦數吧。:D

2008/11/30

Plurk - CSS “來自”顯示小圖示

  之前看到不少人在個人資料的“來自/from”區域左邊置放了小國旗圖示(語法請參考 @kevinkao:在 plurk 加入國旗的方法)。以它為基礎,我做了一個可以把台灣圖示擺在右邊的版本,語法如下:

#location{padding-right:18px; padding-top:6px; padding-bottom:6px; background:url(http://i529.photobucket.com/albums/dd333/KururuSocho/misc/Taiwan_Light.png) right no-repeat;}
(適用於淺底色畫面)

#location{padding-right:18px; padding-top:6px; padding-bottom:6px; background:url(http://i529.photobucket.com/albums/dd333/KururuSocho/misc/Taiwan_Dark.png) right no-repeat;}
(適用於深底色畫面)

註:我用 PNG 格式製做透明底,IE6 並不支援。

廣告:按 這裡 可以註冊 Plurk 帳號,順便讓我賺個推薦數吧。:D

2008/11/16

Plurk - API,Robot,兼談 Karma

  對於懂一點程式的重度使用者來說,API 是讓服務更好玩的必備工具。然而或許因為 Plurk 本身還在頻繁修改的階段,它遲遲沒有公佈官方的 API。這其實不太影響網路上的高手們。基於 Plurk 是一個大量應用 AJAX/JSON 的網站,其傳輸參數與內容很早就被分析出來,並包裝成多種不同語言的 API,以非官方的型態發行。目前已公開的 API 有 PHP、Perl、C#、Python 等版本。

  懂得運用 API 之後,可以做出多種 Widget、附加工具或系統,例如之前提過的 Karma Trends、@fortelin 的 Plink 跟 Plaink 等等。其中一種有趣應用是寫出能自動發出 plurk 的工具,俗稱 robot。其意為一個坐在電腦前的機器人,能代替真人發文聊天。在我的 Plurk 朋友清單當中,最早寫出這玩意兒的是 @Faryne。之後 @yongwei 跟我都各寫了一支出來。

  要機器人發訊息很容易,問題是訊息內容要輸入什麼。如果每一則訊息都是人力去指定的,那麼機器人就失去其作用,不如本人自己坐下來敲鍵盤。@Faryne 想到第一個主意:讓他的機器人進行自動報時。很不幸地,這個點子不被市場(?)接受。大家顯然不太喜歡每個整點都看到他出來跳香蕉舞。在一片要將他取消好友的威脅之下,@Faryne 的機器人黯然退場。

  愛看新聞的 @yongwei 想到第二個主意:RSS 新聞播報器。基於 @yongwei 的個人喜好,這支機器人廿四小時會抓不同的 news feed 回來發佈。目前他(指機器人)共有四十幾位朋友與三十幾位粉絲,收視率不錯。唯一的缺憾是觀眾無法自行決定哪些新聞要看、哪些不看。比方說像 SQL Server Central 和 ASP.NET 就不是人人嚥得下去。

  我則打了最安全的一張牌:氣象預報。每天一早先上中央氣象局 把當日北中南各取一地的氣溫與降雨機率預測值抓回來,重新組合成一則訊息之後發出去。後來追加農民曆的功能,包含喜財神方位與當日沖煞,趣味性大於實用性。截至目前為止,反應還不惡。而且有些朋友似乎挺樂於逗弄機器人,因為它不能回嘴。(汗)

  完成機器人之後,有個實驗就容易做了。我註冊一個全新的帳號,先填妥各種個人資訊與上傳大頭照,karma 很快就超過 10。接著讓機器人每天定時發出一則 plurk,不交朋友也不回應。
在這樣的狀況下約經過一個月,機器人的 karma 就到達 40。意即對於一個低用量的用戶,要越過可以修改暱稱或標題的門檻,其實是容易的。

  另一個常見對機器人的期待也和 karma 有關。許多人都覺得,擁有機器人之後,就可以輕輕鬆鬆增加 karma,即使一段時間不上線,karma 也不致暴跌,甚至還會上升。這個說法其實對也不對。要說明這一點,必須先簡單介紹一下 Plurk 計算 karma 的週期原則:

  Karma 每四個小時結算一次(註:4 的整倍數點,即四點、八點、十二點……)。一天廿四小時包含六個結算點,理想上每個區間都有發出 plurk 的話,Karma 會穩定上升。但是人總要睡覺,而合理的睡眠時間是八小時,因此一天只要發出四則 plurk 即可保持只升不降。從前面機器人的例子可以知道,這個“四則”的門檻是上限而非下限。Karma 低於 40 的人,一天只需要一則。Karma 更高的人,每一次扣點抵掉一至二則 plurk(不考慮獲得 response 的情形),所以每天必須發足二至三則。達到涅槃之後當然就更不用說了,四則 plurk 都必須發齊,否則很快會跌回 80 以下。

  低 karma 的人復原很快,所以會擔心 karma 的人,通常意味著數值已經有一定水準。高 karma 需要高 plurk 量來維持,但是靠機器人發大量的 plurk,朋友跟粉絲們看了不會煩嗎?或者直接這麼問:有什麼內容是天天定時發四次,而且大家都知道不是你本人,還能忍受著不將你 unfollow 甚至從朋友清單中移除的呢?別忘了,被朋友 unfollow 或移除,都是會扣 karma 的。屆時,賺 karma 的目的沒達成,反倒先扣了一堆。

註一:@gorimaru 也有一支專挑四整倍數點發噗的機器人,噗文內容一律是:「Karma Control(全自動)」。看了他 10/22 之前的河道,我只能猜想日本人的忍受力真強。

註二:Plurk 在 9/13~9/17 之間調整了數次 Karma 計算公式。最終版的公式對於短暫 plurk 間斷已不會太過敏感。簡單來說,使用者不用再擔心前述每四小時要發一次 plurk 的規則。即使中間有漏發,也只會先進入正負零的狀態。必須要閒置夠長時間,才會開始調降。

註三:Plurk 在 11/12 將 user profile page 的網址由「http://www.plurk.com/user/(userid)」縮短為「http://www.plurk.com/(userid)」。這個動作造成大量 Greasemonkey User Script 失靈,Plurk Perl API 掛點。前者必須靠那些 User Script 的原作者自行更新,後者我個人做了修正。修改部份如下:

--- Plurk.pm.0.02 2008-07-10 07:46:06.000000000 +0800
+++ Plurk.pm.fix 2008-11-14 17:03:59.000000000 +0800
@@ -251,8 +251,21 @@
croak "Login for $name failed, no cookie returned"
unless $ok;

- $self->_path_for( home => $resp->header( 'Location' )
- || "/user/$name" );
+# * 2008/11/12 modified by @Sorry
+# Plurk alters 'http://www.plurk.com/user/(userid)'
+# to 'http://www.plurk.com/(userid)'
+ if($resp->header('Location') =~ /^http:\/\/[^\/]+(\/.*)$/)
+ {
+ $self->_path_for(home => $1);
+ }
+ elsif($resp->header('Location') =~ /^\/.*$/)
+ {
+ $self->_path_for(home => $resp->header('Location'));
+ }
+ else
+ {
+ $self->_path_for(home => "/$name");
+ }

$self->_parse_user_home;
$self->state( 'login' );

廣告:按 這裡 可以註冊 Plurk 帳號,順便讓我賺個推薦數吧。:D

2008/10/15

Plurk - 粉絲潮事件

  今天很多人的通知(Alerts)數量爆增,而且大半是粉絲。許多人丈二金剛摸不著頭腦,不曉得發生了什麼事。其實原因是這個:網路美女作家 見他一天就嫁了--

「…美女作家阿潼,在卅三歲生日當天結婚,她和網友從第一次見面到點頭答應求婚,只用了一天…兩人的月老是網路,但不是交友網站,而是在最近非常火紅的『微型網誌』Plurk,因為留言而結識…」

  由於 Plurk 在註冊完成後,會顯示「一些您可能想追蹤的 plurker」畫面。若使用者直接按了下一步,就會成為那些人的粉絲。今天粉絲爆增的人不妨按他們的個人頁面看看,是不是大多沒有上傳照片、Oct 2008 註冊,而且 Karma 不到 10(以 0 居多),這些就是今天看到新聞後才註冊的使用者。

  而前述「一些您可能想追蹤的 plurker」是怎麼來的呢?Plurk 系統會依據所在地、性別、年齡、已/未婚,以及活躍狀況等多項因素來推算。例如未婚女性註冊時,系統可能就會顯示一些住在同一城市的未婚男性供參考。據我的觀察,今天遇到「粉絲潮」的人,多半是年輕未婚女性。換句話說,今天註冊的人多半是…

註:新聞主角阿潼的 Plurk 頁面→@atom1012。不過由於她設定留言限好友閱讀,所以點過去只能看到她的部落格網址。

廣告:按 這裡 可以註冊 Plurk 帳號,順便讓我賺個推薦數吧。:D

2008/09/22

Plurk - Nirvana

在 Plurk Wiki 發現這則漫畫,徵得作者同意之後轉貼過來並加以翻譯:

原作者:にわとり 來源:Chickenstrip
在 CC-BY-NC-SA 3.0 規範下分享這則漫畫

2008/08/11

Plurk - Badges

  昨天 Plurk 出了點小問題,所有的人都突然達到涅槃(見下方說明),因而在主控台多出一顆淺藍色的太極圖示。後來在晚間左右修復了,而大多數人也渡過虛榮(?)的一天。為了應景,這篇文章來介紹一下 Plurk 的徽章有哪些。



上圖由左至右依次為:
  • 邀請超過 10 位朋友
  • 邀請超過 25 位朋友
  • 邀請超過 50 位朋友
    以上三個項目大家都很熟了。
  • Plurk 社群站台建立者
    這個是指你建立了一個“專門”用來介紹/討論/研究 Plurk 的網站,貢獻卓著並且被 Plurk 發現和認可。這個標準似乎很高,連之前提過的 Karma Trend 作者 @ryanlim 都沒拿到此 badge。
  • 擁有超過一百則回應的 plurk(未上線)
    就是擁有百層大樓啦。這個標準在國外達成者並不多見,但台灣這邊倒是挺多,因為台灣很多使用者都拿 Plurk 當 MSN 用。(茶)
  • Plurk 翻譯者
    不論數量多寡,只要有參與 PCTP 的工作就算。
  • 透過 Plurk widget 邀請到超過 N 位使用者(未上線)
    不知道屆時標準會訂在多少。
  • 涅槃
    Nirvana,亦即 karma 超過 80。
  • (不明)
  • 擁有超過 50 位粉絲
  • Plurk 元老
    很早就註冊 Plurk 的使用者
順帶介紹一個惡搞的方法--運用 CSS 加掛自己的 badge:
.award_bar
{
width: 200px;
}
.award_bar img
{
padding-right: 48px;
background: url(my_badge.jpg) no-repeat right;
}

  此法取自 @ZenElements,至少要擁有一個徽章才能使用。以這個做法為基礎,我開發出了加掛 badge 到第二排的方法(須自行合成一塊 183x87 透明大底):
.award_bar
{
width: 183px;
height: 95px;
background-image: url(my_badges.png);
background-repeat: no-repeat;
background-position: bottom;
overflow: visible;
}

.award_bar img
{
padding-right: 96px;
padding-bottom: 48px;
}

另外我也自製了幾個 badge,歡迎下載使用:Sorry's Funny Plurk Badges。

2008/07/24

Plurk - CSS

  自從 Plurk Collaborative Translation Project (註一)啟動以後,Plurk 團隊的動作頻頻。不但修掉幾個老問題,在時間軸的操作介面和功能上也有不少改進。有些細心的人或許也發現到,Plurk 系統對於效能方面做出的一些改變。撇開這些不談,這兩天出現了一項讓許多人非常興奮的新功能:自訂 Plurk 頁面的 CSS(註二)。廢話不多說,這裡來介紹一下細節。

◆ 修改方式:畫面左上角「我的檔案 edit」→「自訂外觀」,裡面有一個大大的框框可以編輯 CSS。

◆ 一些已知可以自訂的項目:
  • body
  • #timeline_holder
  • #dashboard_holder
  • #plurk-dashboard
  • #karma
  • #top_bar
  • #page_title
  • #top_login
  • #footer
  • #bottom_line 時間軸刻度線
  • #dash-segment 整個控制面版的一般文字
  • #dash-stats 統計數據的項目名稱
  • #dash-stats table td 統計數據的數值
  • .day_bg 分割線的陰影
  • .div_inner 時間軸內
  • .plurk_cnt 單則未展開未讀時
  • .plurk_box 展開單則頂端左右兩邊
  • .info_box 展開單則最底下
  • .response_count 單則右邊的回應數
◆ 在 CSS 最前面加上「/* USE_DARK_ICONS */」這個特殊註解,可以讓 Plurk 使用顏色較深的 icon。

◆ 一個換掉各大項目底色與底圖的簡單範例:
/* 主背景(下方控制面板外圍的地方) */
body
{
background: #CF682F url(my_background.gif);
background-repeat: repeat;
background-attachment: fixed;
}

/* 時間軸 */
#timeline_holder
{
background:#CAE7FD url(my_timeline.gif);
background-repeat: repeat;
}

/* 控制面板 */
#plurk-dashboard
{
background: #BE5C2F url(my_dashboard.gif);
background-repeat: repeat;
}

/* Karma 的文字顏色 */
#karma
{
color: #FFE400;
}

◆ 另一個簡單範例,使用單張大圖作為背景,並且將一些元件改成可透視:

body
{
background: #000000 url(full_screen.jpg);
background-repeat: repeat;
}

#timeline_holder
{
background: none;
}

.plurk_cnt
{
opacity: 0.75;
filter: alpha(opacity=75);
}

#top_bar
{
opacity: 0.5;
filter: alpha(opacity=50);
}

#top_login
{
opacity: 0.5;
filter: alpha(opacity=50);
}

#plurk-dashboard
{
background: #808080;
opacity: 0.5;
filter: alpha(opacity=50);
}

#bottom_line
{
background: none;
opacity: 0.5;
filter: alpha(opacity=50);
}

◆ 參考鏈結:
◆ 沒有主機放圖檔的人,可以試試 tinypic.com。

◆ 幾個成品:
註一:Plurk 協力翻譯計劃,我是其中的一份子。等整個計劃告一段落之後,我會另外寫一篇文章來介紹它,並紀錄一些心得。

註二:自訂 CSS 需要 25 以上的 Karma。

廣告:如果按這裡註冊 Plurk 帳號,就相當於被我推薦,會自動變成我的 follower 而看到我的訊息。

※2008/8/14 更新:Plurk 將自訂 CSS 所需的 25 Karma 門檻取消了。
© 年年歲歲花相似
Maira Gall