MozTW 討論區 • 檢視主題 - [分享]用 Stylish 來自訂網頁樣式

檢視沒有回覆的主題 | 檢視最近討論的主題

MozTW » 討論區首頁 » 其它 » 其他中的其他

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

[分享]用 Stylish 來自訂網頁樣式

第 7 頁 (共 8 頁)

[ 117 篇文章 ]

前往頁數上一頁 1 ... 4，5，6，7，8 下一頁

列印模式	上一個主題 \| 下一個主題

發表人

內容

shr

文章主題 :

發表於 : 2006-12-29, 20:41

註冊時間: 2005-07-28, 08:55
文章: 4

szany 寫:

AlanLive 寫:

這個 userChrome.js 可以利用 Stylish 來執行，這樣就不需要動到 Firefox 的內部設定。

說到無名，除了擋廣告以外，做出一個特定的樣式，也就是不管無名使用者用了什麼介面，通通套用到我們所制定的介面去，無名的樣式形形色色，而有些實在是很 OOXX，不知道這方法行不行的通？

特定樣式喔
那可能要把

代碼:

<link rel="stylesheet" href="http://pic*.pic.wretch.cc/photos/*/files/album.css?*" type="text/css">

這一串用adblock擋掉，再寫一份css吧 XD

我就是這麼搞的，不管進誰的相簿，通通跟我的樣式一樣 :twisted:

szany可以分享一下你的樣式嗎
或是教一下怎麼做
謝謝

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060811 Firefox/1.5.0.6

懶得登入

文章主題 :

發表於 : 2007-01-10, 16:29

請問
若是遇到每個div都叫同樣id、同class的網頁
該如何指定特定的div及特定td內的東西？ :cry:

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

wini

文章主題 :

發表於 : 2007-01-12, 00:59

[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220

懶得登入寫:

請問
若是遇到每個div都叫同樣id、同class的網頁
該如何指定特定的div及特定td內的東西？ :cry:

請給實例。基本上這種的就是看父子關係跟前後關係。

父子關係
#xxx #yyy

前後關係
#xxx+#yyy

看不懂沒關係，給個實例，大家看看，就會教你怎麼寫比較好了。

另外，一份文件中，只能出現一次 id 而已。

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

Amauds

文章主題 :

發表於 : 2007-01-12, 19:24

註冊時間: 2005-02-24, 19:15
文章: 1037
來自: Taiwan

wini 寫:

另外，一份文件中，只能出現一次 id 而已。

有些用套件包架設的論壇沒去注意,
也沒有更新相關模組,
就會發生多個重複 ID,
印象中有個動漫的論壇就有這個問題.

_________________
Amauds's Firefox
曾經妳以為最可靠的依賴；其實從未曾真實的存在過。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

文章主題 : 聯合新聞網

發表於 : 2007-01-20, 09:43

註冊時間: 2005-05-08, 08:21
文章: 9

這是我自己在用的, 給大家參考一下,
要配合 adblock, 但用一般的規則就可以了, 應該不用特別再加入阻擋項目,

代碼:

@namespace url(http://www.w3.org/1999/xhtml);


/**********************
 聯合新聞網
**********************/
@-moz-document domain("udn.com") {

html > body > table
{
 margin: 0 auto !important;
}

#story /* 主文字型大小 */
{
 font-size: 18px !important;
}

/* 新聞主文 */
td[width="134"]
{
 width: 100px !important;
}

div.common_link, form[name="sform1"] + td, td[class^="bd_"], td[class="note"],
FORM[NAME="grad"], td[width="240"],
tr.mainbg, tr.footerbg, td.footer, span.copyright
{
 display: none !important;
}

/* 主頁 */
#header_common, #header_search, #fourlink,
div[id^="tab"], div[id^="ad"],
iframe[id="sub_content"], iframe[id="bd"], iframe[id="ad_set"], iframe[id="biz"],
iframe[src^="http://shopping.udn.com/shopping"],
#footer
{
 display: none !important;
}

#tabnav, #tabnav_arrow
{
 display: block !important;
}

#warp {
 height: 700px !important;
}

#index {
 height: 600px !important;
}

#main_content {
 height: 600px !important;
 width: 830px !important;
}

}

