Plurk Widget變形式

Posted on 2008年6月21日 星期六 by katejane12 in , , , ,




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 意見:

Anonymous 提到...

great post

凱特打結 提到...

thanx lar XD

張貼留言