將Plurk回應區變成固定寬度

嘗試把回應區用固定寬度的方法呈現，讓每行的回應內容有較多的字數，也不致因暱稱而變得長短不一。修改的方法請參考Plurk CSS自訂修改全攻略，修改後的範例請參考簡睿在噗浪。事實上，如果使用GreaseMonkey的腳本來做類似這些變化會是更好的選擇，但為了能跨瀏覽器使用，還是用修改CSS的方法加減用吧。

變身前	變身後

滑鼠游標移到暱稱文字區域時，固定的寬度會放大以顯示較完整的暱稱。下圖是寬度放大後的暱稱：

/* 把回應內容區裡的表格改成固定寬度的layout */
.list table {
  table-layout:fixed;
}

/* 暱稱區寬度固定為35%, 淡灰底色；超出寬度的部份會消失(hidden) */
.list .td_qual  {
  width:35% !important;
  border-right: 2px solid #dddddd;
  background: #dddddd;
  overflow: hidden;
}

/* 游標移入暱稱區時寬度變成60% */
.list .td_qual:hover {
  width:60% !important;
  position: absolute;
}

/* 游標移至暱稱的文字連結時，顯示超長部份 */
.list .td_qual .name:hover {
  overflow: visible;
  width: 60% !important;
}

/* 把暱稱三角形按鈕往右移，以免蓋到修飾詞 */
.cmp_tooltips-down {
  left:30px;
  position:absolute;
}

##

您可能也會有興趣的類似文章

• Plurk CSS樣式自訂修改全攻略 (85則留言, 2009/07/04)
• 強化閱讀第２噗：變更噗浪回應的字體與背景顏色 (10則留言, 2009/06/07)
• 將噗浪的視窗高度變大，加上分隔線，以方便閱讀 (15則留言, 2009/06/06)
• 把落落長的噗友暱稱變獨立一行的噗浪變身法 (7則留言, 2009/07/03)
• 如何手動輸入Plurk的表情圖示？ (165則留言, 2008/09/29)
• 指定Plurk回應串對話者的小技巧 (1則留言, 2008/09/29)
• 移動噗浪的回應時間位置，使能更清楚看到回應時間[修訂] (11則留言, 2009/07/04)
• Plurk的快速鍵 (0則留言, 2008/10/03)
• 簡單放大Plurk輸入區的方法[修訂] (6則留言, 2008/09/29)
• 噗浪修飾詞（Qualifier）(自由發揮) 到底要如何使用？ (0則留言, 2011/07/06)
• 變化你的噗浪暱稱：Unicode我♥你－啦啦啦♪☺〠 (2則留言, 2009/06/23)
• 不費力Plurk Karma升級術：Plurk Top Mass Vote (1則留言, 2011/02/22)
• 噗浪新功能：透過電子郵件／行動電話 plurk (13則留言, 2010/08/18)
• 希望：Plurk稍後會修正，請大家稍候… (1則留言, 2010/04/25)
• 用Ubiquity快速發佈 Plurk 訊息-改良版 (0則留言, 2008/09/27)