/*********************
 新聞標籤內頁 iframe
**********************/
@-moz-document url("http://udn.com/1024MAIN/inc/main_content_news.shtml") {

table[width="210"], div#photo
{
 width: 400px !important; 
 height: 300px !important; 
}

div#photo img
{
 width: 400px !important; 
 height: 250px !important; 
}

iframe#qlist
{
 top: 350px !important;
 width: 400px !important; 
}

div#clist
{
 left: 450px !important;
}

#marquee_text
{
 display: none !important;
}

}

/**********************
 精選閱讀主文
**********************/
@-moz-document domain("mag.udn.com") {

table[width="560"]
{
 width: 650px !important;
}

form[name="frmsearch"] + td
{
 display: none !important;
}

}

附加檔案:

udn.jpg [66.2 KiB]
被下載 934 次

最後由 11 於 2007-01-20, 09:59 編輯，總共編輯了 1 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

文章主題 : 中時電子報

發表於 : 2007-01-20, 09:48

註冊時間: 2005-05-08, 08:21
文章: 9

這是我自己在用的, 給大家參考一下,
要配合 adblock, 但用一般的規則就可以了, 應該不用特別再加入阻擋項目

代碼:

@namespace url(http://www.w3.org/1999/xhtml);

/********************
 中時電子報
*********************/
@-moz-document domain("news.chinatimes.com") {
/* div#Top */
img[src$="pagecurl0-new.gif"],
div#ctMember1, td[width="761"][height="77"], /*div#CtiSearchPart, div#weatherarea, div#weatherinfo, */
/* div#GuideBar */
select[name="menu1"],
div[id^="ChoiceCh"], div#Customize, div#textAd2, div[id^="NewsSpecial"],
iframe[src*="-AD-"], iframe[src$="Recommand/0,4097,,00.shtml"],
iframe[src^="http://ad.cyberone.com.tw"], div#SuperAD,
div#Bottom
{
 display: none !important;
}

body
{
 margin-left: 70px !important;
}

iframe[src$="2007moment/focus1.shtml"]
{
 width: 670px !important;
 height: 400px !important;
}

/* 內頁 */
div[id^="bannerAD"], td[width="300"], div[id^="footer"]
{
 display: none !important;
}

td[width="688"], table[width="640"]
{
 width: 750px !important;
}

div#ctkeywordcontent
{
 font-size: 18px !important;   /* 主文字型大小 */ 
}

}

/********************
 主頁新聞欄 iframe
*********************/
@-moz-document url("http://www.chinatimes.com/2007moment/focus1.shtml") {

body
{
 width: 650px !important;
}

table[width="453"], table[width="448"]
{
 width: 650px !important;
}

table[width="217"]
{
 width: 300px !important;
}

}

附加檔案:

chinatimes.jpg [58.8 KiB]
被下載 891 次

最後由 11 於 2007-01-20, 23:48 編輯，總共編輯了 2 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

文章主題 : 壹蘋果網絡-蘋果日報

發表於 : 2007-01-20, 09:54

註冊時間: 2005-05-08, 08:21
文章: 9

這是我自己在用的, 給大家參考一下, 要配合 adblock, 加擋 http://ndx.1-apple.com.tw/DFA/*

代碼:

@namespace url(http://www.w3.org/1999/xhtml);

/***********************
 蘋果日報
************************/
@-moz-document domain("1-apple.com.tw") {

body
{
 width: 780px !important;
 margin: 0 auto !important;
}

body > table,
#header img[src^="images/i"],
div.pri, img[src$="top_news_01.gif"], 
#leftcol > table[height="20"], #rightcol, #footer, #adv,
div[style^="padding"], div.linkspot, table[height="150"],
img[src$="go-top.gif"],
td[align="center"] > font[color="#cccccc"][size="2"]
{
 display: none !important;
}

#header
{
 height: 125px !important;
}

table[width="555"]
{
 width: 780px !important;
 margin: 0 0 20px !important;
 padding: 5px !important;
 border: 1px solid #ddd !important;
}

span.arttext  /* 主文字型大小 */
{
 font-size: 18px !important;
}

}

附加檔案:

apple.jpg [43.97 KiB]
被下載 872 次

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

alex301

文章主題 : 隱藏 MozTW 討論區的個人頭像&簽名檔

發表於 : 2007-01-20, 11:29

註冊時間: 2005-02-16, 11:07
文章: 575

受夠了礙眼的個人頭像與亂七八糟的簽名檔了嗎?
以下這個 CSS 可隱藏 MozTW 討論區的個人頭像&簽名檔:

代碼:

@-moz-document url-prefix(http://forum.moztw.org/) {
  span.postdetails > img {display: none;} /*隱藏個人頭像*/
  span.postbody + span.postbody {display: none;} /*隱藏內文後的簽名檔*/
  table.attachtable + div + span.postbody {display: none;} /*隱藏附件檔後的簽名檔*/
}

註: 感謝本站 xacid 寫這支CSS，原文在 viewtopic.php?p=74416#74416
--
*Edit: 新增第三條規則以修正附件檔後的簽名檔無法隱藏的問題。

最後由 alex301 於 2007-01-24, 03:13 編輯，總共編輯了 1 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061209 Firefox/2.0.0.1

Amauds

文章主題 :

發表於 : 2007-01-21, 12:15

註冊時間: 2005-02-24, 19:15
文章: 1037
來自: Taiwan

alex301 寫:

受夠了礙眼的個人頭像與亂七八糟的簽名檔了嗎?
以下這個 CSS 可隱藏 MozTW 討論區的個人頭像&簽名檔
註: 感謝本站 xacid 寫這支CSS，原文在 viewtopic.php?p=74416#74416

真是好用。就算有人自以為是董事長也無所謂。

_________________
Amauds's Firefox
曾經妳以為最可靠的依賴；其實從未曾真實的存在過。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Velociraptor

文章主題 :

發表於 : 2007-01-21, 12:29

註冊時間: 2005-01-06, 18:58
文章: 447

和CSS不熟的話有沒有什麼資料可以參考啊……
（論壇的東西真的很難擋，沒弄好就一整片全消失了OTZ）

以下離題
雖然那位某人的發言……（下略）
不過也沒必要在這裡背刺吧= =

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.2pre) Gecko/20070114 BonEcho/2.0.0.2pre (ayakawa O2-GLT-SSE2-PGU)

james

文章主題 :

發表於 : 2007-01-21, 15:43

註冊時間: 2005-05-17, 14:12
文章: 232

Amauds 寫:

alex301 寫:

真是好用。就算有人自以為是董事長也無所謂。

這是我在 Stylish 裡唯一的修改樣式，感恩啊!!!

_________________
| TiddlyWiki 華語支援論壇 | PrinceTiddlyWiki |

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061218 BonEcho/2.0.0.1

Godspeed

文章主題 :

發表於 : 2007-01-24, 09:36

註冊時間: 2006-10-13, 12:07
文章: 37

AlanLive 寫:

szany 寫:

AlanLive 寫:

推薦一個不錯的 Script，名稱叫做 Search Clipboard

利用右上角的搜尋欄時，如果搜尋引擎不是排在第一個，那就得先移動到目標的搜尋引擎，然後把關鍵字輸入進去，但一般人應該都會把最常用到的排在第一位 (ex. Google)，所以每次搜尋完畢之後都要切換回去，挺麻煩的，而這個 Script 就是專門為搜尋狂的懶人設計，只要把要輸入的關鍵字複製到剪貼簿上，然後一樣選擇搜尋引擎，找到之後按"滑鼠中鍵"，這時搜尋引擎會將關鍵字導向你所指向的目標，而不會切換右上角搜尋欄的引擎順序。

多說無益，實際做過一次就明白了。(

註：似乎只支持 2.0 版

出處：http://amb.vis.ne.jp/mozilla/?p=53
(裡面還有其它好用的 Script，請慢慢挖寶。)

這跟stylish有啥關係？

最近wretch的廣告語法常變呢 :p

這個 userChrome.js 可以利用 Stylish 來執行，這樣就不需要動到 Firefox 的內部設定。

要如何利用 Stylish 來執行 userChrome.js ?

可否請大大為我解惑

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

wini

文章主題 : 新版巴哈姆特電玩資訊站(20070201)

發表於 : 2007-02-02, 21:31

[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220

新版巴哈姆特電玩資訊站(20070201)

以下的請盡量使用最新版的

第一版

代碼:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gamer.com.tw") {

/* 消除礙眼的選單或其它東西 */
/*討厭的浮動按鈕*/   #forumBottomMenu ,
/*CC創意公用聲明*/   table[bgcolor="#f2f2f2"] ,
/*上方的廣告列  */   table[background="http://pic.bahamut.com.tw/index_w/head_bg.gif"] {
display: none !important
}

/* 請自行啟用: 隱藏勇者造型 */
/*td[height="162"] a[href] img[height="160"] {
display: none !important
}*/

/* 請自行啟用: 隱藏廣告 */
/*#iRFloating ,
#iRFloating2 ,
iframe ,
td a img[width="160"] {
display:none !important
}*/

/* 整體文字大小 */
body, table * {
font-size: 12px !important
}

/* 調整最上方一列的文字大小 */
td.wide_toptext {
font-size: 6px !important
}

/* 控制文章內容排版 */
div#ctkeywordcontent ,
span.t3 ,
span.t3 font ,
table.ssize * ,
table[bgcolor="#4d4d4d"] * {
font-size: 18px !important
;
line-height: 1.8em !important
}

}

第二版

代碼:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gamer.com.tw") {

/* 消除礙眼的選單或其它東西 */
/*討厭的浮動按鈕*/   #forumBottomMenu ,
/*CC創意公用聲明*/   table[bgcolor="#f2f2f2"] ,
/*上方的廣告列  */   table[background="http://pic.bahamut.com.tw/index_w/head_bg.gif"] {
display: none !important
}

/* 請自行啟用: 隱藏勇者造型 */
/*td[height="162"] a[href] img[height="160"] {
display: none !important
}*/

/* 請自行啟用: 隱藏廣告 */
/*#iRFloating ,
#iRFloating2 ,
iframe ,
td[width="166"] {
display:none !important
}*/

/* 哈啦區文章表格拉寬 */
table[width="760"] {
width: 100% !important
}

/* 整體文字大小 */
body, table * {
font-size: 12px !important
}

/* 調整最上方一列的文字大小 */
td.wide_toptext {
font-size: 6px !important
}

/* 控制文章內容排版 */
tr[bgcolor="#e2f5cd"] * ,
tr[bgcolor="#f3f3f3"] * ,
tr[bgcolor="#ffffff"] * {
font-size: 16px !important
}

textarea#content ,
textarea#content * ,
div#ctkeywordcontent ,
span.t3 ,
span.t3 font ,
table.ssize * ,
table[bgcolor="#4d4d4d"] * {
font-size: 18px !important
;
line-height: 1.8em !important
}

}

第三版

代碼:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gamer.com.tw") {

/* 消除礙眼的選單或其它東西 */
/*討厭的浮動按鈕*/   #forumBottomMenu ,
/*討厭的浮動按鈕*/   #forumRightMenu ,
/*CC創意公用聲明*/   table[bgcolor="#f2f2f2"] ,
/*上方的廣告列  */   table[background="http://pic.bahamut.com.tw/index_w/head_bg.gif"] {
display: none !important
}

/* 請自行啟用: 隱藏勇者造型 */
td[height="162"] a[href] img[height="160"] {
display: none !important
}

/* 請自行啟用: 隱藏廣告 */
#iRFloating ,
#iRFloating2 ,
iframe ,
td[width="166"] {
display:none !important
}

/* 哈啦區文章表格拉寬 */
table[width="760"] {
width: 100% !important
}

/* 整體文字大小 */
body, table * {
font-size: 12px !important
}

/* 調整最上方一列的文字大小 */
td.wide_toptext {
font-size: 6px !important
}

/* 控制文章內容排版 */
tr[bgcolor="#e2f5cd"] * ,
tr[bgcolor="#f3f3f3"] * ,
tr[bgcolor="#ffffff"] * {
font-size: 16px !important
}

textarea#content ,
textarea#content * ,
div#ctkeywordcontent ,
span.t3 ,
span.t3 font ,
table.ssize * ,
table[bgcolor="#4d4d4d"] * {
font-size: 18px !important
;
line-height: 1.8em !important
}

}

