MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-08-03, 07:44

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





發表新文章 回覆主題  [ 16 篇文章 ]  前往頁數 12  下一頁
發表人 內容
文章發表於 : 2008-03-15, 12:32 
離線

註冊時間: 2008-03-01, 18:49
文章: 12
目前明白了,就是用stylish樣式覆蓋掉CSS檔定義的樣式時要注意別少important。那標籤中的src、href等不在style底下而是同階層的參數能改嗎?

例:
<img src="http://domain/folder/file.jpg">
想把http://domain1/folderA/抽換成http://domain2/folderB/
(反正就是換,抽換或全換甚至整條重寫沒差)

這可以嗎?或者這是不屬於stylish的領域呢?

因為都是小問題,不想開新題洗版...


最後由 pingu8007 於 2008-03-24, 21:23 編輯,總共編輯了 2 次。

回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-15, 13:51 
離線
頭像

註冊時間: 2005-07-14, 22:36
文章: 64
用base64編碼,把圖片直接編進CSS。


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b5pre) Gecko/2008031304 Firefox/2.0.0.7;MEGAUPLOAD 1.0
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-15, 17:57 
離線

註冊時間: 2008-03-01, 18:49
文章: 12
wandererm 寫:
用base64編碼,把圖片直接編進CSS。

不太懂
我是說某網頁已被CSS檔定義,圖片的路徑都指定了
而我想用stylish強行將圖片換為自己指定的(可能是路徑或URI)
用stylish的配置覆蓋掉CSS檔的配置


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-15, 21:12 
離線
頭像

註冊時間: 2004-11-19, 00:07
文章: 482
來自: 閃光彈的家
pingu8007 寫:
wandererm 寫:
用base64編碼,把圖片直接編進CSS。

不太懂
我是說某網頁已被CSS檔定義,圖片的路徑都指定了
而我想用stylish強行將圖片換為自己指定的(可能是路徑或URI)
用stylish的配置覆蓋掉CSS檔的配置


想必你知道我們可以透過 Stylish 修改網頁元素的背景圖片,現在你的問題是如何讓背景圖改成你自己電腦上的圖,對吧?

若你對 CSS 有多一點認識的話,你就會知道背景圖片除了可以用 url 來指定之外,還可以用 base64 這種方式指定。這種方式可以將圖片轉成純字串,CSS 讀到這字串之後,會將它還原成圖片。所以透過這種方式,就可以指定你要用的圖片啦。

至於詳細用法,請先試看看自行 google CSS base64 吧,真的不會再來問,相信有很多人樂意幫你的 :)

_________________
我的部落格


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9b4) Gecko/2008030714 Firefox/3.0b4
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-15, 22:37 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
我以為直接找到該 CSS 檔案指定 background 的地方,把路徑改成本機的,再用 !important 提高優先度就好,沒想到還有 base64 這種弄法呀。(雖然以前也偶爾會看到 bbs 上有人丟特殊編碼的文章,下載到 E-mail Client 就會轉成檔案的玩意啦。)

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080216 Firefox/2.0.0.12 (pigfoot)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-16, 00:00 
離線
頭像

註冊時間: 2004-11-19, 00:07
文章: 482
來自: 閃光彈的家
wini 寫:
我以為直接找到該 CSS 檔案指定 background 的地方,把路徑改成本機的,再用 !important 提高優先度就好,沒想到還有 base64 這種弄法呀。(雖然以前也偶爾會看到 bbs 上有人丟特殊編碼的文章,下載到 E-mail Client 就會轉成檔案的玩意啦。)

利用 base64 才能讓大家都看到阿,不然 Stylish 網站提供的那些樣式,要怎麼讓大家用 :D

不過我印象中 IE6 似乎不支援 base64,很可惜。不然那些提供部落格主題佈景的作者就能把圖片內嵌在 CSS 裡頭,不用怕圖片改路徑了。

_________________
我的部落格


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9b4) Gecko/2008030714 Firefox/3.0b4
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-16, 19:09 
離線

註冊時間: 2008-03-01, 18:49
文章: 12
重新說明一遍:現有一網頁、一個該網頁調用的CSS檔、一stylish樣式

我用stylish設置改變背景,該樣式針對這個網頁,自其它樣式修改而來

狀況是改了之後網頁背景圖還是CSS檔定義的背景,而不是stylish設置的背景

可能1.stylish定義有誤2.CSS檔位階高於stylish並覆蓋了設定

是哪個問題?該怎麼做?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-16, 21:25 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
pingu8007 寫:
重新說明一遍:現有一網頁、一個該網頁調用的CSS檔、一stylish樣式

我用stylish設置改變背景,該樣式針對這個網頁,自其它樣式修改而來

狀況是改了之後網頁背景圖還是CSS檔定義的背景,而不是stylish設置的背景

可能1.stylish定義有誤2.CSS檔位階高於stylish並覆蓋了設定

是哪個問題?該怎麼做?


用 Firefox 開你存放圖片的目錄的那張圖,把 Fx 中開出圖的那個路徑複製下來,然後改 background-image:url("圖") ,記得點一下 Stylish 提供的 !important 按鍵,或是自己加上去,這樣應該就完工了吧。

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


最後由 wini 於 2008-03-20, 21:32 編輯,總共編輯了 1 次。

回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080216 Firefox/2.0.0.12 (pigfoot)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-20, 21:12 
離線

