教你初步修改Firefox佈景主題

x94fujo6

1. 本教學中使用的佈景主題為:NASA Night Launch 0.6.20070921
   
2. 使用軟體:
   
3. ACDSee Pro (抓/切圖)
   
4. Adobe Photoshop CS3 (改圖)
   
5. 
   
6. 因為用Firefox點的話會直接跳出安裝畫面
   
7. 
   
8. 請用IE下載
   
9. 網址在這
   
10. 
    
11. 或者其他方法都可以

複製代碼

1. 注意:
   
2. 所有檔案修改完存回去的時候都要保持原來的檔名
   
3. ex:　
   
4. 　icon.png→修改→另存為icon.png (正確)
   
5. 　icon.png→修改→另存為icon.jpg (錯誤!!讀不到圖!!)

複製代碼

　
----------------------[教學開始]----------------------

1. 1.抓下來之後會得到這個檔案
   
2. nasa_night_launch-0.6.20070921-fx.jar
   
3. 請新開一個資料夾放進去
   
4. 然後用WINRAR或其他壓縮軟體解壓縮(建議用右鍵→解壓縮至此)

複製代碼

1. 2.解壓縮之後會得到
   
2. 1個資料夾:
   
3. chrome
   
4. 
   
5. 5個檔案:
   
6. chrome.manifest
   
7. icon.png
   
8. install.rdf
   
9. preview.png
   
10. README.LICENSE.IMPORTANT.txt

複製代碼

1. 3.打開chrome
   
2. 裡面會有一個nnl-inner.jar
   
3. 也是把他解開(建議用右鍵→解壓縮至此)

複製代碼

1. 4.然後就可以開始修改了
   
2. 以下用圖指出每個地方相對應的圖片

複製代碼

1. (圖一↓)檔案在你開的資料夾裡面
   
2. icon.png
   
3. preview.png

複製代碼

1. (圖二↓)檔案在chrome\global\backgrounds
   
2. unknownContentType-bg.alt2.png

複製代碼

1. (圖二↓)檔案也是在chrome\global\backgrounds
   
2. xpinstall-bg.jpg

複製代碼

1. (圖四↓)檔案在chrome\global\watermarks
   
2. about.blank.sts116-s-021.v010.jpg

複製代碼

1. (圖五↓)檔案在chrome\browser\preferences
   
2. preferences.bg.15.png

複製代碼

1. (圖六↓)檔案在chrome\global
   
2. commonDialog.bg.1.png

複製代碼

1. 註(1):
   
2. 檔案在chrome\global
   
3. nasa-logo.bookmarks-header.png
   
4. nasa-logo.extensions-header.bonecho.png
   
5. nasa-logo.extensions-header.png
   
6. nasa-logo.preferences-header.png
   
7. nasa-logo.wizard-header.png
   
8. 
   
9. 這幾都是右上角那個圖
   
10. 不過用的地方不太一樣
    
11. 
    
