MozTW 討論區
https://forum.moztw.org/

能把Personas for Firefox下載的佈景主題直接捉出套用嗎?
https://forum.moztw.org/viewtopic.php?f=16&t=26988		 第 1 頁 (共 2 頁)
發表人:  kazuko [ 2009-05-29, 17:05 ]
文章主題 :  能把Personas for Firefox下載的佈景主題直接捉出套用嗎?
請問一下，能夠將Personas for Firefox下載的某佈景主題捉出來後，
然後把Personas for Firefox移除掉，再將捉出來的主題再自行套用嗎?

這辦的到嗎? 因我佈景主題應該不會換掉了，想說能少裝一個套件是一個。
如可以的話，要怎麼套用?
發表人:  小魁 [ 2009-05-29, 18:19 ]
文章主題 : 
------------10:27-----------
請略過本篇
發表人:  a007son [ 2009-05-29, 20:43 ]
文章主題 : 
Personas 的佈景是線上取得

意思就是使用 personas 的A佈景

那麼每次啟動 Fx ，personas 就會連線至伺服器找A佈景使用

所以可能沒辦法像原PO說的那樣
發表人:  kazuko [ 2009-05-29, 21:34 ]
文章主題 : 
圖我後來是找到了，我現在的問題就差在怎麼直接套用，
而不要靠Personas for Firefox。

classic.jar我也解出來了，可是還是找不到是要跟哪兩個圖片(上面與下面的佈景面板)替換掉?
還是說得寫CSS去配合?
發表人:  小魁 [ 2009-05-29, 22:22 ]
文章主題 : 
kazuko 寫:
圖我後來是找到了，我現在的問題就差在怎麼直接套用，
而不要靠Personas for Firefox。

classic.jar我也解出來了，可是還是找不到是要跟哪兩個圖片(上面與下面的佈景面板)替換掉?
還是說得寫CSS去配合?


看似Personas 是用javascript 去換掉背景的

可以把style="background-image: url("圖片");" 中的圖片換掉來改變背景

另外我突然想到 應該可以用userChrome.css來做
發表人:  kazuko [ 2009-05-29, 22:29 ]
文章主題 : 
小魁 寫:
kazuko 寫:
圖我後來是找到了，我現在的問題就差在怎麼直接套用，
而不要靠Personas for Firefox。

classic.jar我也解出來了，可是還是找不到是要跟哪兩個圖片(上面與下面的佈景面板)替換掉?
還是說得寫CSS去配合?


看似Personas 是用javascript 去換掉背景的
上面的版面id="main-window"
下面的版面id="browser-bottombox"

可以把style="background-image: url("圖片");" 中的圖片換掉來改變背景

另外我突然想到 應該可以用userChrome.css來做

請問一下，你說的那些是在哪裡改的 :?:

另外你提到的userChrome.css，
是不是這篇中有提到的：http://forum.moztw.org/viewtopic.php?t=2413

=================================
試著用這一小段 CSS 來改變工具列的背景﹐你就知道 "userChrom.css"
可以做些什麼了﹕

/* 在工具列的背景使用圖片
(用你想要的圖片檔名代替 background.gif) */

menubar, toolbox, toolbar, .tabbrowser-tabs {
background-image: url("background.gif") !important;
background-color: none !important;
}

重新開啟瀏覽器就可以看到特效了。

最簡單的方法是將你要用的圖片檔跟 "userChrom.css" 放在同一處﹐
支援的檔案格式為﹕PNG、GIF、JPG。
=================================
我照著改，沒變的說，是不是語法版本太舊了?

註：Firefox 3.09
發表人:  小魁 [ 2009-05-30, 00:54 ]
文章主題 : 
kazuko 寫:
我照著改，沒變的說，是不是語法版本太舊了?

註：Firefox 3.09


我試了一下，似乎跟你正在使用的佈景主題有關

我用預設的(XP版本)就沒有效果，改成Chromifox Extreme就可以用了

以下是我測試用的代碼
代碼:
#navigator-toolbox { background-image: url("stbar-groovy_blue.jpg") !important;}

#status-bar { background-image: url("tbox-groovy_blue.jpg") !important;}
發表人:  kazuko [ 2009-05-30, 02:23 ]
文章主題 : 
小魁 寫:
代碼:
#navigator-toolbox { background-image: url("stbar-groovy_blue.jpg") !important;}

#status-bar { background-image: url("tbox-groovy_blue.jpg") !important;}


抱歉我還是不懂怎麼用?可以解說清楚一點嗎 :oops:

我已從Personas for Firefox捉出上下兩張圖，
圖檔

然後就移除了，所以目前的佈景主題是firefox預設的。

附加檔案:
theme.png [66.95 KiB]
被下載 385 次
發表人:  小魁 [ 2009-05-30, 09:33 ]
文章主題 : 
kazuko 寫:
抱歉我還是不懂怎麼用?可以解說清楚一點嗎 :oops:

我已從Personas for Firefox捉出上下兩張圖，
圖檔

然後就移除了，所以目前的佈景主題是firefox預設的。


stbar-groovy_blue.jpg 就是上面的圖
tbox-groovy_blue.jpg就是下面的圖啊
(Personas for Firefox 的groovy_blue)

我用的佈景主題是
https://addons.mozilla.org/en-US/firefox/addon/10674
可以用上面代碼換背景

firefox預設的佈景主題 我換不掉背景

待高手解決
發表人:  kazuko [ 2009-05-30, 15:01 ]
文章主題 : 
小魁 寫:
kazuko 寫:
抱歉我還是不懂怎麼用?可以解說清楚一點嗎 :oops:

我已從Personas for Firefox捉出上下兩張圖，
圖檔

