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

2009/06/06 | 微網誌 | 作者: 簡睿| 閱讀總數 9225 , 16 (本日)Share/Bookmark

 

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

原始大小的畫面:高度150px (點擊放大) 加大高度後的畫面:高度300px (點擊放大)
H0984 將噗浪的視窗高度變大,加上分隔線,以方便閱讀 H0986 將噗浪的視窗高度變大,加上分隔線,以方便閱讀

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

1
2
3
4
5
6
7
8
9
.plurk_box .plurk_cnt {
  border-bottom: 1px solid #D0B9A3;  /* 增加分隔線 */
  font-size:120%;
  line-height:18px;
}
 
.plurk_box .list {
  height:300px;  /* 加大視窗高度 */
}

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

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

##

類似主題的文章

留言-您的隻字片言對作者都是莫大的鼓勵

 1.  留言 作者: callbusy 撰寫時間: 2009/06/07 01:38

很實用的資訊,感謝感謝!:D

回覆

簡睿 回覆:於

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

回覆


 2.  留言 作者: 阿奇 Achi 撰寫時間: 2009/06/21 18:42

你好

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

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

阿奇

回覆

簡睿 回覆:於

歡迎!

回覆


 3.  留言 作者: Mario Liao 撰寫時間: 2009/06/21 23:38

太棒了!感謝分享!

回覆


 4.  留言 作者: 簡睿 撰寫時間: 2009/06/21 23:59

歡迎取用,不必言謝。

回覆


 5.  留言 作者: 史考特 撰寫時間: 2009/06/23 00:26

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

回覆


 6.  留言 作者: 史瑞克 撰寫時間: 2009/08/09 17:15

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

回覆

簡睿 回覆:於

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

回覆


 7.  留言 作者: 史瑞克 撰寫時間: 2009/08/12 22:37

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

回覆


 8.  留言 作者: yalom 撰寫時間: 2009/09/01 00:50

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

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

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

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

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

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

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

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

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

回覆

簡睿 回覆:於

.text_holder {
font-size: 16px;
}
這樣就可以了,數字16可以自己變化。

回覆

簡睿 回覆:於

.text_holder {
font-size:16px;
line-height:120%;
}
若覺得行距太小,可以加上line-height以放大行距。

回覆


撰寫留言





隨機文章

