強化閱讀第２噗：變更噗浪回應的字體與背景顏色
 2009/06/07 |  分類： 微網誌
 | 點擊數: 4 / 33782
繼續再用修改CSS 樣式的方法來加強Plurk的閱讀性。這次要修改的是加大回應文字的字體，變更游標位置的回應底色。
修改方式：點擊左上角的〔編輯〕，再按〔自訂外觀〕，將下列文字新增到樣式框裡：
/* 歡迎取用，但請標示網址 http://jdev.tw/blog/1423/plurk-css-highlight */
.list .plurk_cnt {
line-height:150%; /* 加大回應區的列距 */
}
.list .plurk_cnt tr {
border-bottom: 1px solid lightBlue; /* 分 隔 線 */
line-height:150%;
}
.list .plurk_cnt .td_cnt {
font-size:140%; /* 加大字體40% */
}
.plurk_cnt tr:hover {
background-color:lightBlue; /* 游標位置底色 */
}
.plurk_box .list {
height:300px;
}
##
您可能也會有興趣的類似文章
- 將噗浪的視窗高度變大，加上分隔線，以方便閱讀 (15則留言, 2009/06/06)
- 將Plurk回應區變成固定寬度 (0則留言, 2009/07/11)
- 把落落長的噗友暱稱變獨立一行的噗浪變身法 (7則留言, 2009/07/03)
- Plurk CSS樣式自訂修改全攻略 (79則留言, 2009/07/04)
- 簡單放大Plurk輸入區的方法[修訂] (6則留言, 2008/09/29)
- 指定Plurk回應串對話者的小技巧 (1則留言, 2008/09/29)
- 移動噗浪的回應時間位置，使能更清楚看到回應時間[修訂] (11則留言, 2009/07/04)
- Plurk的快速鍵 (0則留言, 2008/10/03)
- 噗浪修飾詞（Qualifier）(自由發揮) 到底要如何使用？ (0則留言, 2011/07/06)
- 如何手動輸入Plurk的表情圖示？ (164則留言, 2008/09/29)
- 變化你的噗浪暱稱：Unicode我♥你－啦啦啦♪☺〠 (2則留言, 2009/06/23)
- 希望：Plurk稍後會修正，請大家稍候… (1則留言, 2010/04/25)
- 用AutoHotkey插入噗浪隱藏版表情符號 (8則留言, 2010/10/23)
- 用Ubiquity快速發佈 Plurk 訊息 (4則留言, 2008/09/26)
- 用PlurkEasyEmoticon選取噗浪表情圖示 (7則留言, 2011/01/10)
隨機文章- 我的Subversion與Trac使用經驗 (4)
- [轉貼] 對比一下胡錦濤和馬英九的元旦賀詞（你看出了什麼？差距！！！） (2)
- [Sites] GigaMedia線上英漢、漢英字典
- NetBeans的Subversion設定的最後一個步驟
- 創下最快移除速度的微軟程式啟動器：Speed Launch (2)
- Java-based Subversion client登入AD的帳號問題
- 版面樣式左右對調
- ZScreen：一氣呵成的單鍵「抓圖與傳檔」工具 (7)
- [Tour] 金山綠峰山莊之旅
- [WordPress] 讓Twenty Eleven樣板也能顯示側邊欄的修改步驟 (7)
歷史熱門文章
- 如何手動輸入Plurk的表情圖示？ (367,762 點擊/2008-09-29)
- 啟用＆關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (118,717 點擊/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,200 點擊/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,799 點擊/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (71,277 點擊/2011-05-28)
- 輕鬆學會彈指神功－揭露AutoHotkey絕技 (50,582 點擊/2008-04-10)
- iPad新手入門技巧 (48,890 點擊/2011-02-05)
- iPad鍵盤輸入全攻略 (42,271 點擊/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞＋下載連結+新歌詞) (40,754 點擊/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,545 點擊/2010-01-02)
|
熱門文章排行
- 如何手動輸入Plurk的表情圖示？ (367,762 views/2008-09-29)
- 啟用＆關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (118,717 views/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,200 views/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,799 views/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (71,277 views/2011-05-28)
- 輕鬆學會彈指神功－揭露AutoHotkey絕技 (50,582 views/2008-04-10)
- iPad新手入門技巧 (48,890 views/2011-02-05)
- iPad鍵盤輸入全攻略 (42,271 views/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞＋下載連結+新歌詞) (40,754 views/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,545 views/2010-01-02)
|
標籤：
Loading ...
感謝分享XD借我轉到噗浪去唷
歡迎取用!
第二波也要支持啊！以前我常常會把噗開成新分頁，現在不需要了！
請問噗浪的字體可以改嗎？
我之前用的樣式是微軟粗黑體
換了樣式就沒有了
可以教我嗎？
請參考http://jdev.tw/blog/1467/plurk-css-adjustment-summary
font-family: 正黑體 bold;
http://www.plurk.com/installDesign/3161862-6d3b998b41
送你
這是我的噗浪 http://www.plurk.com/k_ivan
請問名稱是黃色的怎麼改呢?這樣看不清楚QAQ
還有自我介紹是白色的看不到 怎麼改呢?謝謝您^^
請參考http://jdev.tw/blog/1467看看
謝謝你分享將視窗高度變大~~ 請問如何讓視窗寬度變寬?因為我套用的噗浪背景圖,朋友回噗的內容最右邊一個字都會被切到看不見!3Q
這每個CSS可能都不同，很難回答 T_T