移動噗浪的回應時間位置，使能更清楚看到回應時間[修訂]

2009/07/04 |

| 點擊數: 7 / 14380

在把落落長的噗友暱稱變獨立一行的噗浪變身法裡把回應的噗友暱稱與回應內容分隔成兩個區塊，讓暱稱不致擠壓到內容的寬度；即然暱稱獨佔一行，這行的右邊就空出空間，因此嘗試把瀏覽回應時出現在最右方的時間給移進來，以更清楚的顯示回應的時間。以下是變身資料前後的比較：

變身前：回應時間在噗外面的最右方	變身後：回應時間在噗裡面的暱稱的右方

只要把下列的CSS內容貼到【編輯→自訂外觀】的CSS框裡就可以了：

/* 把回應時間往左邊移動。
 * 回應時間最右側是一個圖形，要把圖形移出畫面;
 * 因為Plurk不允許使用visibility和display，只
 * 能用移座標的方法。
 */
.response_time .holder+div img {
  left:-1200px;
  position:fixed;
}

/* 把回應時間左移120px */
.response_time .holder {
  background:blue;
  color:white;
  left:-120px;
  position:relative;
}

2009/07/05修訂：

移除img改寫：自己的噗或在別人噗裡的回應，回應時間區域除了時間以外，還會有刪除按鈕。先前的寫法會把刪除按鈕變不見，修改寫法使之重新出現。

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

Plurk CSS樣式自訂修改全攻略 (77則留言, 2009/07/04)
將Plurk回應區變成固定寬度 (0則留言, 2009/07/11)
把落落長的噗友暱稱變獨立一行的噗浪變身法 (7則留言, 2009/07/03)
強化閱讀第２噗：變更噗浪回應的字體與背景顏色 (10則留言, 2009/06/07)
簡單放大Plurk輸入區的方法[修訂] (6則留言, 2008/09/29)
如何手動輸入Plurk的表情圖示？ (162則留言, 2008/09/29)
將噗浪的視窗高度變大，加上分隔線，以方便閱讀 (15則留言, 2009/06/06)
變化你的噗浪暱稱：Unicode我♥你－啦啦啦♪☺〠 (2則留言, 2009/06/23)
指定Plurk回應串對話者的小技巧 (1則留言, 2008/09/29)
Plurk的快速鍵 (0則留言, 2008/10/03)
噗浪修飾詞（Qualifier）(自由發揮) 到底要如何使用？ (0則留言, 2011/07/06)
[Plurk] 如何顯示12個噗浪朋友圖示？(結論:別人的是12個，自己的只會顯示8個) (0則留言, 2010/01/24)
專門設計噗浪佈景的網站，免費佈景一鍵安裝! (3則留言, 2010/08/10)
噗浪新功能：透過電子郵件／行動電話 plurk (13則留言, 2010/08/18)
用AutoHotkey插入噗浪隱藏版表情符號 (8則留言, 2010/10/23)

白目捷

2009/07/04 於 19:00:15 » 留言

這樣要如何刪回應….

簡睿

2009/07/05 於 10:15:36 » 留言

已經修改了，請重新取新的CSS碼。

吸擠丸

2009/07/07 於 08:15:56 » 留言

您好

小柏老師推薦我來看貴帖後

當晚我就幾乎把您的所有噗的CCS加入我的編輯裡了

只不過發現關於時間這帖

好像會讓原本置於框外還有另外一個刪除自己回噗的功能

怎麼在拉進框內後就找不到了呢？

是否我哪裡出了問題

再跟版主請教一下

原本想直接砍掉這部份就好

但還是決定先跟版主反應一下再說

不好意思囉

2009/07/07 於 08:17:05 » 留言

很抱歉

當我一回完才看到樓上已經有發過我這問題嚕

sorry

Mario Liao

2009/07/11 於 06:23:57 » 留言

簡睿大哥實在是佛心來的啊！感激不盡！

2009/12/02 於 23:09:55 » 留言

現在使用這樣位移回應時間後，原本的位置還有方框耶? 請問要怎麼去除掉呢?

簡睿

2009/12/02 於 23:54:49 » 留言

我目前的樣式已經修改了，請參考 Plurk CSS樣式自訂修改全攻略 http://jdev.tw/blog/1467/plurk-css-adjustment-summary 看看。
- H
  
  2009/12/03 於 02:09:11 » 留言
  
  嗯~ 試過了還是沒用耶? 在原本的位置會有一個白色的底
  - 簡睿
    
    2009/12/03 於 23:12:10 » 留言
    
    能否提供網址供檢視?
    - H
      
      2009/12/05 於 00:29:06
      
      問了一下朋友，多加了div在.response_time前就解決了 XDrz
    - 簡睿
      
      2009/12/05 於 21:35:53
      
      That’s really a good news. :-)