更新資訊:
最近改了一些程式碼,讓首頁更乾淨(1024x768 的螢幕就能容得下,請看下方擷圖),也讓相片列表與單張顯示的版面更好看了。

時常看我部落格的人一定都知道,Firefox 是我最愛用的瀏覽器,因為它太有彈性了,安裝擴充套件之後幾乎可以完成任何事情,在這些眾多套件裡頭有個很酷的套件叫做 Stylish

Stylish 這個套件讓你可以自由修改網站以及 Firefox 本身的 CSS,讓它們以不同的面貌呈現。除了自己寫 CSS 之外,你也可以去它的 官方網頁 找找別人分享出來的 stylish 樣式,或是參考我好久之前寫過的 一篇介紹文

我曾經寫了一個給無名小站用的樣式,名叫 Website: cleaner - WRETCH - Album,只是好久沒維護了,從發表到現在,無名版面也改了不少,所以我寫的這個樣式已經不堪使用。我是個很愛看美女的人,每天都會去表特版逛逛,然後就會連到無名去看相片。可是偏偏很多人的相簿佈景實在是很糟糕,有些更可說是慘不忍睹。看到這樣的頁面是很傷眼睛的(像是一閃一閃的 GIF 底圖、粉紅色背景加上白色文字、只有在 IE 底下才能正常觀看的佈景等等),所以我就手癢,又重新修改我那過時的 Website: cleaner - WRETCH - Album 樣式。

那要怎麼安裝呢?

  1. 首先當然你得用 Firefox 瀏覽器
  2. 然後你得用 Firefox 瀏覽器連到 Stylish 套件的網頁安裝它
  3. 接下來就可以裝我的 Website: cleaner - WRETCH - Album 樣式了

廢話講了這麼多,沒圖沒真相也是枉然。我是這麼認為的:「想看照片的人就是想專心看照片的,就讓我們專注在照片上吧。」,所以無名相簿被我修改得非。常。簡。潔。以下,請觀賞:)

Wretch-01.png
這是原本的無名相簿首頁,可以看到許多無用的資訊(藍色區域)

Wretch_02.png
這是修改之後的首頁,無用的區域不見了,左側的導覽列變短了,滑鼠移過就會完整顯示,讓可見範圍更廣了

Wretch-03.png
這是我隨便挑的一本相簿,文字顏色不易閱讀;背景圖會被相片擋住,所以根本沒用;相片外框也很普通

Wretch-04.png
經過修改之後,文字清晰易讀、無用的相關搜尋功能也不見了、黑色背景讓你完全專注在「看照片」這件事

Wretch-05.png
另一個隨便挑到的相簿,雖然背景沒有影響瀏覽,但它每張相片的底圖其實是 GIF 動畫,一閃一閃的讓人看不清楚照片

Wretch-06.png
修改之後,一樣乾淨溜溜,「讓我們專心的看照片」

Wretch-07.png
配合 Splash Album Viewer 這個 Greasemonkey 專用的腳本之後,瀏覽相片更方便,滑鼠移到縮圖就會跳出大圖

Wretch-08.png
若你瀏覽的是一般使用者的相簿,下方會有一個方框廣告,看了頗礙眼

Wretch-09.png
服用我這個樣式之後,下方的小廣告不見了,整體依然是簡潔好看的黑色佈景

Wretch-10.png
Splash Album Viewer 也可適用於單張相片瀏覽模式,滑鼠移到下方縮圖就會跳出大圖

以上這些圖片都沒有 AdBlock Plus 或是 NoScript 等等有助於阻擋廣告的套件,完全都只靠 Website: cleaner - WRETCH - Album 這個 stylish 樣式,若是再加上擋廣告套件,將會有更愉快的瀏覽經驗。總結一下,我的 Website: cleaner - WRETCH - Album 有何優點呢?

  • 讓你不再遇到 IE only 的佈景主題
  • 將礙眼的廣告清掉
  • 不用再忍受那些讓人看了眼睛會脫窗的佈景主題
  • 專心的看相片吧!

心動了嗎?快試試看吧!我會三不五時就修改這個樣式,只要我看到它無法正常套用到哪本相簿,我就會開始改它,然後再上傳到 Stylish 的網站,你們只要透過 Stylish 內建的更新功能就可以抓到最新版囉。對於這個樣式有任何建議或意見請在下方留言,我辦得到的話就會修改囉~

如果你喜歡 Website: cleaner - WRETCH - Album 的話,請給我個「推」吧:)

