強化閱讀第２噗：變更噗浪回應的字體與背景顏色
 2009/06/07 |  分類： 微網誌
 | 點擊數: 4 / 33838
繼續再用修改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)
隨機文章- 兼具功能性與方便性的螢幕擷取軟體：Screenpresso (3)
- 全面做好GTD任務管理：Toodledo、TaskUnifier與Pocket Informant (10)
- [轉貼] 靠部落格打響品牌 一個人賺全世界的錢 (3)
- [轉貼] 甲骨文再買下開放原始碼資料庫業者Sleepycat
- Device Doctor: 掃描並更新已安裝的驅動程式 (3)
- [OOo] 如何在緊鄰上邊界的表格上方能多出一列
- 祝大家聖誕快樂
- 對於黑米與部落格觀察的小小抱怨 (1)
- 蘋果創辦人喬布斯 討厭按鈕
- 壓縮工具比較：7-Zip, ZipGenius, TUGZip (4)
歷史熱門文章
- 如何手動輸入Plurk的表情圖示？ (368,356 點擊/2008-09-29)
- 啟用＆關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,230 點擊/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,441 點擊/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,884 點擊/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (72,048 點擊/2011-05-28)
- 輕鬆學會彈指神功－揭露AutoHotkey絕技 (50,858 點擊/2008-04-10)
- iPad新手入門技巧 (49,364 點擊/2011-02-05)
- iPad鍵盤輸入全攻略 (42,836 點擊/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞＋下載連結+新歌詞) (40,895 點擊/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,814 點擊/2010-01-02)
|
熱門文章排行
- 如何手動輸入Plurk的表情圖示？ (368,356 views/2008-09-29)
- 啟用＆關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,230 views/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,441 views/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,884 views/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (72,048 views/2011-05-28)
- 輕鬆學會彈指神功－揭露AutoHotkey絕技 (50,858 views/2008-04-10)
- iPad新手入門技巧 (49,364 views/2011-02-05)
- iPad鍵盤輸入全攻略 (42,836 views/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞＋下載連結+新歌詞) (40,895 views/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,814 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