註冊時間: 2008-03-01, 18:49
文章: 12
重講吧...
我要讓stylish的設定直接壓過CSS檔中對相同目標的設定
ex.CSS裡有定義某頁的body(*號代表有東西但略過)
引言回覆:
body
{
****
****
background-image : url(XXXX);
background-attachment: fixed;
****
****
}

現我要追加stylish設置,CSS檔本身不變,但實際數值已被取代
XXXX→OOOO
檔案中還是XXXX,但看到的效果不是XXXX而是OOOO的

夠明白了吧??


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-20, 21:19 
離線
頭像

註冊時間: 2005-04-15, 02:11
文章: 152
pingu8007 寫:
重講吧...
我要讓stylish的設定直接壓過CSS檔中對相同目標的設定
ex.CSS裡有定義某頁的body(*號代表有東西但略過)
引言回覆:
body
{
****
****
background-image : url(XXXX);
background-attachment: fixed;
****
****
}

現我要追加stylish設置,CSS檔本身不變,但實際數值已被取代
XXXX→OOOO
檔案中還是XXXX,但看到的效果不是XXXX而是OOOO的

夠明白了吧??


wini已經說得很明白
只要在後面!important
瀏覽器就會依使用者自定的CSS作為優先

background-image : url(XXXX) !important;
background-attachment: fixed !important;


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080208 BonEcho/2.0.0.12 Foxy/1 (tete009 SSE PGO)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-20, 21:29 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
pingu8007 寫:
重講吧...
我要讓stylish的設定直接壓過CSS檔中對相同目標的設定
ex.CSS裡有定義某頁的body(*號代表有東西但略過)
現我要追加stylish設置,CSS檔本身不變,但實際數值已被取代
XXXX→OOOO
檔案中還是XXXX,但看到的效果不是XXXX而是OOOO的

夠明白了吧??


其實我搞不清楚你已經裝好了 Stylish ,又寫出自己想要改什麼地方後,還有什麼地方不會用……

[Stylish]
裝好後,狀態列會有圖示,滑鼠點一下,看「撰寫樣式」中要套用在什麼範圍,然後把新的規則,加在開出的新視窗中的 { 跟 } 裡面。

[CSS]
body { background-image:url("圖") !important }


所以寫在 Stylish 裡的大概會是這種樣子(舉例的而已):
代碼:
@-moz-document
 url-prefix(http://) ,
 url-prefix(file://) {
  body { background-image:url("圖") !important }
}


還是不行的話,就參考 Wiki 上的 Stylish 資源整理頁 中的討論串,也許看看別人寫好的範例就會知道該怎麼用了。


----
剛發現我把 background-image 後面打了兩個冒號,已修正,抱歉。

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080216 Firefox/2.0.0.12 (pigfoot)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-21, 14:01 
離線

註冊時間: 2008-03-01, 18:49
文章: 12
我才要抱歉...和你的核對後我才發現......
我的URI最後少個括號
刪多餘物件時刪過頭了Orz

現在CSS部分是OK了,再請問一下
替換掉寫在原碼裡的圖片路徑應該用什麼方式?
就是要取代掉某段程式碼,這應該參考哪裡?
(因為再來要換的圖片不是由CSS定義,還不懂)


最後由 pingu8007 於 2008-03-21, 21:38 編輯,總共編輯了 1 次。

回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-21, 17:03 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
pingu8007 寫:
我才要抱歉...和你的核對後我才發現......
我的URI最後少個括號
刪多餘物件時刪過頭了Orz


當初看到 Stylish 裡的「 CSS 規則」時,我也是有點看呆了就是,不過知道那也是「 CSS 規則」就好。(汗)

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 6.0; zh-TW; rv:1.8.1.12) Gecko/20080216 Firefox/2.0.0.12 (pigfoot)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-24, 21:24 
離線

註冊時間: 2008-03-01, 18:49
文章: 12
目前明白了,就是用stylish樣式覆蓋掉CSS檔定義的樣式時要注意別少important。那標籤中的src、href等不在style底下而是同階層的參數能改嗎?

例:
<img src="http://domain/folder/file.jpg">
想把http://domain1/folderA/抽換成http://domain2/folderB/
(反正就是換,抽換或全換甚至整條重寫沒差)

這可以嗎?或者這是不屬於stylish的領域呢?

因為都是小問題,不想開新題洗版...


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-24, 22:14 
離線
頭像

註冊時間: 2005-04-15, 02:11
文章: 152
pingu8007 寫:
目前明白了,就是用stylish樣式覆蓋掉CSS檔定義的樣式時要注意別少important。那標籤中的src、href等不在style底下而是同階層的參數能改嗎?

例:
<img src="http://domain/folder/file.jpg">
想把http://domain1/folderA/抽換成http://domain2/folderB/
(反正就是換,抽換或全換甚至整條重寫沒差)

這可以嗎?或者這是不屬於stylish的領域呢?

因為都是小問題,不想開新題洗版...


就我所知這無法在stylish中修改
背景圖片還可以
不過應該有其他應用的管道
例如將圖片隱藏起來(visibility: hidden)然後取代背景圖片
以上純粹猜測 :lol:


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9b5pre) Gecko/2008030506 Minefield/3.0b5pre
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 16 篇文章 ]  前往頁數 12  下一頁

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


誰在線上

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


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

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