將 Google+ 訊息串變身為 Timeline、Pinterest 樣式 - 硬是要學
首頁 » Chrome, Firefox, Google+, 社群, 網路相關» 將 Google+ 訊息串變身為 Timeline、Pinterest 樣式
Werboy 發表於

將 Google+ 訊息串變身為 Timeline、Pinterest 樣式

文/Werboy

Werboy 之前推薦過3款調整Google+新介面的外掛調整Google+文字配色的外掛將 Google+ 新介面的稍做調整,看起來更舒適,現在又有更厲害的玩法,直接把 Google+ 訊息串變成 FacebookTimline 樣式及 Pinterest 樣式,既然 Google 留了那麼大的空白給我們,作者用這兩種形式重新設計訊息串真的太強、太有創意了!

這兩款擴充套件都適用於 Firefox 和 Chrome 瀏覽器(Firefox 必須先安裝 Greasemonkey),安裝之後重新整理 Google+ 頁面就會看到效果,不過在這之前必須將之前安裝的介面調整外掛停用或移除,否則會發生衝突導致頁面亂掉,來看看修改後的效果:

Timeline 樣式

將 Google+ 訊息串變身為 Timeline、Pinterest 樣式 timeline-01

▲ 如同你在 Facebook 的動態時報(Timeline)一樣,訊息串被時間軸分為左右兩邊,越往下表示越舊的訊息。發文框被改到訊息串上方中間的位置,社交圈選擇列則被移到頁面最上方黑色導航欄上,如果訊息和訊息之間的配色能更清楚一點會更好。

將 Google+ 訊息串變身為 Timeline、Pinterest 樣式 timeline-02

▲ 個人資料頁面也會有相同的效果。

將 Google+ 訊息串變身為 Timeline、Pinterest 樣式 timeline-03

▲ 探索頁面也一樣。

將 Google+ 訊息串變身為 Timeline、Pinterest 樣式 timeline-04

▲ 遊戲頁面也是。

Pinterest 樣式

將 Google+ 訊息串變身為 Timeline、Pinterest 樣式 pinterest-02

▲ 原則上 Pinterest 樣式安裝後應該是上圖的樣子,但如果螢幕不夠寬的話,就會像我一樣變成下圖的樣子。

將 Google+ 訊息串變身為 Timeline、Pinterest 樣式 pinterest-01

▲ 目前針對寬度較小的螢幕還無法做出正確的位置設置(我的螢幕解析度為1680*1050),所以看起來有點像是 Timeline 樣式,其實差蠻多的。在作者尚未推出新版本之前,螢幕不夠寬的使用者只好使用 Timeline 或其他樣式了。

下載樣式檔

如同前面所述,Firefox 必須先安裝 Greasemonkey 才能使用樣式檔,Chrome 則不用。打開下載頁面後,直接按左上角的「Install」鈕就能進行安裝。

Chrome 最多人瀏覽 »

Sorry. No data so far.

Firefox 最多人瀏覽 »

Sorry. No data so far.

關於

3C科技部落客,硬是要學共同創辦人,台灣部落客社群(TBC)共同發起人。熱愛發掘、體驗及分享各類科技產品。

Email:werboy@soft4fun.net

Facebook 網友留言

站內留言

有 8 個人討論 »

  • eric wynne 說:

    等了十秒,沒有「下載連結」。

  • 廷雨 說:

     貌似好了

  • eric wynne 說:

    依個真係好方便﹗謝謝推介好東西啊﹗ :D

    玩g+終於唔駛經常拉落去。奇怪改版之前無類似插件。

  • Werboy (author) 說:

    因為 Google+ 這次留很多空間給大家 XDD

  • eric wynne 說:

    原來之前唔夠位﹖XDD

  • Dahaka W 說:

    那个Timeline 樣式会自动隐藏2边栏,要能设置不隐藏就好了

  • max 說:

    想請問本站是用什麼字體?尺寸是設多少?字體等寬是那種
    字體類似到google+ 像極了 很好看
    謝謝。

  • 愛波 說:

    無法直接將這個擴充元件加到CHROME裡了T^T..
    需要下載到電腦 再從"擴充元件"那邊安裝進去
    但是頁面只有install的按鈕.. 不知道怎麼下載到電腦... >︿<~

留言還缺你一個哦!

支援Gravatar,你可以在不同的地方顯示同樣的大頭貼圖片,還沒有嗎? 快去申請一個吧!.

你可以使用這些標籤:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

您的留言將會在審核後顯示在頁面上,請別重複留言唷!!

[X]
取得更多 3C 新玩意和優惠資訊,立刻加入粉絲團!
關閉

Close