第四版

代碼:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gamer.com.tw") {

/* 消除礙眼的選單或其它東西 */
/*討厭的浮動按鈕*/   #forumBottomMenu ,
/*討厭的浮動按鈕*/   #forumRightMenu {
display: none !important
}

/* 請自行啟用: 隱藏勇者造型 */
/*td[height="162"] a[href] img[height="160"] {
display: none !important
}*/

/* 請自行啟用: 隱藏CC創意公用聲明 */
/*font+table[bgcolor="#f2f2f2"] {
display:none !important
}*/

/* 請自行啟用: 隱藏廣告 */
/*#iRFloating ,
#iRFloating2 ,
iframe ,
td[width="166"] ,
table[background="http://pic.bahamut.com.tw/index_w/head_bg.gif"] {
display:none !important
}*/

/* 哈啦區文章表格拉寬 */
table[width="760"] {
width: 100% !important
}

/* 整體文字大小 */
body, table * {
font-size: 12px !important
}

/* 調整最上方一列的文字大小 */
td.wide_toptext {
font-size: 6px !important
}

/* 控制文章內容排版 */
tr[bgcolor="#e2f5cd"] * ,
tr[bgcolor="#f3f3f3"] * ,
tr[bgcolor="#ffffff"] * {
font-size: 16px !important
}

