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

2009/07/04 | 微網誌 | 作者: 簡睿| 閱讀總數 6552 , 1 (本日)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. 使用IMETOOL有效控制中文輸入法 (3 人次, 2010-02-27)
  2. 使用Memory Fox附加元件為Firefox進行定期記憶體瘦身 (3 人次, 2010-02-27)
  3. Aqua Data Studio 3.7.23 更新 (2 人次, 2005-01-31)
  4. 令人動容的日劇《不毛地帶》片尾曲:Tom Traubert's Blue[修訂] (2 人次, 2009-11-22)
  5. 超簡單的HTC Touch螢幕鎖:LockMeLite (2 人次, 2009-03-24)
  6. 用AutoHotkey改造特殊按鍵 (2 人次, 2008-03-19)
  7. [Thunderbird] 常用擴充列表說明;增強電子郵件的收納管理能力 (2 人次, 2007-03-31)
  8. [AutoHotkey] 連按兩次Escape鍵來關閉視窗 (2 人次, 2006-05-11)
  9. 用gTimeSync讓Windows Mobile做網際網路時間同步校正 (2 人次, 2009-05-17)
  10. 把HTC Touch HD操作介面換成Spb Mobile Shell,美觀又便利! (2 人次, 2009-02-18)
  11. 編輯環境變數PATH的人性化工具: Redmond Path (2 人次, 2008-04-19)
  12. Trac的Issue Ticket狀態管理 (2 人次, 2007-09-08)
  13. [OOo] OpenOffice.org轉檔的方法 (2 人次, 2006-07-18)
  14. [Xuite] 發生GooglePages連結異常!? (2 人次, 2007-11-04)
  15. DOS命令使用技巧1:最快把文字檔案貼入剪貼簿的方法 (2 人次, 2010-02-27)
  16. 升級Subversion client版本與VisualSVN Server (2 人次, 2008-11-22)
  17. DOS使用技巧2:檢視超大檔案檔尾內容的指令WinTail.exe (2 人次, 2010-02-27)
  18. [轉貼] 转:容易弄错的繁体字 (2 人次, 2010-02-18)
  19. DOS命令使用技巧3:由DOS視窗將目前資料夾用檔案總管開啟的方法 (2 人次, 2010-02-27)
  20. DOS命令使用技巧4:由DOS視窗迅速切換資料夾的方法 (2 人次, 2010-02-27)
  21. 超簡單MSN下載檔案自動分類 (2 人次, 2010-02-27)
  22. WordPress簡單又美觀的網站訂閱與文章書籤外掛:Add To Any (1 人次, 2008-12-28)
  23. [轉貼] 國家步道系統網站 (1 人次, 2005-05-12)
  24. 中文版的資料庫前端工具:Aqua Data Studio 7.0 (1 人次, 2009-01-25)
  25. 功能眾多的開源剪貼簿工具:ArsClip (1 人次, 2009-01-23)
  26. 推薦好看又好笑的國片《海角七號》 (1 人次, 2008-08-24)
  27. [DVD] 令人動容的《翻滾吧!男孩》與《歌舞中國》 (1 人次, 2005-08-07)
  28. 把網路空間當成本機資料夾:Gladinet (1 人次, 2009-01-04)
  29. [WordPress] 顯示網頁的資料庫查詢次數與執行秒數 (1 人次, 2008-12-20)
  30. Notifixious: 頭香客與貼文達人必備的新利器 (1 人次, 2008-12-21)
  31. [WordPress外掛] 顯示外部連結小圖示以方便辨識 (1 人次, 2008-12-28)
  32. [jEdit] 使用BeanShell巨集自行擴充功能 (1 人次, 2007-11-17)
  33. 新增Facebook推文計數按鈕的WordPress外掛: Facebook ShareCount (1 人次, 2009-10-11)
  34. 更多的工作管理員工具介紹:AnVir Task Manager、Security Task Manager (1 人次, 2008-01-20)
  35. ClipMate 6.5: 物超所值的剪貼簿工具 (1 人次, 2005-02-17)
  36. [轉貼聯合報] 倉頡輸入發明人 隱居澳門深耕中文電腦 (1 人次, 2005-08-11)
  37. [輚貼電腦報] 無名、MSN Spaces、個人新聞臺居部落格前三大 (1 人次, 2005-06-29)
  38. [Tools] 又一個支援多種通訊協定的IM軟體:BeeNut (1 人次, 2005-05-21)
  39. 用Clipperz存放密碼,透過網路隨時隨地取得密碼 (1 人次, 2008-11-27)
  40. HFS(HTTP File Server)讓您瞬間速架私人FTP (1 人次, 2008-02-05)
  41. [FireFox擴充] 牛仔好忙,等會再看吧:Read it Later! (1 人次, 2008-02-07)
  42. TiddlyWiki的安裝與設定 (1 人次, 2007-08-06)
  43. 變更資料夾與檔案的屬性:Attribute Changer 6.0 Beta (1 人次, 2008-02-10)
  44. 記帳隨處走:記帳網站 (1 人次, 2008-03-13)
  45. [Sites] GigaMedia線上英漢、漢英字典 (1 人次, 2007-04-05)
  46. EasyCleaner: 清除無效登錄項目、刪除重複檔案等的工具 (1 人次, 2005-01-17)
  47. 語系/地區碼 zh-TW與zh-CN 中的zh代表什麼? (1 人次, 2005-06-07)
  48. CFDButton:依據副檔名過濾與顯示檔案 (1 人次, 2007-12-05)
  49. 嗜咖啡者看《咖啡時光》 (1 人次, 2009-01-26)
  50. 用WordPress的WPtouch外掛顯示iPhone與HTC Touch HD的精簡樣式[修訂] (1 人次, 2009-02-02)
標籤雲

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