MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2024-11-01, 06:59

檢視沒有回覆的主題 | 檢視最近討論的主題


MozTW » 討論區首頁 » 附加元件 » Theme 佈景主題

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  第 1 頁 (共 2 頁)
  [ 18 篇文章 ]  前往頁數 1，2  下一頁
  列印模式 上一個主題 | 下一個主題 
發表人 內容
kazuko
文章發表於 : 2009-05-29, 17:05 
離線

註冊時間: 2008-12-07, 21:05
文章: 79
請問一下，能夠將Personas for Firefox下載的某佈景主題捉出來後，
然後把Personas for Firefox移除掉，再將捉出來的主題再自行套用嗎?

這辦的到嗎? 因我佈景主題應該不會換掉了，想說能少裝一個套件是一個。
如可以的話，要怎麼套用?
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.9pre) Gecko/2009032812 GranParadiso/3.0.9pre (.NET CLR 3.5.30729) (ayak
 個人資料  
引用回覆  
小魁
 文章主題 :
文章發表於 : 2009-05-29, 18:19 
離線

註冊時間: 2007-10-10, 09:39
文章: 105
------------10:27-----------
請略過本篇

_________________
[size=92]發問前先Google


最後由 小魁 於 2009-05-30, 09:35 編輯，總共編輯了 3 次。

回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.2a1pre) Gecko/20090528 Minefield/3.6a1pre
 個人資料  
引用回覆  
a007son
 文章主題 :
文章發表於 : 2009-05-29, 20:43 
離線
頭像

註冊時間: 2008-01-15, 14:11
文章: 448
Personas 的佈景是線上取得

意思就是使用 personas 的A佈景

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

所以可能沒辦法像原PO說的那樣
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10 (.NET CLR 3.5.30729)
 個人資料  
引用回覆  
kazuko
 文章主題 :
文章發表於 : 2009-05-29, 21:34 
離線

註冊時間: 2008-12-07, 21:05
文章: 79
圖我後來是找到了，我現在的問題就差在怎麼直接套用，
而不要靠Personas for Firefox。

classic.jar我也解出來了，可是還是找不到是要跟哪兩個圖片(上面與下面的佈景面板)替換掉?
還是說得寫CSS去配合?
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.9pre) Gecko/2009032812 GranParadiso/3.0.9pre (.NET CLR 3.5.30729) (ayak
 個人資料  
引用回覆  
小魁
 文章主題 :
文章發表於 : 2009-05-29, 22:22 
離線

註冊時間: 2007-10-10, 09:39
文章: 105
kazuko 寫:
圖我後來是找到了，我現在的問題就差在怎麼直接套用，
而不要靠Personas for Firefox。

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


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

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

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

_________________
[size=92]發問前先Google


最後由 小魁 於 2009-05-30, 01:09 編輯，總共編輯了 1 次。

回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.2a1pre) Gecko/20090528 Minefield/3.6a1pre
 個人資料  
引用回覆  
kazuko
 文章主題 :
文章發表於 : 2009-05-29, 22:29 
離線

註冊時間: 2008-12-07, 21:05
文章: 79
小魁 寫:
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
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.9pre) Gecko/2009032812 GranParadiso/3.0.9pre (.NET CLR 3.5.30729) (ayak
 個人資料  
引用回覆  
小魁
 文章主題 :
文章發表於 : 2009-05-30, 00:54 
離線

註冊時間: 2007-10-10, 09:39
文章: 105
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;}

_________________
[size=92]發問前先Google
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.2a1pre) Gecko/20090528 Minefield/3.6a1pre
 個人資料  
引用回覆  
kazuko
 文章主題 :
文章發表於 : 2009-05-30, 02:23 
離線

註冊時間: 2008-12-07, 21:05
文章: 79
小魁 寫:
代碼:
#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]
被下載 384 次
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.9pre) Gecko/2009032812 GranParadiso/3.0.9pre (.NET CLR 3.5.30729) (ayak
 個人資料  
引用回覆  
小魁
 文章主題 :
文章發表於 : 2009-05-30, 09:33 
離線

註冊時間: 2007-10-10, 09:39
文章: 105
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預設的佈景主題 我換不掉背景

待高手解決

_________________
[size=92]發問前先Google
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.2a1pre) Gecko/20090529 Minefield/3.6a1pre
 個人資料  
引用回覆  
kazuko
 文章主題 :
文章發表於 : 2009-05-30, 15:01 
離線

註冊時間: 2008-12-07, 21:05
文章: 79
小魁 寫:
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預設的佈景主題 我換不掉背景

待高手解決

原來要靠另一佈景主題，可是我只要換背景而已，只好看有誰會了 :?:
謝謝!
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.9pre) Gecko/2009032812 GranParadiso/3.0.9pre (.NET CLR 3.5.30729) (ayak
 個人資料  
引用回覆  
小魁
 文章主題 :
文章發表於 : 2009-05-30, 16:06 
離線

註冊時間: 2007-10-10, 09:39
文章: 105
kazuko 寫:
原來要靠另一佈景主題，可是我只要換背景而已，只好看有誰會了 :?:
謝謝!

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

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

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

_________________
[size=92]發問前先Google
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.2a1pre) Gecko/20090528 Minefield/3.6a1pre
 個人資料  
引用回覆  
kazuko
 文章主題 :
文章發表於 : 2009-05-30, 16:27 
離線

註冊時間: 2008-12-07, 21:05
文章: 79
小魁 寫:
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置於同目錄下。

是我遺漏了什麼嗎?
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.9pre) Gecko/2009032812 GranParadiso/3.0.9pre (.NET CLR 3.5.30729) (ayak
 個人資料  
引用回覆  
小魁
 文章主題 :
文章發表於 : 2009-05-30, 17:09 
離線

註冊時間: 2007-10-10, 09:39
文章: 105
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　自行替換

_________________
[size=92]發問前先Google
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.2a1pre) Gecko/20090528 Minefield/3.6a1pre
 個人資料  
引用回覆  
kazuko
 文章主題 :
文章發表於 : 2009-05-30, 17:33 
離線

註冊時間: 2008-12-07, 21:05
文章: 79
小魁 寫:
有點太長恕刪

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

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

謝謝!
回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.9pre) Gecko/2009032812 GranParadiso/3.0.9pre (.NET CLR 3.5.30729) (ayak
 個人資料  
引用回覆  
小魁
 文章主題 :
文章發表於 : 2009-05-30, 19:00 
離線

註冊時間: 2007-10-10, 09:39
文章: 105
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更正
你可以試著修改這段設定

_________________
[size=92]發問前先Google


最後由 小魁 於 2009-05-31, 10:35 編輯，總共編輯了 1 次。

回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.2a1pre) Gecko/20090529 Minefield/3.6a1pre
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  第 1 頁 (共 2 頁)
  [ 18 篇文章 ]  前往頁數 1，2  下一頁

MozTW » 討論區首頁 » 附加元件 » Theme 佈景主題

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者：沒有註冊會員 和 3 位訪客

您 不能 在這個版面發表主題
您 不能 在這個版面回覆主題
您 不能 在這個版面編輯您的文章
您 不能 在這個版面刪除您的文章
您 不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW，Mozilla 台灣社群