2010年8月21日

[Gmail] 恢復Gmail「未讀取」等按鈕選項

在Gmail最近一次的改板中,把原本可選擇「已讀取」、「未讀取」等選項按鈕,全部移至上方選項中(如下圖),雖說這項改變使Gmail的樣式變得較為美觀,但也使得要選取「未讀取」等按鈕時,變成需要點選兩次才能成功選取,感覺有點多餘且麻煩。
Gmailselect.jpg
原本從網路上有找到可恢復原本格式的GM腳本(Gmail - Restore "Select" line including "Unread" link),但最近不知為何原因失效了,因此又從網路上尋找到相同功能的Stylish樣式,以下為此樣式語法,請自行複製儲存:
/*Gmail: Select "links" restored*/
@-moz-document domain("mail.google.com") {
/* move search results text down below Select links */
.A1.D.E .yS { padding-top: 25px !important; }
/* same height as before (more or less) */
.A1.D.E .nH { height: 22px !important; }
.A1.D.E > .nH > .nH.Cq > div > div > .J-M.AW:nth-child(7) {
position: relative !important;
top: -4px !important;
left: 15px !important; /* line up with 'Search ...' */
display: inline !important;
height: 16px !important;
}
.A1.D.E > .nH > .nH.Cq > div > div > .J-M.AW:nth-child(7) > .SK:before {
content: "Select: " ; font-family: Arial ; color:White;
}
.A1.D.E > .nH > .nH.Cq > div > div > .J-M.AW:nth-child(7) > .SK {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
padding-top: 4px !important;
padding-bottom: 2px !important;
background-color: transparent !important;
font-family: Verdana !important;
color: White !important;
}
.A1.D.E > .nH > .nH.Cq > div > div > .J-M.AW:nth-child(7) > .SK.AX > .J-N {
display: inline-block !important;
padding-left: 8px !important;
padding-right: 8px !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important; /* WebKit */
cursor: pointer !important;
}
.A1.D.E > .nH > .nH.Cq > div > div > .J-M.AW:nth-child(7) > .SK.AX > .J-N:hover {
background-color:#406480 !important;
color:white !important;
}
/* optional bg: sort of a button look (dark/light bg with light/dark text) * /
.A1.D.E > .nH > .nH.Cq > div > div > .J-M.AW:nth-child(7) > .SK.AX > .J-N:not(:hover) {
background-color: #406480 !important;
} /* dark blue [Planets bg] */
}

PS.標記為紅色字體的地方,請搭配自己Gmail頁面風格更改字體顏色(如White改為black)
套用後圖片
Gmailselect1.jpg

2010年7月23日

[Fx套件] 火狐必裝套件 ─ Greasemonkey

Greasemonkey(以下簡稱GM),中文俗稱油猴子,為火狐(Firefox)的一個擴充套件,可讓使用者安裝不同的腳本為需要的網站增加、修改其功能,達到方便瀏覽網站之目的,諸如Google搜尋的排列方式、一鍵下載YouTube影片及Flickr小圖放大功能等,都可利用腳本來達成,可說是火狐必定安裝的擴充套件之一。
套件資訊:
GM的安裝步驟如同一般的火狐套件,在上述下載網站點選新增至Firefox(Add to Firefox)即可,安裝完畢後會在火狐狀態列顯示一個可愛的猴子圖示(如下圖)GM.jpg
在圖示上點選右鍵,會如上圖一般出現一個資訊方框,各代表者:
  1. 方框最上方是目前頁面所使用的腳本名稱,在之前的GM版本會在腳本名稱顯示一個打勾符號,代表腳本啟用與否,然而最新版本不知為何取消了這設計,抑或是我電腦本身的問題,原因並不瞭解。
  2. 正在使用中的腳本:某些腳本必須經過相關設定才能正常使用,此選項會顯示腳本的設定選項。
  3. 新增腳本: 此選項應是編寫GM腳本用,我並沒有實際操縱過,故略過不提。
  4. 管理腳本: 開啟管理腳本選項,為最常用的選項,也可以在GM圖示上用滑鼠中鍵開啟,下面篇幅會詳加介紹。
  5. 啟用:顧名思義,啟用GM的選項,亦可在GM圖示上使用滑鼠左鍵啟動

