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

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

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

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

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

第 2 頁 (共 8 頁)

[ 117 篇文章 ]

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

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

發表人

內容

james

文章主題 :

發表於 : 2006-03-27, 13:09

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

bulin23 寫:

咕狗首頁卻歪斜了，很X。呵呵。

很傳神的形容，但是在一個"普級"的討論區裡，似乎應該盡量避免吧？

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

bulin23

文章主題 :

發表於 : 2006-03-27, 14:07

註冊時間: 2006-03-10, 09:47
文章: 287

james 寫:

在一個"普級"的討論區裡，似乎應該盡量避免吧？

改成：很BABU。

最後由 bulin23 於 2006-04-03, 09:01 編輯，總共編輯了 1 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (pigfoot)

goldie

文章主題 :

發表於 : 2006-03-29, 00:49

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

bulin23 寫:

但首頁還是有問題。

我不太會改CSS，所以我為了解決這個Google首頁會“破相”問題

今天突然想到，我想改的只是「搜尋」的畫面
那為何要連首頁也動到呢?
於是，我把 URL-Prefix 改掉

引言回覆:

@-moz-document url-prefix("http://www.google.com.tw/search?") {
dd {white-space: nowrap}
input[name="q"] {width: 90%}
div {margin-left:1em; margin-right:1em;}
table {width: 100%}
table[width="1%"] {width: 1%}
}

這樣… 就不用想 CSS 怎 Layout 想半天了 :twisted:

_________________
個人 Firefox 擴充套件收藏集

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (pigfoot)

goldie

文章主題 :

發表於 : 2006-03-29, 01:20

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

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

_________________
個人 Firefox 擴充套件收藏集

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (pigfoot)

bulin23

文章主題 :

發表於 : 2006-03-31, 22:20

註冊時間: 2006-03-10, 09:47
文章: 287

goldie 寫:

這樣… 就不用想 CSS 怎 Layout 想半天了 :twisted:

這國厲害！哈哈哈哈哈。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (pigfoot)

wini

文章主題 :

發表於 : 2006-04-03, 02:59

[網站管理員]

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

剛做出來的新鮮貨，巴哈姆特電玩資訊站，
不過首頁我懶得管了，這個的重點在於『加寬頁面』。
CSS 似乎沒法子直接隱藏 script 元素，就先不管了。

引言回覆:

@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
}

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

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

/* 控制文章內容 */
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
}

}

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

wini

文章主題 :

發表於 : 2006-04-04, 00:23

[網站管理員]

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

稍微更新了一下 Stylish 中巴哈姆特的一部分。
找到那部分自行更新修改一下就好，
這樣子首頁的廣告也會自動被移到左上了。

引言回覆:

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

另外這是另一串 Stylish 相關的主題。
用 Stylish 修改 Fx 介面

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

goldie

文章主題 :

發表於 : 2006-04-10, 00:51

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

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 // 視窗寬廣化

_________________
個人 Firefox 擴充套件收藏集

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (pigfoot)

goldie

文章主題 :

發表於 : 2006-04-10, 18:19

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

再來一發: UserStyles.org » [ About Dialog]

我個人的範例圖:

原程式碼只能用 img data/base64
將影像 code 寫死在程式碼裡，而不是用 “路徑” 來載入外部圖片

我修改成可以讓你指定外部圖片之程式如下：

引言回覆:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#aboutDialog #clientBox
{
background-image: url("file:///D:/My%20Documents/My%20Pictures/Logos/Firefox/GregFirefox.png") !important;
}

藍色部份請改成你的圖片 (建議格式: PNG，建議尺寸: 300×235)
注意：原路徑中的「反斜線 '\'」要全部改用URL用的「斜線'/'」，並且在磁碟代號前面加上「file:///」

另外再提供我把原作例圖中所用圖片給擷取出來並修好之圖檔 » [下載]

_________________
個人 Firefox 擴充套件收藏集

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (pigfoot)

bulin23

