MozTW 討論區 :: 檢視主題 - 請問怎麼用stylish替換掉標籤中的src數值?

用base64編碼，把圖片直接編進CSS。

wandererm 寫:

用base64編碼，把圖片直接編進CSS。

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

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

重新說明一遍：現有一網頁、一個該網頁調用的CSS檔、一stylish樣式

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

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

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

是哪個問題?該怎麼做?

body
{
****
****
background-image : url(XXXX);
background-attachment: fixed;
****
****
}

重講吧...
我要讓stylish的設定直接壓過CSS檔中對相同目標的設定
ex.CSS裡有定義某頁的body(*號代表有東西但略過)

引言回覆:

body
{
****
****
background-image : url(XXXX);
background-attachment: fixed;
****
****
}

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

夠明白了吧??

重講吧...
我要讓stylish的設定直接壓過CSS檔中對相同目標的設定
ex.CSS裡有定義某頁的body(*號代表有東西但略過)
現我要追加stylish設置，CSS檔本身不變，但實際數值已被取代
XXXX→OOOO
檔案中還是XXXX，但看到的效果不是XXXX而是OOOO的

夠明白了吧??

我才要抱歉...和你的核對後我才發現......
我的URI最後少個括號
刪多餘物件時刪過頭了Orz

目前明白了，就是用stylish樣式覆蓋掉CSS檔定義的樣式時要注意別少important。那標籤中的src、href等不在style底下而是同階層的參數能改嗎?

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

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

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

發表人:	pingu8007 [ 2008-03-15, 12:32 ]
文章主題 :	請問怎麼用stylish替換掉標籤中的src數值?
目前明白了，就是用stylish樣式覆蓋掉CSS檔定義的樣式時要注意別少important。那標籤中的src、href等不在style底下而是同階層的參數能改嗎? 例: <img src="http://domain/folder/file.jpg"> 想把http://domain1/folderA/抽換成http://domain2/folderB/ (反正就是換，抽換或全換甚至整條重寫沒差) 這可以嗎?或者這是不屬於stylish的領域呢? 因為都是小問題，不想開新題洗版...

發表人:	wandererm [ 2008-03-15, 13:51 ]
文章主題 :
用base64編碼，把圖片直接編進CSS。

發表人:	pingu8007 [ 2008-03-15, 17:57 ]
文章主題 :
wandererm 寫: 用base64編碼，把圖片直接編進CSS。不太懂我是說某網頁已被CSS檔定義，圖片的路徑都指定了而我想用stylish強行將圖片換為自己指定的(可能是路徑或URI) 用stylish的配置覆蓋掉CSS檔的配置

發表人:	Nelson [ 2008-03-15, 21:12 ]
文章主題 :
pingu8007 寫: wandererm 寫: 用base64編碼，把圖片直接編進CSS。不太懂我是說某網頁已被CSS檔定義，圖片的路徑都指定了而我想用stylish強行將圖片換為自己指定的(可能是路徑或URI) 用stylish的配置覆蓋掉CSS檔的配置想必你知道我們可以透過 Stylish 修改網頁元素的背景圖片，現在你的問題是如何讓背景圖改成你自己電腦上的圖，對吧？若你對 CSS 有多一點認識的話，你就會知道背景圖片除了可以用 url 來指定之外，還可以用 base64 這種方式指定。這種方式可以將圖片轉成純字串，CSS 讀到這字串之後，會將它還原成圖片。所以透過這種方式，就可以指定你要用的圖片啦。至於詳細用法，請先試看看自行 google CSS base64 吧，真的不會再來問，相信有很多人樂意幫你的

發表人:	wini [ 2008-03-15, 22:37 ]
文章主題 :
我以為直接找到該 CSS 檔案指定 background 的地方，把路徑改成本機的，再用 !important 提高優先度就好，沒想到還有 base64 這種弄法呀。（雖然以前也偶爾會看到 bbs 上有人丟特殊編碼的文章，下載到 E-mail Client 就會轉成檔案的玩意啦。）

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

請問怎麼用stylish替換掉標籤中的src數值? https://forum.moztw.org/viewtopic.php?f=11&t=21920	第 1 頁 (共 2 頁)

發表人:	Nelson [ 2008-03-16, 00:00 ]
文章主題 :
wini 寫: 我以為直接找到該 CSS 檔案指定 background 的地方，把路徑改成本機的，再用 !important 提高優先度就好，沒想到還有 base64 這種弄法呀。（雖然以前也偶爾會看到 bbs 上有人丟特殊編碼的文章，下載到 E-mail Client 就會轉成檔案的玩意啦。）利用 base64 才能讓大家都看到阿，不然 Stylish 網站提供的那些樣式，要怎麼讓大家用不過我印象中 IE6 似乎不支援 base64，很可惜。不然那些提供部落格主題佈景的作者就能把圖片內嵌在 CSS 裡頭，不用怕圖片改路徑了。