2010年7月19日

[Blogger] 設置文章總覽效果

此篇為點圖放大文章
Blogger.jpg要在Blogger顯示自己過去所寫的文章,大部分都是會使用Blogger內建的小工具─網誌存檔(如:本網誌左側文章總覽欄位),然而網誌存檔不管是下拉式選單或階層、條列式,都是採用日期排列,無法看出全部標籤的文章。

不過昨天在PTT Blog版上發現解決此一問題的最佳方法,可以自動讀取所有標籤文章的模組,個人安裝測試後,發現整個模組運作及外觀都令人都相當滿意,模組示範可以參考本站上方文章總覽頁面。

2010年3月21日

[GC] 暫時解決無法安裝擴充功能問題

此篇為點圖放大文章
2010.09.03補充
更新至Google Chrome 6.0.472.53 正式版可修正無法安裝擴充套件的問題

2010.04.28補充
最近發現有更快速的方法可解決此一問題,只要關閉GC的沙箱(Sandbox)功能即可。關閉方法如下:
在GC的捷徑後增加以下參數 --no-sandbox (如下圖),參數前需加上空白
92912449.jpg
PS.建議安裝完需要的套件(主題)後,請恢復沙箱功能
昨天心血來潮想把Google Chrome(以下簡稱GC)更換佈景主題,然而在點選套用主題後,竟跳出「無法安裝擴充功能 」的視窗,並顯示could not create directory for unzipping,之後試著安裝任一擴充套件,也都是顯示相同訊息。
gcunzip.jpg

一開始以為重新安裝GC應該就可以解決,但重安裝後問題依舊存在,上網搜尋了一下,發現國外少數人也有此情形發生(Issue 35198),在連接中有人提供瞭解決辦法,似乎是目前解決此問題的唯一方法,不過我並不是很喜歡修改系統參數這方法就是。

以下為解決無法安裝擴充功能問題的步驟:(XP適用)

2010年1月4日

[Blogger] 在Blogger安裝LightBox特效

此篇為點圖放大文章
Lightbox(光箱),是一種讓小圖不需另開新頁,可點選圖片直接在同一頁面瀏覽大圖的酷炫特效,很適合用於美食、旅遊或教學等圖片較多的網站。Lightbox其效果如下:
單一圖片瀏覽
october08-dolphins-calendar-1024x768.jpg 1024-06.jpg
圖片群組瀏覽
dmm01.jpg dmm02.jpg

第一次看到Lightbox效果是在良人的大秘寶上,第一眼就感覺非常特別,很想安裝在自己的Blog上,不過在良人的大秘寶LightBox語法是設置在他自己的空間,會有頻寬用完無法顯示的因素存在。

因此我依照Lightbox 2官網的說明,把檔案架設在Google空間,步驟雖多但相當地簡單,對此特效有興趣的朋友可以依下列方式自行安裝。

2010年1月3日

[Fx套件] Stylish-擁有與眾不同的網站版面

此篇為點圖放大文章
套件資訊:
Stylish是一個讓使用者可以自訂網站與使用介面外觀的附加套件,是我相當推薦安裝的套件之一,使用方法可以參考底下相關閱讀連結,以下就個人推薦的樣式介紹給各位:(以下圖片可點選放大)

1.OS X Style for New Google Reader 
Google+Reader-Stylish.jpg
適用於中英文版Google Reader,惟在中文版時,左上方的Google Reader標題會被裁切一小部份,但並不會影響到整體畫面,另外可在搭配New Spinner for Google Reader,以增加讀取時的美觀。