2009/07/03 | 
分類： 
噗友暱稱越取越長，造成內容被暱稱擠得一行只剩幾個字，導致閱讀的困擾。今天稍稍改造了css樣式，將暱稱和內容切割成兩列，讓內容的寬度在每個回應裡都一致。至於預設的格式較好，或修改後的格式較符合需求，應該是見仁見智，但至少提供了另一種選擇。修改的方法很簡單，將下列樣式內容貼到Plurk頁面左上方【編輯 > 自訂外觀】的樣式框裡（示範請看這裡，點擊回應數較多的plurk）：
/* 2009/07/02 */
.list .plurk_cnt .td_qual { /* 暱稱列 */
overflow:visible;
position:absolute;
width:auto;
}
.list .plurk_cnt .td_cnt .text_holder { /* 回應內容區 */
margin-left:1em;
margin-top:1em;
padding:0.5em;
width:auto !important;
}
2009/07/03補充：
可以在回應內容區加上背景與文字顏色，以更顯著的形式呈現。
.list .plurk_cnt .td_cnt .text_holder { /* 回應內容區 */
background: green; /* 背景設定為綠底 */
color: white !importnat; /* 白字 */
margin-left:1em;
margin-top:1em;
padding:0.5em;
width:auto !important;
}
| 預設的畫面 | 修改後的畫面 |
|---|---|
 |
 |
##
您可能也會有興趣的類似文章
- 將Plurk回應區變成固定寬度 (0則留言, 2009/07/11)
- 強化閱讀第２噗：變更噗浪回應的字體與背景顏色 (10則留言, 2009/06/07)
- Plurk CSS樣式自訂修改全攻略 (79則留言, 2009/07/04)
- 移動噗浪的回應時間位置，使能更清楚看到回應時間[修訂] (11則留言, 2009/07/04)
- 將噗浪的視窗高度變大，加上分隔線，以方便閱讀 (15則留言, 2009/06/06)
- 簡單放大Plurk輸入區的方法[修訂] (6則留言, 2008/09/29)
- 變化你的噗浪暱稱：Unicode我♥你－啦啦啦♪☺〠 (2則留言, 2009/06/23)
- 指定Plurk回應串對話者的小技巧 (1則留言, 2008/09/29)
- 噗浪修飾詞（Qualifier）(自由發揮) 到底要如何使用？ (0則留言, 2011/07/06)
- 如何手動輸入Plurk的表情圖示？ (164則留言, 2008/09/29)
- Plurk的快速鍵 (0則留言, 2008/10/03)
- [Plurk] 如何顯示12個噗浪朋友圖示？(結論:別人的是12個，自己的只會顯示8個) (0則留言, 2010/01/24)
- 專門設計噗浪佈景的網站，免費佈景一鍵安裝! (3則留言, 2010/08/10)
- 用AutoHotkey插入噗浪隱藏版表情符號 (8則留言, 2010/10/23)
- 希望：Plurk稍後會修正，請大家稍候… (1則留言, 2010/04/25)
標籤：
Loading ...
謝謝你喔…^^
歡迎參考。我個人是認為 將Plurk回應區變成固定寬度(http://jdev.tw/blog/1475/plurk-css-fixed-width) 比較容易閱讀 :-)
想請問這段代碼要怎麼改才能在IE上正常顯示呢？
請問可以把回應的對象跟暱稱放一起嗎?這樣回應內容就會清楚誕
回應對象是指 @to_whom 這樣的回文? 這是寫在回應的文字裡，很難獨立出來設定…還是我誤解您的需求了?
謝謝你!!你提供的都很實用呢!!
另外有個小問題.
就是有沒有辦法針對作者本人回應的噗改變顏色呢?@@
作者的留言做不同顯示：
.highlight_owner .text_holder {
background: #ddd;
color: blue !important;
}
只能變更所有的作者，沒辦法只變自己噗裡的自己的回應。