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

友暱稱越取越長,造成內容被暱稱擠得一行只剩幾個字,導致閱讀的困擾。今天稍稍改造了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;
}
預設的畫面 修改後的畫面
plurk1 plurk2

##

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

7 則留言 »把落落長的噗友暱稱變獨立一行的噗浪變身法

填寫回應

 

 

 

您可使用這些HTML標籤

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

隨機文章

  1. 轉換Office檔案為文字格式的命令列工具:DocToText 
  2. 通用型的即時通訊軟體:Miranda IM、IM2 
  3. [Tools] 實用的圖片小工具:ClickPic 
  4. [Xuite] 在Xuite中使用上傳的圖片 
  5. JavaScript Collector: 包羅萬象的JavaScript檔案庫 
  6. Transmission與MLDonkey設定紀要 (4)
  7. [Thunderbird] 常用擴充列表說明;增強電子郵件的收納管理能力 (6)
  8. 萬用影音轉檔程式:FFMpeg與HD專用的VideoConverter 
  9. [Tools] Qm: The Quick Mailer (2)
  10. 在WordPress裡測試PHP指令的方法 (1)

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (353,006 點擊/2008-09-29)
  2. 簡單放大Plurk輸入區的方法[修訂] (86,919 點擊/2008-09-29)
  3. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (83,894 點擊/2011-06-01)
  4. Plurk CSS樣式自訂修改全攻略 (83,081 點擊/2009-07-04)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (53,224 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (43,134 點擊/2008-04-10)
  7. iPad新手入門技巧 (40,389 點擊/2011-02-05)
  8. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (38,140 點擊/2010-04-27)
  9. 把HTC Touch HD操作介面換成Spb Mobile Shell,美觀又便利! (37,949 點擊/2009-02-18)
  10. 另一套適用手機的影片轉檔工具:WinAVI 3GP/MP4/PSP/iPod Video Converter (35,911 點擊/2009-04-18)