發表人:	pingu8007 [ 2008-03-16, 19:09 ]
文章主題 :
重新說明一遍：現有一網頁、一個該網頁調用的CSS檔、一stylish樣式我用stylish設置改變背景，該樣式針對這個網頁，自其它樣式修改而來狀況是改了之後網頁背景圖還是CSS檔定義的背景，而不是stylish設置的背景可能1.stylish定義有誤2.CSS檔位階高於stylish並覆蓋了設定是哪個問題?該怎麼做?

發表人:	wini [ 2008-03-16, 21:25 ]
文章主題 :
pingu8007 寫: 重新說明一遍：現有一網頁、一個該網頁調用的CSS檔、一stylish樣式我用stylish設置改變背景，該樣式針對這個網頁，自其它樣式修改而來狀況是改了之後網頁背景圖還是CSS檔定義的背景，而不是stylish設置的背景可能1.stylish定義有誤2.CSS檔位階高於stylish並覆蓋了設定是哪個問題?該怎麼做? 用 Firefox 開你存放圖片的目錄的那張圖，把 Fx 中開出圖的那個路徑複製下來，然後改 background-image:url("圖") ，記得點一下 Stylish 提供的 !important 按鍵，或是自己加上去，這樣應該就完工了吧。

發表人:	pingu8007 [ 2008-03-20, 21:12 ]
文章主題 :
重講吧... 我要讓stylish的設定直接壓過CSS檔中對相同目標的設定 ex.CSS裡有定義某頁的body(號代表有東西但略過) 引言回覆:* body { ** background-image : url(XXXX); background-attachment: fixed; ** } 現我要追加stylish設置，CSS檔本身不變，但實際數值已被取代 XXXX→OOOO 檔案中還是XXXX，但看到的效果不是XXXX而是OOOO的夠明白了吧??

發表人:	knarf32222 [ 2008-03-20, 21:19 ]
文章主題 :
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**;

發表人:	wini [ 2008-03-20, 21:29 ]
文章主題 :
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 後面打了兩個冒號，已修正，抱歉。

發表人:	pingu8007 [ 2008-03-21, 14:01 ]
文章主題 :
我才要抱歉...和你的核對後我才發現...... 我的URI最後少個括號刪多餘物件時刪過頭了Orz 現在CSS部分是OK了，再請問一下替換掉寫在原碼裡的圖片路徑應該用什麼方式? 就是要取代掉某段程式碼，這應該參考哪裡? (因為再來要換的圖片不是由CSS定義，還不懂)

發表人:	wini [ 2008-03-21, 17:03 ]
文章主題 :
pingu8007 寫: 我才要抱歉...和你的核對後我才發現...... 我的URI最後少個括號刪多餘物件時刪過頭了Orz 當初看到 Stylish 裡的「 CSS 規則」時，我也是有點看呆了就是，不過知道那也是「 CSS 規則」就好。（汗）

發表人:	pingu8007 [ 2008-03-24, 21:24 ]
文章主題 :
目前明白了，就是用stylish樣式覆蓋掉CSS檔定義的樣式時要注意別少important。那標籤中的src、href等不在style底下而是同階層的參數能改嗎? 例: <img src="http://domain/folder/file.jpg"> 想把http://domain1/folderA/抽換成http://domain2/folderB/ (反正就是換，抽換或全換甚至整條重寫沒差) 這可以嗎?或者這是不屬於stylish的領域呢? 因為都是小問題，不想開新題洗版...

第 1 頁 (共 2 頁)	所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/

發表人:	knarf32222 [ 2008-03-24, 22:14 ]
文章主題 :
pingu8007 寫: 目前明白了，就是用stylish樣式覆蓋掉CSS檔定義的樣式時要注意別少important。那標籤中的src、href等不在style底下而是同階層的參數能改嗎? 例: <img src="http://domain/folder/file.jpg"> 想把http://domain1/folderA/抽換成http://domain2/folderB/ (反正就是換，抽換或全換甚至整條重寫沒差) 這可以嗎?或者這是不屬於stylish的領域呢? 因為都是小問題，不想開新題洗版... 就我所知這無法在stylish中修改背景圖片還可以不過應該有其他應用的管道例如將圖片隱藏起來(visibility: hidden)然後取代背景圖片以上純粹猜測