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

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

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

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

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

第 3 頁 (共 8 頁)

[ 117 篇文章 ]

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

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

發表人

內容

wini

文章主題 :

發表於 : 2006-04-20, 01:43

[網站管理員]

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

Mozilla Taiwan 討論區用的樣式。

目的是讓字體大小夠大，
還有避免某些長串字拉寬畫面。(例子)
其中後者目前只處理引用跟代碼兩種文章。

需要替長連結自動折行的，
請安裝 MR Tech's Link Wrapper 擴充套件試試。

引言回覆:

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

goldie

文章主題 :

發表於 : 2006-04-20, 14:46

註冊時間: 2004-09-29, 04:27
文章: 419

乾淨版無名相簿 (隱藏掉上/下兩個橫幅廣告)
不過下面的橫幅廣告可能會因為無名後來再去調整 Style 參數，而可能就失效了 = =

Wretch Album:

代碼:

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

@-moz-document domain(www.wretch.cc) {
  td[id="ad_banner"] {
    display: none !important;
  }
  div[style="border: 1px outset gray; padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 150px; width: 700px;"] {
    display: none !important;
  }
}

_________________
個人 Firefox 擴充套件收藏集

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.8.0.2) Gecko/20060419 Firefox/1.5.0.2 (Firefox musume)

jnlyu

文章主題 :

發表於 : 2006-04-21, 14:47

註冊時間: 2005-08-22, 16:34
文章: 92

看到大家這樣快樂的編輯網站，小弟也想研究 CSS 了

另外想問這種改變網站 CSS 樣式，會不會增加記憶體的使用量呢?

目前用了幾個網友的設定檔，雖然還沒看到異樣

但還是想問問看

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.2) Gecko/20060415 Firefox/1.5.0.2 (pigfoot)

wini

文章主題 :

發表於 : 2006-04-21, 15:17

[網站管理員]

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

jnlyu 寫:

看到大家這樣快樂的編輯網站，小弟也想研究 CSS 了
另外想問這種改變網站 CSS 樣式，會不會增加記憶體的使用量呢?
目前用了幾個網友的設定檔，雖然還沒看到異樣
但還是想問問看 :)

CSS 除了「不透明度的遮罩效果(opacity)」比較吃 CPU 外，
基本上，只是載入文字資料而已，一點也不吃記憶體，
好比說你寫了一個文字顏色很雜很多的網頁，
頂多就是讀取時有點慢，但是還不到吃重的程度，
CSS 只要別用到會動態變化樣式(?)的規則就還好。
（比如說 opacity 加 position:fixed 套用在大圖片上這類的）

不過更詳細的情況，需要有看過 CSS 規格書，
還有有研究比較久的前輩來回答了，
我目前注意到的就只有上面那種情況而已。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

wini

文章主題 :

發表於 : 2006-04-21, 15:58

[網站管理員]

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

Mozilla Taiwan 討論區用的樣式加強版。

目的除了讓字體大小夠大（可自訂），
還有避免「引用跟代碼」兩種文章中的長串字拉寬畫面(例子)外，
還加入了讓文章跟簽名的顏色全變成黑色(black)以避免文章用色太花的問題(例子)，
以及讓文章中的圖片被限制在特定寬度的規則(例子)。

另外裡面有兩條規條是要自行啟用的，
請自己看看裡面的註解來編輯並啟用。

需要替長連結自動折行的，
請安裝 MR Tech's Link Wrapper 擴充套件試試。

引言回覆:

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

@-moz-document domain("forum.moztw.org") {

/* 調整文章字體大小 */
table *
{
font-size:22px!important
}

/* 避免無空格的長文拉寬畫面 */
td.code ,
td.quote
{
display: block !important
;
overflow: auto !important
}

/* 自行啟用及調整: 將引用跟代碼兩種 class 的文章縮行顯示 */
/* ☆欲啟用本規則的請刪除這一行和下面提到的那行
td.code ,
td.quote
{
max-height: 5em
}
☆欲啟用本規則的請刪除這一行和上面提到的那行 */

/* 自行啟用: 滑鼠鼠標移過引用跟代碼兩種 class 的文章時顯示全部 */
/*
td.code:hover ,
td.quote:hover
{
max-height: none
}
*/

/* 調整簽名檔(如顯示與否、字體顏色、或所佔行數高度等的) */

td[colspan="2"] .postbody span
{
color:black !important
}

td[colspan="2"] .postbody a[href]:not(:hover) span
{
color:#006699 !important
}

td[colspan="2"] .postbody a[href]:hover span
{
color:#DD6900 !important
}

/*td[colspan="2"] .postbody:first-child
{
display:block
}*/

/* 限制圖片的最大尺寸(數值部分需視個人情況自行設定) */

.postbody img
{
max-width: 400px
}

}

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