textarea#content ,
textarea#content * ,
div#ctkeywordcontent ,
span.t3 ,
span.t3 font ,
table.ssize * ,
table[bgcolor="#4d4d4d"] * {
font-size: 18px !important
;
line-height: 1.8em !important
}

}

第五版：因為隱藏的東西太多，導致只能用引用的方式回文，所以把 C.C. 選項調出來，免得不小心引用有 C.C. 的就會被自動勾選。另外還在想辦法如何解決某些項目（如哈啦區的搜尋結果）不見的問題。

代碼:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gamer.com.tw") {

/* 消除礙眼的選單或其它東西 */
/*討厭的浮動按鈕*/   #forumBottomMenu ,
/*討厭的浮動按鈕*/   #forumRightMenu img[src="http://pic.bahamut.com.tw/forum/hala06_01.gif"] {
display: none !important
}

/* 調整右側快選單為固定不動 */
td[width="166"] {
position: fixed !important
;
right: 30px !important
;
bottom: 4px !important
}

/* 請自行啟用: 隱藏勇者造型 */
td[height="162"] a[href] img[height="160"] {
display: none !important
}

/* 請自行啟用: 隱藏CC創意公用聲明(不建議隱藏) */
/*font+table[bgcolor="#f2f2f2"] {
display:none !important
}*/

