[教學] GoogleChrome主題製作方法

[KawasumiMai (魔物を討つ者)]

之前有發過鈴仙的版本
原本要製作許多人的部分
不過因為每個人口味和電腦解析度不同
所以選圖上就會有問題
因此就寫一篇教學教大家製作了
很簡單

首先請先下載範例
http://www.mediafire.com/?9jtve4vxnnyav79
很抱歉還是鈴仙




--

打開之後會看到一個資料夾和crx檔
發布的時候只要crx就好了
編輯則是使用資料夾

首先在資料夾中看到一個manifest.json
管他三七二十一，用記事本硬開
就會發現他只是文字檔XD


"images" : {
      "theme_toolbar":                  "pic/toolbar.png",
      "theme_ntp_background":           "pic/ntp_background.png"
}

這一段是宣告使用的圖檔
左邊的類別是固定的
請參照http://code.google.com/p/chromium/wiki/ThemeCreationGuide
在Image Elements裡面會有功能解說和推薦大小(超過也只是被蓋掉


--

如果只是要換圖
就將資料夾中的圖檔換掉即可
"name"的部分記得更改主題名稱

需要新增的話就加上類別，並且將右邊的圖檔路徑打好
記得除了最後一個以外都要加上逗號

例如
"images" : {
      "theme_toolbar":                  "pic/toolbar.png",
      "theme_ntp_background":           "pic/ntp_background.png"
}
變成
"images" : {
      "theme_toolbar":                  "pic/toolbar.png",
      "theme_ntp_background":           "pic/ntp_background.png",
      "theme_button_background":        "pic/btn_background.png"
}


--

經驗談：
許多人使用Win7作業系統了
"theme_frame_inactive"
"theme_frame_incognito_inactive"類別的部分
(視窗外框)
對齊方式會因為最大化與否而有跑位的情況
因此如果你是打算要和分頁tab部分進行拼圖
可能會顧此失彼
所以推廌乾脆不要用.....

"colors" : {
      "frame":                    [  77, 139, 217 ],
      "frame_inactive":           [ 152, 188, 233 ],
      "frame_incognito":          [  83, 106, 139 ],
      "frame_incognito_inactive": [ 126, 139, 156 ],
      "toolbar" :                 [ 210, 225, 246 ]
    },

這是顏色的部分，一樣有類別可參照
沒把握的人可以不用管它
--

"properties" : {
      "ntp_background_alignment":       "left bottom",
      "ntp_background_repeat":          "no-repeat"
}

對齊
一樣有類別
分成left right top bottom
和no-repeat  repeat-x  repeat-y  repeat
一樣沒把握的可以不要改





接著就是安裝了




--

在Google Chrome右邊的扳手圖案按下
在"工具"中找到"擴充機能"功能

接著上方有三個按鈕
請按下中間的"擴充機能包裝"

在第一個欄位選擇剛剛製作的圖檔資料夾
第二個欄位可以省略

然後他就會產生如sample附贈的crx檔

然後再將crx檔拖到Google Chrome視窗中
他會問你要不要安裝
選擇"安裝"，就OK了


預覽
http://imgur.com/5599o.png


--









--
われ刃向けるはアヤカシのみ。
　　吾斬り伏せるはアヤカシのみ。
　　　　潰した族は数知れず、
　　　　　　比類なき美貌のポニーテール少女。
　　　　　　　　月下に彷徨う、魔物を討つ者！

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 61.62.150.86
推 akira00150:雖然沒用這瀏覽器，不過這看起來好讚XD
推 ShikiEiki:推薦這個兔子
推 scotttomlee:推兔子XD
推 yoshuuju:推教學
推 allfate:推薦這隻兔子>////<
推 LeeSEAL:幫堆1
推 LeeSEAL:幫堆2
推 LeeSEAL:幫堆3
推 LeeSEAL:幫堆4
推 LeeSEAL:\(^▽^)/
→ EDGE:        推教學分享～
推 adst513:喔喔 這太好用啦
推 LittleJade:實用推