然後就移除了，所以目前的佈景主題是firefox預設的。


stbar-groovy_blue.jpg 就是上面的圖
tbox-groovy_blue.jpg就是下面的圖啊
(Personas for Firefox 的groovy_blue)

我用的佈景主題是
https://addons.mozilla.org/en-US/firefox/addon/10674
可以用上面代碼換背景

firefox預設的佈景主題 我換不掉背景

待高手解決

原來要靠另一佈景主題，可是我只要換背景而已，只好看有誰會了 :?:
謝謝!
發表人:  小魁 [ 2009-05-30, 16:06 ]
文章主題 : 
kazuko 寫:
原來要靠另一佈景主題，可是我只要換背景而已，只好看有誰會了 :?:
謝謝!

我拆了personas 出來看 發現他還有用到
代碼:
#navigator-toolbox{-moz-appearance: none!important; }

(有沒有人可以解釋一下?)

我加進userChrome.css之後 預設的firefox佈景也能正常換背景了
發表人:  kazuko [ 2009-05-30, 16:27 ]
文章主題 : 
小魁 寫:
kazuko 寫:
原來要靠另一佈景主題，可是我只要換背景而已，只好看有誰會了 :?:
謝謝!

我拆了personas 出來看 發現他還有用到
代碼:
#navigator-toolbox{-moz-appearance: none!important; }

(有沒有人可以解釋一下?)

我加進userChrome.css之後 預設的firefox佈景也能正常換背景了

:( 還是試不出來，不知哪錯了
我是這樣做的：
1.在C:\Documents and Settings\User\Application Data\Mozilla\Firefox\Profiles\qy12fa4k.default
將chromeuserChrome_example.css複製一份於同目錄並更名為userChrom.css。

2.將
#navigator-toolbox { background-image: url("top.png") !important;}
#status-bar { background-image: url("under.png") !important;}
#navigator-toolbox{-moz-appearance: none!important; }

貼上userChrom.css後儲存，且top.png、under.png置於同目錄下。

是我遺漏了什麼嗎?
發表人:  小魁 [ 2009-05-30, 17:09 ]
文章主題 : 
kazuko 寫:
1.在C:\Documents and Settings\User\Application Data\Mozilla\Firefox\Profiles\qy12fa4k.default
將chromeuserChrome_example.css複製一份於同目錄並更名為userChrom.css。


chrome\userChrome.css

kazuko 寫:
2.將
#navigator-toolbox { background-image: url("top.png") !important;}
#status-bar { background-image: url("under.png") !important;}
#navigator-toolbox{-moz-appearance: none!important; }

貼上userChrom.css後儲存，且top.png、under.png置於同目錄下。

是我遺漏了什麼嗎?


我附上我成功替換的完整代碼
代碼:
#main-window {/*用main-window可以包含分頁列*/
  background-image: url("stbar-groovy_blue.jpg") !important;
  background-repeat: no-repeat!important;/*圖片不要重複*/
  background-position: top right!important;/*從圖片的右上角用起*/
}

#navigator-toolbox {
  -moz-appearance: none!important;
  background-color: transparent!important;/*背景透明*/
}

#browser-bottombox {/*用browser-bottombox可以包含搜尋列*/
  background-image: url("tbox-groovy_blue.jpg") !important;
  background-repeat: no-repeat!important;
  background-position: 100% 100%!important;/*從圖片的右下角用起*/
}
#status-bar {
  -moz-appearance: none!important;
  background-color: transparent!important;
}

.tabbrowser-tabs {
  background-color: transparent!important;
}
.tabbrowser-tab[selected="true"] {
  background-color: transparent!important;
}
 #urlbar,#searchbar {/*網址列和搜尋引擎半透明(只是好看而已)*/
  opacity: 0.8!important;
}

其中的stbar-groovy_blue.jpg 、tbox-groovy_blue.jpg　自行替換
發表人:  kazuko [ 2009-05-30, 17:33 ]
文章主題 : 
小魁 寫:
有點太長恕刪

我試了後，上面圖片有換了，不過下面就沒變了...
會跟圖片有關嗎?
這是我測試用的圖片：http://www.mediafire.com/?wymwtzjye5k

另外有語法可以讓正在瀏覽的頁面之分頁欄不透明 or 一點點透明嗎?
因為每個分頁都透明的話，有點搞不清哪個才是我正在觀看的。

謝謝!
發表人:  小魁 [ 2009-05-30, 19:00 ]
文章主題 : 
kazuko 寫:
我試了後，上面圖片有換了，不過下面就沒變了...
會跟圖片有關嗎?
這是我測試用的圖片：http://www.mediafire.com/?wymwtzjye5k


代碼:
#browser-bottombox {/*用browser-bottombox可以包含搜尋列*/
  background-image: url("under.jpg") !important;
  background-repeat: no-repeat!important;
  background-position: 100% 100%!important;/*從圖片的右下角用起*/
}

你可能需要調整這段中的
background-position: 100% 100%!important;/*從圖片的右下角用起*/
例如改成 0% 100%
因為你的圖片under.jpg 右下角都是白色的
kazuko 寫:
另外有語法可以讓正在瀏覽的頁面之分頁欄不透明 or 一點點透明嗎?
因為每個分頁都透明的話，有點搞不清哪個才是我正在觀看的。

謝謝!

代碼:
.tabbrowser-tab[selected="true"] {
  background-color: transparent!important;
}

是你正在看的分頁標籤

代碼:
.tabbrowser-tabs {
  background-color: transparent!important;
}


是分頁列
---於05/31 10:34更正
你可以試著修改這段設定
第 1 頁 (共 2 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/