把落落長的噗友暱稱變獨立一行的噗浪變身法
噗友暱稱越取越長,造成內容被暱稱擠得一行只剩幾個字,導致閱讀的困擾。今天稍稍改造了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 CSS樣式自訂修改全攻略 (85則留言, 2009/07/04)
- 將Plurk回應區變成固定寬度 (0則留言, 2009/07/11)
- 強化閱讀第2噗:變更噗浪回應的字體與背景顏色 (10則留言, 2009/06/07)
- 移動噗浪的回應時間位置,使能更清楚看到回應時間[修訂] (11則留言, 2009/07/04)
- 如何手動輸入Plurk的表情圖示? (165則留言, 2008/09/29)
- 將噗浪的視窗高度變大,加上分隔線,以方便閱讀 (15則留言, 2009/06/06)
- 指定Plurk回應串對話者的小技巧 (1則留言, 2008/09/29)
- 簡單放大Plurk輸入區的方法[修訂] (6則留言, 2008/09/29)
- Plurk的快速鍵 (0則留言, 2008/10/03)
- 噗浪修飾詞(Qualifier)(自由發揮) 到底要如何使用? (0則留言, 2011/07/06)
- 變化你的噗浪暱稱:Unicode我♥你-啦啦啦♪☺〠 (2則留言, 2009/06/23)
- [Plurk] 如何顯示12個噗浪朋友圖示?(結論:別人的是12個,自己的只會顯示8個) (0則留言, 2010/01/24)
- 噗浪新功能:透過電子郵件/行動電話 plurk (13則留言, 2010/08/18)
- 用PlurkEasyEmoticon選取噗浪表情圖示 (7則留言, 2011/01/10)
- 希望:Plurk稍後會修正,請大家稍候… (1則留言, 2010/04/25)
謝謝你!!你提供的都很實用呢!!
另外有個小問題.
就是有沒有辦法針對作者本人回應的噗改變顏色呢?@@
作者的留言做不同顯示:
.highlight_owner .text_holder {
background: #ddd;
color: blue !important;
}
只能變更所有的作者,沒辦法只變自己噗裡的自己的回應。
請問可以把回應的對象跟暱稱放一起嗎?這樣回應內容就會清楚誕
回應對象是指 @to_whom 這樣的回文? 這是寫在回應的文字裡,很難獨立出來設定…還是我誤解您的需求了?
想請問這段代碼要怎麼改才能在IE上正常顯示呢?
謝謝你喔…^^
歡迎參考。我個人是認為 將Plurk回應區變成固定寬度(http://jdev.tw/blog/1475/plurk-css-fixed-width) 比較容易閱讀 :-)