Nelson 發表在 痞客邦 PIXNET 留言(32) 人氣()


留言列表 (32)

發表留言
  • vicjuan
  • 還偷渡了某人的照片...

    這真是一舉數得的文章啊...XD
  • 不小心的~不小心的~

    Nelson 於 2009/02/24 08:44 回覆

  • 遊客
  • 這個真的是太強大了……
  • 上山打老虎
  • 真不是蓋 ... 出來的

    不是我在說 其實我發現妳寫的這個樣式 遠比你得部落格樣式漂亮耶...

    果然!! 美女的力量無限好@@ 連人體潛能都激發出來了

    看來無名氏該改名"人體潛能激發研究中心..."
    竊笑...

    同樣是黑色風格愛好者的路人甲
  • holmestea
  • 我也用Firefox ,推
  • liao1030
  • 這真是功能太強大了

    謝謝您的分享!!
  • 路人
  • 美女真是激發男人的無限可能~
    推~
  • funnyjobin
  • 這功能實在太強大了!!尤其是用在firefox身上!!
    推一下nelson大大
  • 小腸
  • 真的很好用
    有下有推^^
  • Mocolin
  • 太強大了
    有用有推!!
  • gameswu
  • 這真是功能太強大了
    有用有推!!
    謝謝您的分享!!
  • ramora
  • 真是太讚了~~~
    我之前就有裝 Greasemonkey 這個腳本
    現在又加了這個
    根本就是如虎添翼啊!!!
    順便借我引用網誌吧
    感謝啊^^
  • 燕
  • 酷斃了
  • Alan
  • 真是太強大了啦,推推推啦!!
  • FIONA
  • 好厲害啊
    給你拍拍手
    ^^
  • jazzylucy
  • Firefox的功能實在太強了~你也很厲害,發揮的淋漓盡致!!
  • 椅子人
  • 請問怎麼樣才有滑鼠移到圖上圖就會放大的效果
    已安裝greasemonkey 已啟用
    網址也設無名 哪用錯了?
  • 除了裝 GreaseMonkey 之外,Splash album viewer (http://userscripts.org/scripts/show/38846) 這個腳本也要安裝阿。要裝這個腳本才會有作用。

    Nelson 於 2009/02/24 22:44 回覆

  • 阿布
  • To 椅子人:
    以下是作者的中文網誌,你可以到以下的網址尋求更清楚的解答,
    http://www.wretch.cc/blog/sunday777/26534234

    其實很簡單,你只要進去某一本相簿,你不用點進去圖片,在預覽區把滑鼠移過去就可以了,如果你已經點進去顯示大圖的話,滑鼠移到大圖上面是沒有效果的喔,因為那樣也沒有意義了,因為這個套件就是幫助你不用每一張圖片都點進去看,只要在小圖區域將滑鼠移過去即顯示大圖了!
  • 徐小雪
  • 某人是我嗎XDD
  • 應該也沒別人了 XD

    Nelson 於 2009/02/24 23:32 回覆

  • vicjuan
  • 被偷渡的人居然自己跑出來了

    樓上你好
  • qwer1234
  • http://www.wretch.cc/album/ao600v
    上面這個相簿會出錯
    網頁下方被吃掉 滾輪滾不下去

    相簿是從ptt轉過來的
    不能貼的話還請Nelson修改後刪除我留言
  • 其實這是對方的 CSS 沒寫好,不是我的問題,不過既然遇到了,我就一併修正吧。使用 Stylish 套件的自動更新功能,就能更新到最新版的樣式囉 :)

    Nelson 於 2009/02/25 23:11 回覆

  • Birdme
  • 今天不小心連到了這裡
    安裝了這個套件
    但是我發現會跟Yet Another Smooth Scrolling 打架
    因此在看相簿時,無法使用滑鼠滾輪 必須關閉Yet 套件才可以
    請原作者幫忙解決
    謝謝
  • 解決了,更新吧 :D

    Nelson 於 2009/02/28 09:20 回覆

  • 上山打老戶
  • 探子回報!!

    身為男性的 野性 促使幫忙參與測試!!!
    結論是:很棒!! 但事發現小問題

    根據介紹的一個『自動載入下一頁』的套件搭配您所開發的東西之後...

    載入頁/次頁 的小圖均無法變大...
  • 冤枉阿,這跟我一點關係都沒有。

    首先,要讓小圖變大是 Splash Album Viewer 這個 Greasemonkey 套件的腳本的功能,不是我的。

    再來,自動載入下一頁導致下一頁的圖無法變大的原因是,Splash Album Viewer 這個腳本會在網頁載入的時候偵測圖片並讓它變大,可是自動載入上一頁這個腳本卻是在你滑鼠滾到頁面底部才會觸發,這時 Splash Album Viewer 早就執行過了,所以就沒效果了。

    Nelson 於 2009/03/01 16:32 回覆

  • 鄉民
  • 有下有推
  • 上山打老虎
  • 無聊的探子

    呵呵~@@
    原來如此 我沒想到 腳本質型的先後順序 失策失策!!
    原以為是您沒注意到而已!!抱歉抱歉!! (推砂堆)
  • 無法放大
  • 我上禮拜就安裝好你的樣式了^^

    之前都可以經過圖片讓圖片放大,節省瀏覽圖片的時間.

    可是這幾天發現,經過圖片會放大的功能消失了

    這是為什麼呢@@
  • 我必須再說一次,滑鼠經過圖片就會放大的功能不是我寫的,是國內另一個喜愛 Firefox 的玩家寫的,所以你有問題要去問他,不能問我阿 Orz

    你先檢查看看你有沒有啟動 Greasemonkey,有的話再看看有沒有啟動 Splash Album Viewer 這個腳本,還是不行的話就去問作者吧。

    Nelson 於 2009/03/08 18:04 回覆

  • tomx
  • 請問要移除的話怎麼辦,這樣我自己設的背景也看不到
  • 我不懂你的問題,什麼叫「要移除的話怎麼辦」?

    Nelson 於 2009/03/13 22:08 回覆

  • tomx
  • 大大提供的程式我用不習慣,所以想移除掉,請問要怎麼做?
  • 進入 Stylish 的選項視窗,停用或刪除我的樣式。

    Nelson 於 2009/03/14 14:17 回覆

  • 東
  • 請問版主 我灌完之後 我的 stylish 0.5.9顯示與firefox3.0.7不相容 該如何解決?
    另外我看無名時 背景沒辦法變成全黑的 麻煩了 謝
  • 1. 你問問題要問好,不然我怎麼知道你在問什麼呢? 你問的是 "裝好我的 style 之後,Stylish 就變成不相容",還是 "要安裝 Stylish 的時候,它顯示為不相容" ? 這兩者相差很大。
    若是前者,那我可以跟你說 "不可能",因為這跟那無關。若是後者,那我也會說 "不可能",因為 Stylish 套件相容到 3.1b2,不可能和 3.0.7 不相容。
    所以我還是不知道你想問什麼。

    2. 你只說背景無法全黑,卻沒有給我有問題的網址,這樣的問題回報對我跟對你來說都沒有幫助阿。

    我很樂意幫各位解決問題,但拜託各位,問問題的時候要好好問阿 Orz

    Nelson 於 2009/03/17 17:45 回覆

  • ansonchen
  • 請問您有沒有打算做一個BLOG的CLEAN樣式呢?

    相簿套用了您這個樣式以後,變的好乾淨阿,觀賞上也方便許多
    真搞不懂一堆人幹嘛搞得亂七八糟的...
  • 目前做給 blog 用的可能性不大,因為我在看的無名網誌不多,而且剛好都挺乾淨的。不過搞不好哪天心血來潮就做了也說不定啦,只是可能性真的不大。

    Nelson 於 2009/03/22 00:46 回覆

  • ansonchen
  • 希望您能趕快"心血來潮"阿XDD
  • JJ.lee
  • 對不起,打擾一下,請問可以驅除背景音樂嗎
    有些無名的背景音樂預設為直接播放,每次跳出網誌文章或是相片,就會再次播放
    請問有辦法可以多一個功能去除嗎,謝謝^^
  • Stylish 是修改網頁"外觀"的,無法達到你的要求。
    你需要的是 Stop Autoplay 或 Adblock Plus 套件。

    Nelson 於 2009/05/13 20:32 回覆

  • wind
  • 關於Website: cleaner - WRETCH - Album

    我照你的方法做了
    可是並沒有消除礙眼的廣告或樣式
    現在還可以用嗎
  • 似乎相簿首頁有改過,所以失效了。不過個人相簿的頁面還是可以的哩。
    等我有空再來改,最近很忙。

    Nelson 於 2009/08/11 01:36 回覆

【 X 關閉 】

【PIXNET 痞客邦】國外旅遊調查
您是我們挑選到的讀者!

填完問卷將有機會獲得心動好禮哦(注意:關閉此視窗將不再出現)

立即填寫取消