Translate: 简体 繁體 English
Related Posts Widget for Blogs by LinkWithin

《文章列表》

教學 (30) 新聞 (8) 遊戲 (11) 網摘 (7) 影音 (9) 影視 (6) 聯播 (5) Blog (23) CPBL (8) Diary (31) Dog (1) EeePC (2) Extension (6) Firefox (8) Life (24) NBA (8) Plurk (3) Programming (2) Security (11) Service (13) Software (16) Tweets (41) Wrestling (1)

4月 18, 2009

[教學] 在您的噗浪頁面加入Plurk Stats圖!

黑貘來說 看到了 Plurk Stats 的新圖,覺得頗有意思,便想說利用CSS加在Plurk頁面朋友區塊下方,加入後的展示圖如下:


自訂外觀的語法如下(自訂CSS輸入框中加入以下的CODE):
#dash-friends {
height: 425px;
background-image:url(http://plurk.tw/images/plurks_profile.php?username=tonychou);
background-position:15px 279px;
background-repeat:no-repeat;
}
其中,紅色的部份請改成您的Plurk帳號,至於藍色的部份請自行微調,因為每個版型的配置並不相同,以下稍微說明一下:

、這部份425是修改朋友區塊的大小(越大區塊越長)
height: 425px;
、這部份是修改Plurk Stats的位置,以下方為例:15是代表左邊的空間(越大圖越偏右),279是代表上方的空間(越大圖越偏下)
background-position:15px 279px;

有興趣的快把它加入您的Plurk頁面吧,還沒玩Plurk可以順便:加我為粉絲並註冊Plurk,俺要去追浪囉!
延伸閱讀:
  1. 加我為粉絲並註冊Plurk
  2. TonyChou Plurk
  3. Plurk 的個人 Widget 開始...
  4. Plurk Stats 的新圖
Technorati Tags:

相關文章:

6 意見:

黑貘/Black Tapir 提到...

我倒是很好奇您當時怎能夠把徽章組一起的? 因為我們會推出很多徽章說...

Nike小周 提到...

@黑貘/Black Tapir:
大駕光臨真是受寵若驚啊,關於徽章的部份您可以參考一下:
http://peacepiece.wordpress.com/2008/09/28/having-your-own-badges/#more-124
原則上有兩種CSS放置語法,分為有涅槃與沒涅槃,如果有達到涅槃(有徽章者),就可以有兩層的放法,您可以自行參考我的Plurk版面語法,只是…有一點亂,註解多了點,請見諒,呵呵…

黑貘/Black Tapir 提到...

沒有啦, 您寫出教學才是讓我該請喝咖啡說...

但我原本以為您當時的徽章是動態的? 難道是靜態的嗎?

Nike小周 提到...

@黑貘/Black Tapir:
您客氣了啦,真的…
沒錯只是靜態的圖檔喔…
所以真是謝謝您做出這個plurk stats造福噗浪的曠男怨女呀!

匿名 提到...

hi, 我是在 hemidemi 上看到你 bookmark ,再看到你的資料後連到這邊來的。

我是國立交通大學資訊工程學系的博士班學生,目前正在收集個人搜尋記錄以及網路書籤的資料,以進行個人化搜尋以及改良搜尋結果的研究。
因為看到你在 hemidemi 上頭有大量的網路書籤,所以想向你詢問是否願意提供資料供我研究使用?如果願意的話請以 email 跟我聯絡,我會進一步提供說明,謝謝。

sychen [at] cs_nctu_edu_tw

張貼留言

《關於我自己》

《最新回應》

《熱門文章》

BloggerAds廣告讀取中 ...