將噗浪的視窗高度變大，加上分隔線，以方便閱讀

2009/06/06 |

| 點擊數: 10 / 20181

噗浪最近蔚為風潮，噗友群起出動，導致河道裡壅塞無比，長串的噗此起彼落，讓我看噗的捲動次數增加許多，因此稍微修改一下Plurk樣式，除了在每個回應間加上分隔線，也把回應視窗變高，讓顯示的內容變多。

原始大小的畫面：高度150px (點擊放大)	加大高度後的畫面：高度300px (點擊放大)

修改方式：點擊左上角的〔編輯〕，再按自訂外觀，將下列文字新增到樣式框裡：

.plurk_box .plurk_cnt {
  border-bottom: 1px solid #D0B9A3;  /* 增加分隔線 */
  font-size:120%;
  line-height:18px;
}

.plurk_box .list {
  height:300px;  /* 加大視窗高度 */
}

點擊某個噗以展開視窗時，Plurk會將回應視窗移到中央位置方便閱讀，這點算是不錯的設計。

最後希望行動版的噗浪也能開放自訂樣式，現在的輸入框實在是太小了。

您可能也會有興趣的類似文章

強化閱讀第２噗：變更噗浪回應的字體與背景顏色 (10則留言, 2009/06/07)
Plurk CSS樣式自訂修改全攻略 (77則留言, 2009/07/04)
將Plurk回應區變成固定寬度 (0則留言, 2009/07/11)
把落落長的噗友暱稱變獨立一行的噗浪變身法 (7則留言, 2009/07/03)
簡單放大Plurk輸入區的方法[修訂] (6則留言, 2008/09/29)
指定Plurk回應串對話者的小技巧 (1則留言, 2008/09/29)
移動噗浪的回應時間位置，使能更清楚看到回應時間[修訂] (11則留言, 2009/07/04)
Plurk的快速鍵 (0則留言, 2008/10/03)
如何手動輸入Plurk的表情圖示？ (162則留言, 2008/09/29)
噗浪修飾詞（Qualifier）(自由發揮) 到底要如何使用？ (0則留言, 2011/07/06)
[Java] 在jar檔裡搜尋特定類別的工具 (0則留言, 2007/09/03)
變化你的噗浪暱稱：Unicode我♥你－啦啦啦♪☺〠 (2則留言, 2009/06/23)
使用TiddlyWiki做為Blog的書寫工具 (1則留言, 2007/11/17)
TiddlyWiki: 增加第二組編輯區工具列 (0則留言, 2007/08/15)
TiddlyWiki文件格式 (0則留言, 2007/08/08)

callbusy

2009/06/07 於 01:38:37 » 留言

很實用的資訊，感謝感謝！:D

簡睿

2009/06/07 於 19:09:45 » 留言

互相學習，不必言謝 :-)

阿奇 Achi

2009/06/21 於 18:42:08 » 留言

你好

謝謝你分享資訊
讓噗浪的使用更為方便
我有將此篇訊息轉貼出去，並附上此頁面的超連結
希望你不介意
噗浪文 http://www.plurk.com/p/12nfgq

再次謝謝你
讓我的噗浪生活更精彩~

阿奇

簡睿

2009/06/21 於 19:02:44 » 留言

歡迎!

Mario Liao

2009/06/21 於 23:38:40 » 留言

太棒了！感謝分享！

簡睿

2009/06/21 於 23:59:10 » 留言

歡迎取用，不必言謝。

史考特

2009/06/23 於 00:26:37 » 留言

感謝你..對我這個近視眼實在是太有用了。

史瑞克

2009/08/09 於 17:15:29 » 留言

請問自我介紹那一欄的字要如何顯示成中文？
這是我的撲浪:http://www.plurk.com/shrekwang

簡睿

2009/08/10 於 21:24:29 » 留言

咦，已經有中文了啊，想必已經解決了?

2009/08/12 於 22:37:32 » 留言

哇咧，打錯字了，我之前用plubuntu的佈景主題，但是底下的字是灰色的，改不過來，後來發現到plubuntu的伺服器太慢，就改比較快的佈景主題啦XD

yalom

2009/09/01 於 00:50:58 » 留言

您好，上面這些語法真是太受用了，很謝謝您的分享。

另外想請教一下，上面有提到改變噗回應的字體大小，

那請問要如何改變噗主文的字體大小呢？

因為現在無論是朋友的噗還是自己發的噗，

在時間軸上顯現的字都霹靂無敵小的orz（包含名字、發表狀態和內文）

透過上面的語法是可以成功將回應的字體放大，

但是噗正文的字體卻還是一樣小，

研究了許久卻不得其解，所以冒昧打擾樓主請教一下，先謝謝您了。

P.S.就算套用其他佈景主題，噗正文字還是很小orz

簡睿

2009/09/03 於 22:49:44 » 留言

.text_holder {
font-size: 16px;
}
這樣就可以了，數字16可以自己變化。
- 簡睿
  
  2009/09/03 於 22:56:15 » 留言
  
  .text_holder {
  font-size:16px;
  line-height:120%;
  }
  若覺得行距太小，可以加上line-height以放大行距。