/* 請自行啟用: 隱藏廣告 */
#iRFloating ,
#iRFloating2 ,
div.right ,
iframe ,
table[background="http://pic.bahamut.com.tw/index_w/head_bg.gif"] ,
script+table[bgcolor="#cccccc"] ,
script+table[width="95%"]+table[width="95%"] {
display:none !important
}

/* 哈啦區文章表格拉寬 */
table[width="760"] {
width: 100% !important
}

/* 整體文字大小 */
body, table * {
font-size: 12px !important
}

/* 調整最上方一列的文字大小 */
td.wide_toptext {
font-size: 4px !important
}

/* 控制文章內容排版 */
tr[bgcolor="#e2f5cd"] * ,
tr[bgcolor="#f3f3f3"] * ,
tr[bgcolor="#ffffff"] * {
font-size: 16px !important
}

textarea#content ,
textarea#content * ,
div#ctkeywordcontent ,
span.t3 ,
span.t3 font ,
table.ssize * ,
table[bgcolor="#4d4d4d"] *,
div.T3 * {
font-size: 18px !important
;
line-height: 1.8em !important
}

.leftOut1 {
width: auto !important
}

/* 除錯用：解除誤隱藏的項目 */
td[width="170"] iframe {
display: block !important
}

}

最後由 wini 於 2007-08-10, 14:29 編輯，總共編輯了 5 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

dora2002

文章主題 :

發表於 : 2007-02-07, 16:04

註冊時間: 2006-04-08, 15:10
文章: 2699
來自: 臺北縣隔壁

代碼:

@-moz-document url-prefix(http://forum.moztw.org/) {
  span.postbody + span.postbody {display: none;} /*隱藏內文後的簽名檔*/
  table.attachtable + div + span.postbody {display: none;} /*隱藏附件檔後的簽名檔*/
}

我覺得個人頭項沒差, 但是簽名檔就太...
董事長應該是指我吧 ......

備註: 非常感謝 xacid 和 alex301 寫這支 CSS

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

冰漾

文章主題 :

發表於 : 2007-02-10, 19:54

[社群版本維護者]

註冊時間: 2004-05-24, 15:50
文章: 826
來自: 資源回收筒

誰知道怎麼用 Stylish 自訂網站的 charset 為 UTF-8 嗎?

_________________
人必先自重，而後人重之。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.1) Gecko/20061226 Firefox/2.0.0.1 (pigfoot)

第 7 頁 (共 8 頁)

[ 117 篇文章 ]

前往頁數上一頁 1 ... 4，5，6，7，8 下一頁

MozTW » 討論區首頁 » 其它 » 其他中的其他

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

誰在線上

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

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

前往 :