2008/6/21

Plurk Widget變形式



Plurk是不同於TwitterBuboo的另一形態微網誌,但同樣讓我們可以在上面有事沒事碎碎念一下,而且同樣有社群的功能,同道中人你言我語,心情、新訊在螢幕河道上迅速流動,舉凡分享心情、聯繫情感結交朋友交換資訊互通意見等,人們社交往來的許多重要行為皆可在其中完成。

不過今天談論的重點,是Plurk的相關應用(畢竟已經有太多的高手做過詳細介紹啦!)。就如同曾於台灣派也是要twi一下阿!!提到的,Twitter有許多形式Widget的可置放在部落格,隨時更新目前該帳號碎碎念的狀態,同樣的Plurk也提供了Widget予以使用者放在所需要的地方。


  • 從個人頁面左上角的【edit】進入編輯。
  • 跳出的編輯畫面選擇【Widget】

  • 即看到官方版【Widget】畫面,並獲得一組語法;貼到部落格欲顯示的位置即可。


不過先前遇到一個很苦惱的問題是,Plurk介面上提供調整Widget的高度,卻無從調整寬度;這點我和酥餅葛格都為之苦惱很久,因為這樣無法放進部落格中阿(我的邊欄非常苗條)!昨天我試著從自己部落格的CSS去設定對應的語法,好不容易研究出來了,欣喜若狂的在Plurk上歡呼時,CGS才說Plurk現在已經提供到可以用語法調整寬度的程度了...囧rz

但畢竟我這是量身訂做的設計家款式,還是跟用原始的Widget直接把尺寸調小有所不同,因為我的Plurk Widget長這樣呢!
也就是可以改變成自己喜歡的底圖,還有字的大小顏色
,也可以讓它與你的部落格更match!方法如下:

一樣將Plurk Widget語法法放至於希望顯示的位置,然後在 CSS 區塊(或 body{} 之後)加入此段程式碼,再依據需求喜好設定即可。


.plurk-widget {
max-width: (寬度)px !important;
margin:auto !important;
background:url("底圖網址") !important;
font-size: 字體大小px !important
}
.plurk-timeline {
height: 高度px !important;
background: 背景色 !important
}
.plurk-widget .plurk-timeline a , .plurk-widget .plurk-timeline a:link {
color: 內文連結字體色 !important;
background: transparent !important
}
.plurk-meta {
font-size: 內文連結字體大小px !important
}
.call-action , .plurk-widget .call-action a , .plurk-widget .call-action a:link {
color: 底部連結字體色 !important;
background: transparent !important
}


延伸閱讀


2 則留言: