把落落長的噗友暱稱變獨立一行的噗浪變身法

噗友暱稱越取越長，造成內容被暱稱擠得一行只剩幾個字，導致閱讀的困擾。今天稍稍改造了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)
• 強化閱讀第２噗：變更噗浪回應的字體與背景顏色 (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)