舊文件

此處文件僅供參考,請自行考量時效性與適用程度,其他庫藏文件請參考文件頁面
我們亟需您的協助,進行共筆系統搬移、及文件整理工作,詳情請查閱參與我們

「Stylish」修訂間的差異

出自 MozTW Wiki

概述
寫 Stylsh 必用的 CSS 規則教學
 
(未顯示由 2 位使用者於中間所作的 9 次修訂)
行 1: 行 1:
 
==概述==
 
==概述==
Stylish 是 Mozilla Firefox 上,可以為任何網頁自訂 CSS 樣式的擴充套件。
+
Stylish 是 Mozilla Firefox 上,可以為任何網頁自訂 '''[[CSS]]''' 樣式的擴充套件。
  
 
本頁面目前單純只是用來簡單介紹 Stylish ,以及收集相關的網頁資料的而已。
 
本頁面目前單純只是用來簡單介紹 Stylish ,以及收集相關的網頁資料的而已。
行 11: 行 11:
  
 
==官方網站==
 
==官方網站==
* [https://addons.mozilla.org/addon.php?id=2108 Mozilla Update]
+
* [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.4.0 - 1.6) 所有平台
+
** Firefox (1.5 - 3.0) 所有平台
** Thunderbird (1.4 - 1.6) 所有平台
+
** 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>[/url]
+
* [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 操作介面物件名稱的教學]
行 26: 行 40:
 
* [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 選擇子教學2]
 +
* [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)]
 
* [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

  1. 下載安裝
  2. 重開程式
  3. 點擊在狀態列的 Stylish 圖示(或者也可以自訂工具列後把圖示拉到工具列上)
  4. 撰寫樣式
  5. 再來看寫出來的是要給什麼東西套用的就好(包括網頁或是程式介面)

方便的輔助工具:

  1. DOM Inspector - 方便你觀察網頁或程式的架構
  2. JSView - 方便你檢視網頁中使用了哪些 CSS 檔案

forum.MozTW.org 上的相關討論

寫 Stylsh 必用的 CSS 規則教學

分享寫好的 Style 的網站

未完成的挑戰

其它

個人工具