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

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

 

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

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

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

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:37

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

[回應]

簡睿 回應:
六月 7th, 2009 at 19:09:45

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

[回應]


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

你好

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

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

阿奇

[回應]

簡睿 回應:
六月 21st, 2009 at 19:02:44

歡迎!

[回應]


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

太棒了！感謝分享！

[回應]


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

歡迎取用，不必言謝。

[回應]


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

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

[回應]


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

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

[回應]

簡睿 回應:
八月 10th, 2009 at 21:24:29

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

[回應]


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

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

[回應]


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

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

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

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

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

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

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

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

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

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

[回應]

簡睿 回應:
九月 3rd, 2009 at 22:49:44

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

[回應]

簡睿 回應:
九月 3rd, 2009 at 22:56:15

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

[回應]


 9.  留言 作者: liyun_台灣意識 撰寫時間: 2010/03/31 18:52:03

真魯力，所有的部落因為有你們
才讓單調部落活潑生動。
祝福你們 平安喜樂

[回應]

簡睿 回應:
三月 31st, 2010 at 21:43:07

祝噗浪愉快 :-)

[回應]


撰寫留言





隨機文章

本日點擊排行 本周點擊排行 本月點擊排行 歷史點擊排行 | 統計表
  1. 接聽電話後重新顯示螢幕的偵測軟體：Touch InCall Screen Tweak (3 人次, 2009-03-12)
  2. [WM6] 自動再次提醒未接來電等事件：ReRemind (3 人次, 2009-04-19)
  3. 用DeskView讓桌面變清爽 (3 人次, 2008-01-24)
  4. [轉貼] 利用Wood Workshop自製木頭質感的底圖素材 (3 人次, 2005-06-14)
  5. 又一個Java寫的資料庫前端工具：Execute Query 3.0 (2 人次, 2006-09-21)
  6. [SVN] Hook scripts的使用方法 (2 人次, 2005-12-09)
  7. [轉貼] 千千靜聽：自動抓歌詞+詞曲同步的KTV播放器 (2 人次, 2005-07-22)
  8. 能與Google Reader同步的Windows Mobile RSS reader? (2 人次, 2009-03-09)
  9. Linus談Git與TortoiseGit (2 人次, 2008-12-19)
  10. [轉貼Toget] iColorfolder：為資料夾圖示換上繽紛色彩 (2 人次, 2005-08-09)
  11. 讓手機永保清醒的DontSleep Wifi (2 人次, 2009-03-13)
  12. (2 人次, 2004-12-15)
  13. ls -d 的用途 (2 人次, 2004-12-26)
  14. 在Blog裡顯示隨機文章的簡單作法 (2 人次, 2007-10-14)
  15. [轉貼] Me Media——個人媒體時代來臨！ (2 人次, 2005-04-10)
  16. WinMerge檔案濾鏡的使用方法 (2 人次, 2006-09-10)
  17. [Tools] 為硬碟做健康檢查：HDDlife; 硬碟測試：HD_Speed、HD Tune (2 人次, 2005-03-18)
  18. Spb Mobile Shell設定備忘 (2 人次, 2009-02-19)
  19. [NetBeans] 安裝與設定NetBeans內的Subversion (2 人次, 2006-01-21)
  20. 如何組成強固又容易記憶的密碼？ (2 人次, 2009-01-07)
  21. [Tools] 快速搜尋檔案：Locate32 (2 人次, 2005-07-16)
  22. Xuite網址的正規運算式測試 (2 人次, 2007-04-30)
  23. 用樣式控制Google AdSense廣告顯示的位置 (2 人次, 2007-05-03)
  24. 關閉所有視窗的小工具：CloseAll.exe (2 人次, 2010-05-22)
  25. [Subversion] 尋找Subversion Client工具 (2 人次, 2005-09-01)
  26. Windows Mobile使用的完美聯絡人軟體：Inesoft Phone [修訂] (2 人次, 2009-02-28)
  27. 常見的收錄書籤網址寫法之彙總表格 V1.1 (2 人次, 2007-04-01)
  28. [Blog] 刪除del.icio.us的張貼網站 (2 人次, 2005-03-05)
  29. 搖手機啟動指定的程式：G-Trigger (2 人次, 2009-03-19)
  30. 用tag2find幫你的文件隨處貼標籤 (2 人次, 2008-01-11)
  31. OpenOffice.org擴充的集中站 (2 人次, 2008-01-31)
  32. [工具] Xuite人氣統計網頁 (2 人次, 2007-09-16)
  33. [Xuite] 文章分類後面的小圖示代表什麼意義? (2 人次, 2005-03-16)
  34. [創作] 字型工具產生器：動態變更Blog網頁的字型大小 (2 人次, 2007-04-29)
  35. [轉貼] 全球掀熱潮 桃太郎最愛玩部落格 (2 人次, 2007-04-09)
  36. ThunderBird: 設定擴充套件的選項 (1 人次, 2005-01-10)
  37. 亞洲電腦巨擘之間的博弈 (1 人次, 2007-09-24)
  38. ThunderBird擴充: 聯絡人側邊工作列(Sidebars) (1 人次, 2005-01-16)
  39. ｎｅｔ２ｆｔｐ: 用瀏覽器當FTP Client (1 人次, 2005-01-13)
  40. 語系/地區碼 zh-TW與zh-CN 中的zh代表什麼? (1 人次, 2005-06-07)
  41. 在字裡行間發出嗡嗡聲：LineBuzz--線上註解服務 (1 人次, 2007-05-20)
  42. 快速啟動「服務」、「新增/刪除程式」視窗的方法 (1 人次, 2005-01-20)
  43. 改造你的Gmail: Better Gmail 0.3 (FireFox extension) (1 人次, 2007-04-23)
  44. 不用再一篇一篇剪貼了：在文章內文動態產生google AdSense的廣告 (1 人次, 2007-04-16)
  45. [創作] 個人網頁全都連：Show Yourself Generator V1.0 (1 人次, 2007-04-21)
  46. FireFox擴充套件與自訂工具列按鈕 (1 人次, 2005-01-09)
  47. Firefox: 使用者自訂檔 (1 人次, 2005-01-08)
  48. Thunderbird的「標籤」功能 (1 人次, 2005-01-14)
  49. Picasa 圖片整理工具 (1 人次, 2005-01-19)
  50. DOS (命令提示字元) 的巨集功能 (1 人次, 2005-01-18)
標籤雲
ADS Apache AutoHotkey backup Batch Blogging BT CMS Console Cygwin DOS Download!雜誌 Firefox Freeware FTP funP GMail Google Graphics HTC IM IntelliJ-IDEA iReport Java JavaScript jEdit Joomla jQuery Linux Media Microsoft Mozilla MSN MySQL NAS NetBeans Office OpenOffice Oracle PDF PHP Plurk RSS Shell SQL Subversion system ThinkPad Thunderbird tortoiseSVN Trac TS-109 Ubiquity Vista Wiki Windows Windows-7 Windows-Mobile WordPress WordPress外掛 X61 Xuite 備份 剪貼簿 啟動程式 噗浪 壓縮工具 工作列 工作管理員 搜尋工具 新聞 旅遊 書籤 有趣 桌面 檔案管理 滑鼠手勢 漫畫 瀏覽器 環境變數 科技 網站服務 網路服務 編輯器 繪圖 螢幕擷取 行事曆 設備 論壇 資安 資料夾 資料庫 輸入法 郵件軟體 閱讀 附中 雜記 電影

Bad Behavior has blocked 10 access attempts in the last 7 days.