作者KawasumiMai (魔物を討つ者)
看板C_Chat
標題[教學] GoogleChrome主題製作方法
時間Thu Sep 23 16:03:19 2010
之前有發過鈴仙的版本
原本要製作許多人的部分
不過因為每個人口味和電腦解析度不同
所以選圖上就會有問題
因此就寫一篇教學教大家製作了
很簡單
首先請先下載範例
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
1F:推 akira00150:雖然沒用這瀏覽器,不過這看起來好讚XD 09/23 16:06
2F:推 ShikiEiki:推薦這個兔子 09/23 16:17
3F:推 scotttomlee:推兔子XD 09/23 16:19
4F:推 yoshuuju:推教學 09/23 17:16
5F:推 allfate:推薦這隻兔子>////< 09/23 18:28
6F:推 LeeSEAL:幫堆1 09/23 22:51
7F:推 LeeSEAL:幫堆2 09/23 22:52
8F:推 LeeSEAL:幫堆3 09/23 22:52
9F:推 LeeSEAL:幫堆4 09/23 22:52
10F:推 LeeSEAL:\(^▽^)/ 09/23 22:52
11F:→ EDGE: 推教學分享~ 09/23 23:05
12F:推 adst513:喔喔 這太好用啦 09/23 23:08
13F:推 LittleJade:實用推 09/24 00:33