jnlyu

文章主題 :

發表於 : 2006-04-21, 17:52

註冊時間: 2005-08-22, 16:34
文章: 92

請問刪除特定區域的原始碼要怎麼下指令?

如以下的源始碼我都不要 ( 正確的說是想去掉裡面出現的文字 )

-------------------分隔線--------------------

<br />


<table class="tborder" cellpadding="3" cellspacing="1" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">

<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1)"><img src="/classic-images/misc/vb_bullet.gif" alt="回到" border="0" /></a></td>
<td> </td>
<td width="100%"><span class="navbar"><a href="index.php?" accesskey="1">PCDVD數位科技討論區</a></span>
<span class="navbar">> <a href="forumdisplay.php?f=3">其他群組</a></span>

</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="/forumdisplay.php?f=12&page=1&sort=lastpost&order=&pp=15&daysprune=-1"><img class="inlineimg" src="/classic-images/misc/navbits_finallink.gif" alt="重新載入此頁" border="0" /></a> <strong>
七嘴八舌異言堂

</strong></td>
</tr>
</table>

</td>

-------------------分隔線--------------------

CSS 新手

先謝謝大家

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.2) Gecko/20060415 Firefox/1.5.0.2 (pigfoot)

cmi

文章主題 :

發表於 : 2006-04-21, 21:30

註冊時間: 2005-04-08, 13:23
文章: 60

在各種類型的連結前加上圖示

引言回覆:

a[href$=".exe"]:before { content: url("moz-icon://.exe?size=16"); padding: 0 1ex !important;}
a[href$=".zip"]:before { content: url("moz-icon://.zip?size=16"); padding: 0 1ex !important;}
a[href$=".rar"]:before { content: url("moz-icon://.rar?size=16"); padding: 0 1ex !important;}
a[href$=".pdf"]:before { content: url("moz-icon://.pdf?size=16"); padding: 0 1ex !important;}

這邊只加了.exe .zip .pdf .rar 四項，有其他需要的請自行增加

把a[href$=".pdf"]:before { content: url("moz-icon://.pdf?size=16"); padding: 0 1ex !important;}

這一行紅色的部份改成你要的檔案類型就可以了

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; ja; rv:1.8) Gecko/20051218 Firefox/1.5 (tete009)

wini

文章主題 :

發表於 : 2006-04-21, 21:51

[網站管理員]

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

jnlyu 寫:

請問刪除特定區域的原始碼要怎麼下指令?

如以下的源始碼我都不要 ( 正確的說是想去掉裡面出現的文字 )

建議你，改用 Adblock ，這才是真正「刪除」東西用的。

Stylish 只是對頁面樣式（或 Firefox/Thunderbird 的操作介面）的重新設計而已，
它只是讓已經讀入的東西不要顯示，或是改變顏色或大小等等的樣式。

你可能會需要去讀讀「 CSS Tutorial Traditional Chinese 」，
跟「 CSS 3: Selectors 」這兩份文件，
你只要看一看後，應該就可以學會分析原始碼了。
CSS 的重點就在於 id, class, 階層, 還有 attribute 等的這些上面。（大概）
如果你連 HTML 也不懂的話，找「盲用架站文件」試試。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

rainlay

文章主題 :

發表於 : 2006-04-23, 11:30

註冊時間: 2004-10-16, 16:55
文章: 45

goldie 寫:

UserStyles 這網站很讚，找到幾個好東西：

又找到不少好物，讚!讚!讚~!

All Rounded
Center Images
Change colors of selected tab
Change the height of tabs not selected
Change the height of the tabbar
fix for Manage Styles checkmarks
Google Tahoma font style // 之前的 Google 懶得改，直接換成這個 XD
Linkification Dotted Underline // 限有裝 Linkification 擴充套件者
Rearrange userstyles.org // 瀏覽 UserStyles 網站專用
Slim Extension List // 又省掉安裝一個擴充套件
Slim Sage Sidebar // 限有裝 Sage 擴充套件者
Small Statusbar // 視窗寬廣化
Sourceforge Tidier // 瀏覽 Sourceforge 網站專用
Toolbar Padding Changer // 視窗寬廣化

