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

[己解決]如何用CSS修改火狐..
https://forum.moztw.org/viewtopic.php?f=2&t=30256
1 頁 (共 1 頁)

發表人:  天邪翼 [ 2010-05-21, 17:42 ]
文章主題 :  [己解決]如何用CSS修改火狐..

用GOOGLE找了一下..翻郅討論區的舊文..
可以改選單工具列跟下拉選單..
想問說其它地方怎麼修改..
Ubuntu修改好像比WIN簡單多了..
小的眼睛不太好..想把字都改大一點..=.=

剛用Stylish套用大大們的設定..
圖檔

附加檔案:
檔案註釋: 456
123_cr.jpg [84.35 KiB]
被下載 792 次

發表人:  aaaa007cn [ 2010-05-21, 20:55 ]
文章主題 :  Re: 如何用CSS修改火狐..

其他地方是哪裡?

一般都是找相關的選擇符來用
至於怎麼找……
DOM Inspecter + 官方文檔應該差不多了
還可以去userstyles.org、google搜索看看有無實例來修改
某些細節實在找不到的,還可以考慮直接拆theme包來翻看……

發表人:  天邪翼 [ 2010-05-21, 21:19 ]
文章主題 :  Re: 如何用CSS修改火狐..

aaaa007cn 寫:
其他地方是哪裡?

一般都是找相關的選擇符來用
至於怎麼找……
DOM Inspecter + 官方文檔應該差不多了
還可以去userstyles.org、google搜索看看有無實例來修改
某些細節實在找不到的,還可以考慮直接拆theme包來翻看……


能改盡量改..
想把每個地方的字都改大一點..XDD
大大提供的套件可以知道火狐每個地方的ID..??

圖檔

改好了..蠻簡單的..=.=
整個畫面爽度提高..
只是..全部都套用..網頁都怪怪的..XDD
要如何查詢網址工具列或書籤工具列等地方的ID..

圖檔

附加檔案:
檔案註釋: 999
999_cr.jpg [803.48 KiB]
被下載 709 次
檔案註釋: 123
_cr.jpg [64.88 KiB]
被下載 754 次

發表人:  1abcd [ 2010-05-21, 23:26 ]
文章主題 :  Re: 如何用CSS修改火狐..

我都讓 Fx 直接使用 Windows 的外觀設定,沒有用其他東西調整過,字體也很大很好看。

附加檔案:
msjh16.png [157.37 KiB]
被下載 162 次

發表人:  aaaa007cn [ 2010-05-21, 23:46 ]
文章主題 :  Re: 如何用CSS修改火狐..

以地址列舉例

界面部分是chrome,所以在這下面找
圖檔
熟悉的話,直接Inspect a URL,填chrome://browser/content/browser.xul
然後就可以Select Element By Click,這裡點擊地址列中任意元素
圖檔
然後在DOM tree中查找合適的上級元素
比如這裡可以選擇textbox#urlbar
然後去stylish裡面加個
代碼:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
textbox#urlbar {font-size:20px!important;}

oyeah

叫大大感覺怪怪的…… :shock:

附加檔案:
dominspector2.png [12.06 KiB]
被下載 706 次
dominspector1.png [4.09 KiB]
被下載 686 次

發表人:  天邪翼 [ 2010-05-22, 00:06 ]
文章主題 :  Re: [己解決]如何用CSS修改火狐..

我用那個套件找出來一個一個慢慢套..
火狐的介面的字型大小都修正了..
不會套到網頁上了..
以後可以隨時換大小、字型、顏色...XDDD

發表人:  aaaa007cn [ 2010-05-22, 00:12 ]
文章主題 :  Re: [己解決]如何用CSS修改火狐..

bookmark可以这么做
代碼:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.bookmark-item {font-size:40px;}

也可以用上级容器,比如#personal-bookmarks之类

我记得以前在MDC看到过theme的说明,不过现在只找到这个
https://developer.mozilla.org/en/Themes
好像没什么用……orz
反正DOM Inspector非常强大了……
找不到的时候再说吧……囧

DOM Inspector主要是用来精确打击的,调整细节
整体调整还是按1abcd版主的方法来吧……

發表人:  天邪翼 [ 2010-05-22, 00:48 ]
文章主題 :  Re: [己解決]如何用CSS修改火狐..

改過後..對我來說真的爽度真的很夠..
不然之前畫面字超小的..
只是WIN上的FIREFOX不像Ubuntu裡..
可以拉套件功能的視窗大小..變成字改大..
小部份套件的字會被割掉..

蠻怪的..DOM都有被修改到..
但不知為什麼FIREBUG的編緝畫面卻沒改到..=.=

未改畫面..

圖檔

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

修改後畫面..

圖檔

附加檔案:
檔案註釋: 02
02.jpg [1.01 MiB]
被下載 747 次
檔案註釋: 01
01.jpg [879.18 KiB]
被下載 716 次

發表人:  aaaa007cn [ 2010-05-22, 12:24 ]
文章主題 :  Re: [己解決]如何用CSS修改火狐..

恭喜

firebug怪怪的,dom抓不到什麼
不過沒關係,我們可以祭出userstyles搜索大法
http://userstyles.org/styles/browse/all/firebug
裡面挑兩個看看
@XUL - Firebug - Compact Tabs
http://userstyles.org/styles/18417
Firebug
http://userstyles.org/styles/20291
點show code,一開始就能看到字體相關的規則
新建的style -> copy&paste -> preview - > 有效!
XD

窗體大小應該也是可以用stylish來調整的,不過我沒搞定NoScript那個Options窗體……

但是拆套件包來處理一定是可行的!

發表人:  Lamborghinik [ 2010-05-22, 22:23 ]
文章主題 :  Re: [己解決]如何用CSS修改火狐..

小弟這邊有個問題
請教一下各位前輩...

http://img84.imageshack.us/img84/8527/testea.jpg
我改了佈景主題後...
Tab Mix Plus標籤列也變黑的了...
導致看不到標籤上的文字...
請問有辦法把標籤上的文字改成白色或其他顏色嗎???
THX

發表人:  天邪翼 [ 2010-05-23, 00:18 ]
文章主題 :  Re: [己解決]如何用CSS修改火狐..

只改一小部份要叫高手來..
我用的都是改一大片的..XDDD
我用DOM也是亂找東西來套..
我完全搞不清楚要怎麼樣才能找單一區域的ID名..
像FIREBUG那個CSS..
一大堆區域ID名是怎麼查出來的..

發表人:  aaaa007cn [ 2010-05-25, 21:33 ]
文章主題 :  Re: [己解決]如何用CSS修改火狐..

神人是可以直接看源碼來寫css的
吾等修行未夠班呀

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