文章主題 :

發表於 : 2006-04-10, 19:11

註冊時間: 2006-03-10, 09:47
文章: 287

goldie 寫:

引言回覆:

我的方法是，只接把圖丟到C:\Program Files\Mozilla Firefox\chrome下面的browser.jar裡面。
位置是在，content\branding。
檔名一定要是 about.png。

附加檔案:

檔案註釋: 參考圖

20060410-1.jpg [200.62 KiB]
被下載 738 次

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (pigfoot)

goldie

文章主題 :

發表於 : 2006-04-10, 21:00

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

感謝 bulin23 兄的教學

ok! 我也成功了

_________________
個人 Firefox 擴充套件收藏集

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (pigfoot)

bulin23

文章主題 :

發表於 : 2006-04-10, 22:41

註冊時間: 2006-03-10, 09:47
文章: 287

goldie 寫:

感謝 bulin23 兄

也很謝謝您的：

# Slim Extension List // 又省掉安裝一個擴充套件
# Slim Sage Sidebar // 限有裝 Sage 擴充套件者

這兩個方法給了我不少點子。呵呵。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (pigfoot)

arphen

文章主題 : Stylish終究不是萬能

發表於 : 2006-04-13, 17:11

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

用Stylish把聯合新聞網多餘的部份清乾淨，整個畫面往上移，但是要點左邊選單時，彈出選單卻跑到下面，滑鼠移過去時彈出選單也不見了:(

這部份恐怕非得用greasymonkey才行吧！:x

代碼:

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

@-moz-document domain("udn.com") {

   #TOP1,
   #TOP2,
   table[width="918"],
   td[width="150"],
   form[name="grad"],
   table > tbody > tr > td > table[height="120"],
   td[height="120"]
   { display: none !important; }

   table > tbody > tr > td[height="120"]
   { background: white !important; }

   table > tbody > tr > td > img[height="13"]
   { display:none !important; }

   table > tbody > tr > td[height="120"] 
   { height:133px !important; }

   table[width="760"]
   { width:100% !important; }

   td[width="30%"]
   { text-align: right !important; }

}

附加檔案:

Snap7.gif [53.26 KiB]
被下載 695 次

_________________

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

arphen

文章主題 : 修改 sourceforge download

發表於 : 2006-04-15, 12:45

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

拿掉header, footer, 只留下台灣區mirror的圖示:

代碼:

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

@-moz-document domain("prdownloads.sourceforge.net") {

  /* font */
  * { 
  font-family: Tahoma !important;
  font-size: 12px !important;
  }
  
  /* hide */
  div#head,
  ul#nav,
  div#footer,
  div#dl > h4,
  div#dl > b,
  div#dl > div.addl,
  div#dl form,
  div#dl img:not([src="http://images.sourceforge.net/images/prdownloads/nchc_100x34.gif"])
  { display:none !important; }

}

另外想請教, CSS有辦法取得某元素的parentNode嗎? 目前所知CSS selector定位法皆是top-down(父節點 > 子節點), 似乎沒有bottom-up 的做法。

如下例，想定位出包含<td id="d3">的<tr>，可以怎麼做呢?

代碼:

<table>
  <tr></tr>
  <tr>
    <td id="d1">
    <td id="d2">
  </tr>
  <tr>
    <td id="d3">
  </tr>
  <tr></tr>
</table>

附加檔案:

after.gif [13.44 KiB]
被下載 629 次

before.gif [30.79 KiB]
被下載 589 次

_________________

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

goldie

文章主題 :

發表於 : 2006-04-15, 13:23

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

arphen 寫:

拿掉header, footer, 只留下台灣區mirror的圖示

感動，實用啊啊啊~~~ :lol:

不然畫面很長…每次都要拉下來找… >"<

_________________
個人 Firefox 擴充套件收藏集

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (pigfoot)

第 2 頁 (共 8 頁)

[ 117 篇文章 ]

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

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

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

誰在線上

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

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

前往 :