真的是超讚的阿

省下了一堆擴充套件!

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.2) Gecko/20060415 Firefox/1.5.0.2 (pigfoot)

arphen

文章主題 :

發表於 : 2006-04-23, 22:33

註冊時間: 2005-04-02, 21:10
文章: 240

wini 寫:

你可能會需要去讀讀「 CSS Tutorial Traditional Chinese 」，
跟「 CSS 3: Selectors 」這兩份文件

請問那裡找得到Firefox支援CSS的詳細資料? 謝謝!

_________________

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

wini

文章主題 :

發表於 : 2006-04-23, 22:42

[網站管理員]

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

arphen 寫:

wini 寫:

你可能會需要去讀讀「 CSS Tutorial Traditional Chinese 」，
跟「 CSS 3: Selectors 」這兩份文件

請問那裡找得到Firefox支援CSS的詳細資料? 謝謝!

參考看看 Gecko 1.8 變更這頁，
我想原文的頁面應該也會提供吧，
比如說在搜尋框中輸入 CSS 後前往的頁面，
其中有項 Documentation 的應該可以參考一下。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

wini

文章主題 :

發表於 : 2006-05-04, 16:22

[網站管理員]

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

【注意一：這還在編寫中，往後會修改。】
【注意二：這是為特殊目的而寫的，往後有空再談。】

更新時間:
- 第一版: 2006/05/04 16:21
- 第二版: 2006/05/05 01:00
- 第三版: 2007/01/24 17:00

建華證券用的。

第一版寫:

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

@-moz-document url-prefix(https://eztrade.sinopac.com.tw/) {

table
{
width:auto !important
}

table td
{
background:#e0efff !important
;
padding:0 .2em !important
}

img[src="images_et/img_cha123.gif"] ,
img[src="images_et/img_cha12.gif"] ,
img[src="images_et/img_cha11.gif"] ,
img[src="images_et/img_cha10.gif"] ,
img[src="images_et/img_cha7.gif"] ,
img[src="images_et/img_cha2.gif"] ,
img[src="images_et/img_cha1.gif"] {
display:none !important
}

}

@-moz-document url-prefix("https://eztrade.sinopac.com.tw/scripts/cgirpc32.dll/") {

label[id="acno"]
{
display:none !important
}

*
{
font-family:Arial,MingLiU !important
;
vertical-align:middle !important
;
font-size:12px !important
}

form
{
width:100% !important
}

td {
width:auto !important
;
padding:0 .4em !important
;
border-right:1px solid white !important
;
white-space:nowrap !important
}

input[type="button"]
{
width:auto !important
}

}

@-moz-document url(https://eztrade.sinopac.com.tw/secs/san ... erline.htm) {

table
{
width:auto !important
}

}

第二版寫:

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

@-moz-document url-prefix(https://eztrade.sinopac.com.tw/) {

a.link02
{
display:block !important
;
padding:.4em 0 !important
}

form[name="nvest"] center
{
text-align:right !important
}

a.link02_2
{
padding:.4em 0 !important
}

a[href="/etrade/sino_nvest.htm"]
{
/*border:1px solid white !important
;*/
font-weight:bold !important
}

*
{
font-family:Arial,MingLiU !important
;
font-size:12px !important
}

form[name="bsioform"] *
{
vertical-align:middle !important
}

}

@-moz-document url-prefix("https://eztrade.sinopac.com.tw/scripts/cgirpc32.dll/") {

table.c12[border="1"]
{
width:auto !important
;
margin:0 2px 0 auto !important
}

label[id="acno"]
{
display:block !important
;
/*width:12em !important*/
;
overflow:hidden !important
;
margin-left:-8em !important
}

form
{
width:100% !important
}

td {
width:auto !important
;
padding:0 .4em !important
;
border-right:1px solid white !important
;
white-space:nowrap !important
}

input[type="button"]
{
width:auto !important
}

}

@-moz-document url(https://eztrade.sinopac.com.tw/secs/san ... erline.htm) {

table#TA01
{
background:#344d99 !important
;
width:auto !important
;
padding:0 1em !important
}

td
{
width:auto !important
;
padding:0 .1em !important
}

td *
{
font-size:12px !important
}

}

第三版寫:

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

@-moz-document url-prefix(https://eztrade.sinopac.com.tw/) {

#m1 {
background: white !important
}

a.link02
{
display:block !important
;
padding:.4em 0 !important
}