12. 反正全都要改就是...(毆
    
13. 我是用ACDSee Pro切圖
    
14. 這邊要用的圖是正方形的
    
15. 也就是長寬要一樣
    
16. 所以有ACDSee Pro的話省事很多
    
17. 
    
18. 請找張你中意的圖把要的部分"切下來"
    
19. 用ACDSee Pro把他縮小為 40x40
    
20. 然後另存新檔
    
21. 
    
22. 之後打開Adobe Photoshop CS3
    
23. 把你剛剛存的那個檔
    
24. 還有上面那些檔案都叫出來
    
25. 
    
26. (以下是在Photoshop CS3裡面動作)
    
27. 
    
28. 在你剛存的那檔案上按ctrl+a(全選),ctrl+c
    
29. 滑鼠移到上面那些檔案上按ctrl+v這樣圖就會過去了
    
30. 然後請移動...把原本的"那邊"蓋掉
    
31. 
    
32. 再來很重要
    
33. 圖片一定要另存成png格式!!
    
34. 不然...你就等著看吧= =
    
35. 
    
36. (以上是在Photoshop CS3裡面動作)

複製代碼

1. 註(2):
   
2. 檔案在chrome\browser
   
3. 
   
4. 這兩張是"動態"
   
5. inflight.2.23by16.gif
   
6. inflight.2.gif
   
7. 
   
8. 這張是"靜態"
   
9. prelaunch.3.gif
   
10. 
    
11. 也是都要改

複製代碼

我用的圖
inflight.2.23by16.gif


inflight.2.gif


prelaunch.3.gif(這張好像不會讀到?似乎是改的時候不小心多出來的=3=?)

1. 修改完之後
   
2. 用WINRAR或其他壓縮軟體
   
3. 壓縮格式選ZIP(一定要ZIP!!)
   
4. 壓縮完之後副檔名修改成"jar"
   
5. 安裝請打開火狐
   
6. 打開附加元件
   
7. 把你的jar檔用拖的拖進去
   
8. 跳出安裝視窗...(以下略)
   
9. 
   
10. 20071007補充
    
11. 壓縮步驟:
    
12. 1.先壓縮chrome下所有檔案為"nnl-inner.jar"
    
13. 2.刪除掉除了"nnl-inner.jar"以外所有的檔案
    
14. 3.回上一層(也就是你新開的資料夾)
    
15. 4.將所有檔案壓縮(一樣要zip格式!!)
    
16. 5.將副檔名修改jar

複製代碼

20071007補充之圖解1
20071001補充之圖解2


另外...
火狐工具列

這邊背景要改哪幾張...

有改出來的...

詳細希望非常...Orz


其他有任何問題或建議請在下面回應


最後祝大家玩的愉快/ˇ/

[ 本文最後由 x94fujo6 於 07-10-8 08:43 PM 編輯 ]

放送中止

loading 那張圖 可以用jpg 嗎..應該說= =全部用jpg 動可以嗎

======================================

啊~~~~unknownContentType-bg.alt2.png
那張什麼時間才會出現= =~~~ /??都看不見

======================================

請善用編輯，編輯選項在右下角

版主筆

順便回一下好了

基本上是可以用jpg

不過因為PNG有去背

所以才可以這樣做

[ 本文最後由 迷糊小書僮 於 07-10-6 08:53 PM 編輯 ]

放送中止

嗯@@~~抱歉
那我想再問一下...
花了一整天…超囧..(現在還在製作囧囧
最後為什麼
拖不進去...(不過原作者的是可以)
注:原作者=火箭

然後曾多次更改最後也是失敗.......

圖片像素100%相同了(檔名也正確)
然後我想問的是………

全部圖片更改後
把所有資料壓回成"nnl-inner" (這裡好像沒說是zip還是啥...最後試過壓zip再加jar  也是拖不了
然後再整個壓回成火箭的文件(這裡要改回原作的名稱嗎?? 好像也沒提及...不過改了也是拖不進= =

重點是拖不進去.

全部地方也跟著做也不行呢....

救命= ^ =
請問哪裡出錯誤??因為內容有點含糊=口= 所以………

另外問圖片要跟原作大少相同??


(還是另一天再作好了= =||(倒

[ 本文最後由 放送中止 於 07-10-6 03:31 PM 編輯 ]

放送中止

終於修好了=  =
最後重點  差在 工具/附加元件 那些 右上角的火箭= =||||
找了好久也不知道位置在哪= =|||

千尋之冬

我跟開版的的人有一樣的問題XDDDD

我也是萬事俱備指欠那張啊XD

pingu8007

誰知道about:blank怎麼做背景?
一片白...難看

還有就是按鈕能不能再做小一點?會不會按鈕做小，結果看到的變樣?個人希望工具列再瘦一點...

放送中止

about:blank 是網頁原頁吧= =|||

你是想改xp介面吧??變成Vxxx (倒

x94fujo6

原文由放送中止 於 2007/10/7 03:39 AM 發表
終於修好了=  =
最後重點  差在 工具/附加元件 那些 右上角的火箭= =||||
找了好久也不知道位置在哪= =|||

請看一下圖一跟註(1)


今日更新:
補充 壓縮(包裝)回去的部分

找不到的請ctrl+f(輸入 20071007補充)
搜尋本主題

千尋之冬

chrome://global/skin/extras/usingsubskins.html

這東西是樓主想問Pero大的問題解答XD

照著上面做(?)就可以了

裡面有範例


http://forum.moztw.org/viewtopic ... 73e7dd86727c8385755

<=中文解說

x94fujo6

原文由千尋之冬 於 2007/10/7 03:44 PM 發表
chrome://global/skin/extras/usingsubskins.html

這東西是樓主想問Pero大的問題解答XD

照著上面做(?)就可以了

裡面有範例


http://forum.moztw.org/viewtopic ... 96b4973e7dd86727c83 ...

總算是弄好了...

我弄完後突然覺得那好像幽靈... (被燒


預設路徑(如果照上面做的話)

chrome\global\subskins\window-picture-2\window-bg.alt10.png
把這張圖的右邊改掉即可

另外

仔細看一下你的工具列左邊...

還是有"不明物體"

不明物體所在地
chrome\global\subskins\toolbox-logo-8\nasa-logo-and-exhaust.alt3.png

這張圖要用Photoshop改!!(因為背景是"透明"的)

因為想不出來要改成什麼
所以我直接用Photoshop開一個新的'透明"檔案(圖片大小一樣)
然後覆蓋...
這樣就不見了...