[教學] GoogleChrome主題製作方法

看板C_Chat (希洽)作者KawasumiMai (魔物を討つ者)時間14年前 (2010/09/23 16:03)推噓12(12推 0噓 1→)

留言13則, 9人參與討論串1/1

之前有發過鈴仙的版本原本要製作許多人的部分不過因為每個人口味和電腦解析度不同所以選圖上就會有問題因此就寫一篇教學教大家製作了很簡單首先請先下載範例 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