讓 Firefox 變身為 Flock

前天 我提供了兩個模擬 Flock 瀏覽器的佈景主題，那兩個主題是 Flock 早期版本的介面，我剛剛去下載最新版本的 Flock 0.9.1.2，由於 Flock 0.9.1.2 是使用 Firefox 2.0.0.7 為核心，所以我嘗試將安裝程式中的 classic.jar 提取出來，覆蓋 C:\Program Files\Mozilla Firefox\chrome 中的 classic.jar，取代 Firefox 原本的預設主題，結果如下。

( 這是 Firefox 套用後的樣子 )


( 這是 Flock 瀏覽器 )

各位可以發現，套用後的效果相當不錯，除了「搜尋列」右邊多了一些空間外，我所安裝的 All-in-One Sidebar 套件顯示的居然還比某些佈景主題來的正常~ ^^


目前唯一的缺點是「選項」視窗中幾個圖示無法顯示。



PS. 我使用的工具是 Universal Extractor，利用滑鼠右鍵的快顯功能表將 Flock 安裝程式 flock-0.9.1.2.en-US.win32.exe 解開。



網址列顯示星號圖示與修正搜尋列右方多出的空間:

我自己參考 Flock 0.2 而修改的，我不懂 Theme 的 css，有問題不要問我~ ^^


下載此檔案 (按右鍵將鏈結複製到網址列然後按 Enter 來下載)，將它解壓縮到 C:\Documents and Settings\Administrator\Application Data\Mozilla\Firefox\Profiles\(8位數亂數.您的使用者帳戶名稱)\chrome 目錄中，然後在 userChrome.css 中加入以下程式碼:

/* Flock theme 0.9.1.2 */

#urlbar-container {
-moz-binding: url("toolbarbutton.xml#urlbar-toolbar-button");
}

.starButton {
background:url("starButton.png")no-repeat left center;
height: 32px;
max-width: 34px;
min-width: 34px;
margin-left: 4px;
}

#urlbar {
margin: 2px 3px 2px 0px !important;
padding: 0px !important;
-moz-appearance: none !important;
border: 2px solid !important;
-moz-border-top-colors: #939393 #ddd !important;
-moz-border-right-colors: #b2b2b2 #ddd !important;
-moz-border-bottom-colors: #b2b2b2 #fff !important;
border-left: none !important;
height: 22px !important;
background-image:none !important;
background-color: white !important;
}

#urlbar > .autocomplete-textbox-container{
background-image: none !important;
margin:0px !important;
padding:0px !important;
}

#urlbar[level="high"] > .autocomplete-textbox-container,
#urlbar[level="low"] > .autocomplete-textbox-container,
#urlbar[level="broken"] > .autocomplete-textbox-container {
background-color: #F5F6BE !important;
color: #000000 !important;
}

#page-proxy-deck {
margin: 1px 2px 1px 0px !important;
}

/* Make the Search box flex wider */
#search-container, #searchbar {
max-width: 190px !important;
width: 190px !important;
}