本日點擊排行 本周點擊排行 本月點擊排行 歷史點擊排行 | 統計表
  1. 使用Memory Fox附加元件為Firefox進行定期記憶體瘦身 (24 人次, 2010-02-27)
  2. 將Google Buzz、Twitter與Facebook在Gmail裡合而為一的步驟 (21 人次, 2010-02-18)
  3. 幫部落格加上Plurk快速噗文按鈕[修訂] (21 人次, 2009-05-24)
  4. 超簡單MSN下載檔案自動分類 (20 人次, 2010-02-27)
  5. 日劇《仁醫 JIN》與漫畫《仁者俠醫》觀後雜感 (20 人次, 2009-10-29)
  6. DOS命令使用技巧1:最快把文字檔案貼入剪貼簿的方法 (20 人次, 2010-02-27)
  7. 另一套適用手機的影片轉檔工具:WinAVI 3GP/MP4/PSP/iPod Video Converter (20 人次, 2009-04-18)
  8. 參戰ClickClickClick大賽:我的自動點擊程式ccc.exe V1.3 (20 人次, 2007-06-16)
  9. 啟用Vista與Windows 7的無敵模式(God Mode) (19 人次, 2010-01-03)
  10. DOS命令使用技巧4:由DOS視窗迅速切換資料夾的方法 (19 人次, 2010-02-27)
  11. 超方便下載[Google圖書]的資料 (19 人次, 2010-02-27)
  12. Joomla! 1.0.12網站建置2-安裝佈景主題樣板(多圖) (19 人次, 2008-07-05)
  13. Windows 7的常用快速鍵速查表 (18 人次, 2010-01-05)
  14. 用WordPress的WPtouch外掛顯示iPhone與HTC Touch HD的精簡樣式[修訂] (17 人次, 2009-02-02)
  15. Plurk CSS樣式自訂修改全攻略 (17 人次, 2009-07-04)
  16. 使用IMETOOL有效控制中文輸入法 (17 人次, 2010-02-27)
  17. 三款「桌面便利貼」試用、剖析與建議 (16 人次, 2008-05-03)
  18. 如何組成強固又容易記憶的密碼? (16 人次, 2009-01-07)
  19. 將噗浪的視窗高度變大,加上分隔線,以方便閱讀 (16 人次, 2009-06-06)
  20. 強化閱讀第2噗:變更噗浪回應的字體與背景顏色 (15 人次, 2009-06-07)
  21. 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (15 人次, 2010-01-02)
  22. 改寫AutoHotkey輸出中文字串的寫法http://jdev.tw/blog/1434/autohotkey-sendinput-asc (15 人次, 2009-06-20)
  23. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (15 人次, 2008-04-10)
  24. 令人動容的日劇《不毛地帶》片尾曲:Tom Traubert's Blue[修訂] (15 人次, 2009-11-22)
  25. jQuery選擇器測試與範例 (14 人次, 2007-09-29)
  26. AutoHotkey的專屬論壇 (14 人次, 2008-08-02)
  27. 把HTC Touch HD操作介面換成Spb Mobile Shell,美觀又便利! (14 人次, 2009-02-18)
  28. [轉貼] 转:容易弄错的繁体字 (14 人次, 2010-02-18)
  29. DOS使用技巧2:檢視超大檔案檔尾內容的指令WinTail.exe (14 人次, 2010-02-27)
  30. DOS命令使用技巧3:由DOS視窗將目前資料夾用檔案總管開啟的方法 (14 人次, 2010-02-27)
  31. 能在HD手機上順暢運行的3D賽車+射擊遊戲:Xtrackt (13 人次, 2009-09-12)
  32. 第2個jqGrid範例:增加額外選項設定 (13 人次, 2010-02-13)
  33. 第3個jqGrid範例: XML與XML STRING格式 (13 人次, 2010-02-14)
  34. 把網路空間當成本機資料夾:Gladinet (13 人次, 2009-01-04)
  35. 開始使用Cygwin以取代cmd.exe (13 人次, 2007-01-11)
  36. [Firefox] 自動統計的瀏覽紀錄排行榜外掛:New Tab King (13 人次, 2009-04-26)
  37. Linus談Git與TortoiseGit (13 人次, 2008-12-19)
  38. ObjectDock-超豪華工作列 (13 人次, 2008-06-14)
  39. HTC Touch HD完整重置與升級ROM的步驟 (12 人次, 2009-05-16)
  40. 第二強的剪貼簿工具:MemoClip (12 人次, 2008-01-12)
  41. 萬用影音轉檔程式:FFMpeg與HD專用的VideoConverter (12 人次, 2009-05-10)
  42. 將Trac 0.10.4中文版公佈到Google Code (12 人次, 2007-09-08)
  43. ZScreen:一氣呵成的單鍵「抓圖與傳檔」工具 (12 人次, 2010-01-24)
  44. [轉貼] 「非親非客」的大陸交換生 (12 人次, 2009-01-03)
  45. 讓你與眾不同-StyleFolder:自訂資料夾圖示、背景與訊息文字 (12 人次, 2008-01-12)
  46. 把VMWare丟掉! Free的x86模擬器: QEMU (12 人次, 2004-12-16)
  47. Vista IE8的window.open異常 (12 人次, 2009-11-04)
  48. 從韓劇《市政廳》笑看韓國選舉花招 (12 人次, 2009-09-05)
  49. [WM6] 自動再次提醒未接來電等事件:ReRemind (11 人次, 2009-04-19)
  50. HTC HD Touch的專屬多媒體轉檔工具:Video Converter 1.21 (11 人次, 2009-04-11)
標籤雲

簡睿隨筆@新世界 使用的快取程式為 WP Super Cache