form[name="nvest"] center
{
text-align:right !important
}

a.link02_2
{
padding:.4em 0 !important
}

a[href="/etrade/sino_nvest.htm"]
{
/*border:1px solid white !important
;*/
font-weight:bold !important
}

*
{
font-family:Arial,MingLiU !important
;
font-size:12px !important
}

form[name="bsioform"]
{

}

form[name="bsioform"] *
{
vertical-align:middle !important
;
width: auto !important
;
height: auto !important
;
margin-bottom: 1em !important
}

}

@-moz-document url-prefix("https://eztrade.sinopac.com.tw/scripts/cgirpc32.dll/") {

table.c12[border="1"]
{
width:auto !important
;
margin:0 2px 0 auto !important
}

/*label[id="acno"]
{
display:block !important
;
overflow:hidden !important
;
margin-left:-8em !important
}*/

form
{
width:100% !important
}

td {
width:auto !important
;
padding:0 .4em !important
;
border-right:1px solid white !important
;
white-space:nowrap !important
}

input[type="button"]
{
width:auto !important
}

}

@-moz-document url(https://eztrade.sinopac.com.tw/secs/san ... erline.htm) {

table#TA01
{
background:#344d99 !important
;
width:auto !important
;
padding:0 1em !important
}

td
{
width:auto !important
;
padding:0 .1em !important
}

td *
{
font-size:12px !important
}

}

最後由 wini 於 2007-01-24, 17:39 編輯，總共編輯了 2 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

szany

文章主題 :

發表於 : 2006-05-04, 18:39

註冊時間: 2006-03-04, 19:30
文章: 53

去掉無名小站留言板上下&浮動廣告

代碼:

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


@-moz-document url-prefix(http://www.wretch.cc/guestbook/) {
.ad_top,
#ad_float,
td[style = "border: 1px solid rgb(0, 0, 0); padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0%; width: 700px; height: 90px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"]
 {    display: none !important;  }

}

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.2) Gecko/20060414 Firefox/1.5.0.2

wini

文章主題 :

發表於 : 2006-05-18, 15:39

[網站管理員]

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

巴哈姆特電玩資訊站用的樣式最新待測版。
（話說我該考慮把這些丟上 wiki 了）

注意，因應巴哈姆特改版，所以請改用新版的樣式。

代碼:

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

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

/* 消除礙眼的選單 */
table[bgcolor="#a2a49f"],
table[background="http://pic.bahamut.com.tw/top_L_5.gif"],
div#FAD {
display: none !important
}

/* 清除勇者造型 */
a[target="_top"] img[height="160"] {
display: none !important
}

/* 強調文章日期及發文者 */
font.t1 {
display: block !important ;
border: 1px solid black !important ;
border-width: 1px 0 0 1px !important /*;
font-weight: bold !important ;
background: white !important*/
}

font.t1 a[href] font[color="#3e81c6"] {
color: brown !important
}

/* 將廣告以絕對定位設於左上方 */
div#AD_FLOAT, div#FAD2 {
position: absolute !important;
top: 0 !important;
left: 0 !important
}

/* 未決定（登入帳號旁的橫幅廣告、巴哈各區的選單） */
/*td[width="482"],
tr[bgcolor="#c1c7b1"] td[align="center"] {
}*/

/* 控制文章內容 */
span.t3 {
font-size: 18px !important
}

/* 避免巴哈姆特的圖片被廣告擋住 */
img[src="http://pic.bahamut.com.tw/bahamut.gif"] {
padding-left: 60px !important
}

/* 將畫面寬度拉成與視窗同寬並設最小寬度為 760 px */
table[width="760"] {
width: 100% !important ;
min-width: 760px !important
}

/* 讓某些元件的寬度能自動縮放 */
table[width="122"] ,
table[width="445"] {
width: auto !important
}

}

最後由 wini 於 2007-02-02, 21:33 編輯，總共編輯了 1 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

MilchFlasche

文章主題 :

發表於 : 2006-05-18, 15:40

註冊時間: 2004-07-23, 14:05
文章: 1552
來自: 台北縣豆腐的故鄉

wini 寫:

巴哈姆特電玩資訊站用的樣式最新待測版。
（話說我該考慮把這些丟上 wiki 了）

好主意

麻煩了

_________________
不努力的話，就會死在這裡，或是死在那裡。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

第 3 頁 (共 8 頁)

[ 117 篇文章 ]

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

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

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

誰在線上

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

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

前往 :