「Stylish」修訂間的差異
出自 MozTW Wiki
（→寫 Stylsh 必用的 CSS 規則教學） |
|||
| (未顯示由 5 位使用者於中間所作的 12 次修訂) | |||
| 行 1： | 行 1： | ||
==概述== | ==概述== | ||
| − | Stylish 是 Mozilla Firefox 上，可以為任何網頁自訂 CSS 樣式的擴充套件。 | + | Stylish 是 Mozilla Firefox 上，可以為任何網頁自訂 '''[[CSS]]''' 樣式的擴充套件。 |
本頁面目前單純只是用來簡單介紹 Stylish ，以及收集相關的網頁資料的而已。 | 本頁面目前單純只是用來簡單介紹 Stylish ，以及收集相關的網頁資料的而已。 | ||
| + | |||
| + | 另外， Stylish 的設定，放在你的[[Projects/Doc/Profile|個人設定檔]]資料夾底下的 stylish.rdf 檔案中。 | ||
---- | ---- | ||
| 行 9： | 行 11： | ||
==官方網站== | ==官方網站== | ||
| − | * [https://addons.mozilla.org/addon | + | * [https://addons.mozilla.org/en-US/firefox/addon/2108 Mozilla Update] |
* [http://forums.mozillazine.org/viewtopic.php?t=327735 mozillaZine] | * [http://forums.mozillazine.org/viewtopic.php?t=327735 mozillaZine] | ||
* 適用於: | * 適用於: | ||
| − | ** Firefox (1. | + | ** Firefox (1.5 - 3.0) 所有平台 |
| − | ** Thunderbird (1. | + | ** Thunderbird (1.5 - 3.0) 所有平台 |
| + | ** SeaMonkey (1.0 – 2.0a1) 所有平台 | ||
| + | |||
| + | ==動手使用 Stylish== | ||
| + | # [https://addons.mozilla.org/en-US/firefox/addon/2108 下載安裝] | ||
| + | # 重開程式 | ||
| + | # 點擊在狀態列的 Stylish 圖示（或者也可以自訂工具列後把圖示拉到工具列上） | ||
| + | # 撰寫樣式 | ||
| + | # 再來看寫出來的是要給什麼東西套用的就好（包括網頁或是程式介面） | ||
| + | |||
| + | 方便的輔助工具： | ||
| + | # DOM Inspector - 方便你觀察網頁或程式的架構 | ||
| + | # JSView - 方便你檢視網頁中使用了哪些 CSS 檔案 | ||
==forum.MozTW.org 上的相關討論== | ==forum.MozTW.org 上的相關討論== | ||
| − | * [http://forum.moztw.org/viewtopic.php?t=13247 <nowiki>[分享]用 Stylish 來自訂網頁樣式</nowiki> | + | * [http://forum.moztw.org/viewtopic.php?t=16467 stylish的教學] |
| + | * [http://forum.moztw.org/viewtopic.php?t=21459 stylish的快速教學] | ||
| + | * [http://forum.moztw.org/viewtopic.php?t=13247 <nowiki>[分享]用 Stylish 來自訂網頁樣式</nowiki>] | ||
* [http://forum.moztw.org/viewtopic.php?t=13497 用 Stylish 修改 Fx 介面] | * [http://forum.moztw.org/viewtopic.php?t=13497 用 Stylish 修改 Fx 介面] | ||
* [http://forum.moztw.org/viewtopic.php?p=63425#63425 以 DOM 觀察器來查詢 Fx 操作介面物件名稱的教學] | * [http://forum.moztw.org/viewtopic.php?p=63425#63425 以 DOM 觀察器來查詢 Fx 操作介面物件名稱的教學] | ||
* [http://forum.moztw.org/viewtopic.php?t=12702 <nowiki>[問]有強制文字換行的擴充套件嗎？</nowiki>] | * [http://forum.moztw.org/viewtopic.php?t=12702 <nowiki>[問]有強制文字換行的擴充套件嗎？</nowiki>] | ||
| + | * [http://forum.moztw.org/viewtopic.php?t=13363 尋求套件-自動隱藏書籤工具列?] | ||
* [http://forum.moztw.org/viewtopic.php?t=12372 <nowiki>Stylish 0.2.1 [中]</nowiki>] | * [http://forum.moztw.org/viewtopic.php?t=12372 <nowiki>Stylish 0.2.1 [中]</nowiki>] | ||
* [http://forum.moztw.org/viewtopic.php?t=12373 Stylish 0.2 (中)] | * [http://forum.moztw.org/viewtopic.php?t=12373 Stylish 0.2 (中)] | ||
* [http://forum.moztw.org/viewtopic.php?t=12923 <nowiki>第二屆 Top15 票選活動 » [套件] Stylish</nowiki>] | * [http://forum.moztw.org/viewtopic.php?t=12923 <nowiki>第二屆 Top15 票選活動 » [套件] Stylish</nowiki>] | ||
| + | |||
| + | == 寫 Stylsh 必用的 CSS 規則教學 == | ||
| + | * [http://forum.moztw.org/viewtopic.php?p=120984#120984 學習 CSS 的重點] | ||
| + | * [http://forum.moztw.org/viewtopic.php?t=21490 選擇子教學], [http://forum.moztw.org/viewtopic.php?t=21977 選擇子教學２] | ||
| + | * [http://chinese-school.netfirms.com/css-tutorial-T-Chinese-index.htm 有點舊的 CSS(2) 導讀書] | ||
==分享寫好的 Style 的網站== | ==分享寫好的 Style 的網站== | ||
* [http://userstyles.org/ UserStyles.org] | * [http://userstyles.org/ UserStyles.org] | ||
| + | |||
| + | ==未完成的挑戰== | ||
| + | * [http://forum.moztw.org/viewtopic.php?t=13688 請問要如何讓關掉的圖片也能夠顯示些東西出來] | ||
| + | |||
| + | ==其它== | ||
| + | * [http://www.w3.org/TR/2001/CR-css3-selectors-20011113/ CSS 3 Selectors (W3C Candidate Recommendation 13 November 2001)] | ||
於 2008年3月24日 (一) 02:34 的最新修訂
概述
Stylish 是 Mozilla Firefox 上，可以為任何網頁自訂 CSS 樣式的擴充套件。
本頁面目前單純只是用來簡單介紹 Stylish ，以及收集相關的網頁資料的而已。
另外， Stylish 的設定，放在你的個人設定檔資料夾底下的 stylish.rdf 檔案中。
內容大綱
官方網站
- Mozilla Update
- mozillaZine
- 適用於:
- Firefox (1.5 - 3.0) 所有平台
- Thunderbird (1.5 - 3.0) 所有平台
- SeaMonkey (1.0 – 2.0a1) 所有平台
動手使用 Stylish
- 下載安裝
- 重開程式
- 點擊在狀態列的 Stylish 圖示（或者也可以自訂工具列後把圖示拉到工具列上）
- 撰寫樣式
- 再來看寫出來的是要給什麼東西套用的就好（包括網頁或是程式介面）
方便的輔助工具：
- DOM Inspector - 方便你觀察網頁或程式的架構
- JSView - 方便你檢視網頁中使用了哪些 CSS 檔案
forum.MozTW.org 上的相關討論
- stylish的教學
- stylish的快速教學
- [分享]用 Stylish 來自訂網頁樣式
- 用 Stylish 修改 Fx 介面
- 以 DOM 觀察器來查詢 Fx 操作介面物件名稱的教學
- [問]有強制文字換行的擴充套件嗎？
- 尋求套件-自動隱藏書籤工具列?
- Stylish 0.2.1 [中]
- Stylish 0.2 (中)
- 第二屆 Top15 票選活動 » [套件] Stylish
