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

2009/07/04 | 微網誌 | 作者: 簡睿| 閱讀總數 6619 , 3 (本日)Share/Bookmark

 

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

變身前:回應時間在噗外面的最右方 變身後:回應時間在噗裡面的暱稱的右方
plurk3 thumb1 移動噗浪的回應時間位置,使能更清楚看到回應時間[修訂] plurk4 thumb1 移動噗浪的回應時間位置,使能更清楚看到回應時間[修訂]

 

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/* 把回應時間往左邊移動。
 * 回應時間最右側是一個圖形,要把圖形移出畫面;
 * 因為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改寫:自己的噗或在別人噗裡的回應,回應時間區域除了時間以外,還會有刪除按鈕。先前的寫法會把刪除按鈕變不見,修改寫法使之重新出現。

##

類似主題的文章

留言-您的隻字片言對作者都是莫大的鼓勵

 1.  留言 作者: 白目捷 撰寫時間: 2009/07/04 19:00

這樣要如何刪回應….

回覆

簡睿 回覆:於

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

回覆


 2.  留言 作者: 吸擠丸 撰寫時間: 2009/07/07 08:15

您好

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

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

只不過發現關於時間這帖

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

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

是否我哪裡出了問題

再跟版主請教一下

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

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

不好意思囉

回覆


 3.  留言 作者: 吸擠丸 撰寫時間: 2009/07/07 08:17

很抱歉

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

sorry

回覆


 4.  留言 作者: Mario Liao 撰寫時間: 2009/07/11 06:23

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

回覆


 5.  留言 作者: H 撰寫時間: 2009/12/02 23:09

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

回覆

簡睿 回覆:於

我目前的樣式已經修改了,請參考 Plurk CSS樣式自訂修改全攻略 http://jdev.tw/blog/1467/plurk-css-adjustment-summary 看看。

回覆

H 回覆:於

嗯~ 試過了還是沒用耶? 在原本的位置會有一個白色的底

回覆

簡睿 回覆:於

能否提供網址供檢視?

回覆

H 回覆:於

問了一下朋友,多加了div在.response_time前就解決了 XDrz

回覆

簡睿 回覆:於

That’s really a good news. :-)


撰寫留言





隨機文章

本日點擊排行 本周點擊排行 本月點擊排行 歷史點擊排行 | 統計表
  1. 用ShareMonitor記錄資料夾分享的存取歷史 (23 人次, 2010-03-18)
  2. 使用Memory Fox附加元件為Firefox進行定期記憶體瘦身 (19 人次, 2010-02-27)
  3. 日劇《仁醫 JIN》與漫畫《仁者俠醫》觀後雜感 (16 人次, 2009-10-29)
  4. DOS命令使用技巧1:最快把文字檔案貼入剪貼簿的方法 (16 人次, 2010-02-27)
  5. 使用IMETOOL有效控制中文輸入法 (16 人次, 2010-02-27)
  6. DOS命令使用技巧4:由DOS視窗迅速切換資料夾的方法 (16 人次, 2010-02-27)
  7. 另一套適用手機的影片轉檔工具:WinAVI 3GP/MP4/PSP/iPod Video Converter (15 人次, 2009-04-18)
  8. 超方便下載[Google圖書]的資料 (14 人次, 2010-02-27)
  9. DOS使用技巧2:檢視超大檔案檔尾內容的指令WinTail.exe (14 人次, 2010-02-27)
  10. DOS命令使用技巧3:由DOS視窗將目前資料夾用檔案總管開啟的方法 (13 人次, 2010-02-27)
  11. 令人動容的日劇《不毛地帶》片尾曲:Tom Traubert's Blue[修訂] (13 人次, 2009-11-22)
  12. 強化HTC Touch HD的工具軟體 (12 人次, 2009-02-25)
  13. Plurk CSS樣式自訂修改全攻略 (12 人次, 2009-07-04)
  14. 把HTC Touch HD操作介面換成Spb Mobile Shell,美觀又便利! (11 人次, 2009-02-18)
  15. 將噗浪的視窗高度變大,加上分隔線,以方便閱讀 (11 人次, 2009-06-06)
  16. Windows 7的常用快速鍵速查表 (11 人次, 2010-01-05)
  17. 超簡單MSN下載檔案自動分類 (11 人次, 2010-02-27)
  18. 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (11 人次, 2010-01-02)
  19. 改寫AutoHotkey輸出中文字串的寫法http://jdev.tw/blog/1434/autohotkey-sendinput-asc (10 人次, 2009-06-20)
  20. 將Plurk回應區變成固定寬度 (10 人次, 2009-07-11)
  21. [轉貼] 转:容易弄错的繁体字 (10 人次, 2010-02-18)
  22. Windows 7試用小記 (10 人次, 2009-08-19)
  23. 從韓劇《市政廳》笑看韓國選舉花招 (10 人次, 2009-09-05)
  24. 強化閱讀第2噗:變更噗浪回應的字體與背景顏色 (9 人次, 2009-06-07)
  25. 啟用Vista與Windows 7的無敵模式(God Mode) (9 人次, 2010-01-03)
  26. 開始使用Cygwin以取代cmd.exe (8 人次, 2007-01-11)
  27. nCleaner造成輸入法不見了?! (8 人次, 2008-07-17)
  28. 使用Word 2010 Beta/2007寫Blog文章 (7 人次, 2010-01-19)
  29. HTC Touch HD的Opera無法瀏覽 (7 人次, 2009-06-28)
  30. HTC HD Touch的專屬多媒體轉檔工具:Video Converter 1.21 (7 人次, 2009-04-11)
  31. Windows Mobile使用的完美聯絡人軟體:Inesoft Phone [修訂] (7 人次, 2009-02-28)
  32. 用AutoHotkey輕鬆製作螢幕小鍵盤 (7 人次, 2008-03-16)
  33. 文字編輯器印象與jEdit (7 人次, 2007-10-24)
  34. Joomla! 1.0.12網站建置2-安裝佈景主題樣板(多圖) (7 人次, 2008-07-05)
  35. 令人讚賞的電子書集中站:好讀網站與好讀閱讀器 (7 人次, 2009-04-25)
  36. [Windows] 去除環境變數DATE與TIME內的空白 (6 人次, 2008-04-20)
  37. 自行新增「右鍵功能表選項」的方法 (6 人次, 2006-07-15)
  38. 用多顆CPU加快Vista開機速度 (6 人次, 2008-06-24)
  39. 能與Google Reader同步的Windows Mobile RSS reader? (6 人次, 2009-03-09)
  40. [WM6] 自動再次提醒未接來電等事件:ReRemind (6 人次, 2009-04-19)
  41. 停止ThinkPad X61部份開機服務與處理程序 (6 人次, 2008-03-29)
  42. Joomla! 1.0.12網站建置 (多圖) (6 人次, 2008-06-22)
  43. 快速切換資料夾之台灣之光:Folder Menu (6 人次, 2009-04-22)
  44. 初試TortoiseSVN的收穫 (6 人次, 2005-09-16)
  45. 變更Windows Mobile的藍牙檔案接收儲存資料夾 (6 人次, 2009-05-16)
  46. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (6 人次, 2008-04-10)
  47. 用Ubiquity快速發佈Plurk訊息-用%l替換網址 (6 人次, 2008-10-07)
  48. 變化你的噗浪暱稱:Unicode我♥你-啦啦啦♪☺〠 (6 人次, 2009-06-23)
  49. 自動隱藏特定視窗的工具:OuttaSight (6 人次, 2009-11-21)
  50. 讓你與眾不同-StyleFolder:自訂資料夾圖示、背景與訊息文字 (6 人次, 2008-01-12)
標籤雲

簡睿隨筆@新世界 使用的快取程式為 WP Super Cache