「CSS版面配置」修訂間的差異
跳至導覽
跳至搜尋
| 第92行： | 第92行： | ||
===MediaWiki 的 CSS 布署=== | ===MediaWiki 的 CSS 布署=== | ||
| − | + | 主要的基本樣式在 /skins/monobook/main.css 當中，如 | |
<pre>a.external { | <pre>a.external { | ||
…… | …… | ||
}</pre> | }</pre> | ||
規範了一系列「外部連結」的表現方式。 | 規範了一系列「外部連結」的表現方式。 | ||
| + | |||
| + | 而不同的布景會再補充，如 /skins/vector/components/externalLinks.less 中： | ||
| + | <pre>@import "mediawiki.mixins.less"; | ||
| + | // External links | ||
| + | #content { | ||
| + | .external { | ||
| + | background-position: center right; | ||
| + | background-repeat: no-repeat; | ||
| + | .background-image-svg('images/external-link-ltr-icon.svg', 'images/external-link-ltr-icon.png'); | ||
| + | padding-right: 13px; | ||
| + | } | ||
| + | }</pre> | ||
於 2019年1月29日 (二) 22:29 的修訂
研究
上方的目錄原檔
CSS background-image 基本語法
background-image: url('圖片網址');
url 小括號內有三種可以使用的參數，分別為 none(預設值，不顯示圖片)、inherit(繼承自父層)以及圖片網址。
MediaWiki 的 CSS 布署
主要的基本樣式在 /skins/monobook/main.css 當中，如
a.external {
……
}
規範了一系列「外部連結」的表現方式。
而不同的布景會再補充，如 /skins/vector/components/externalLinks.less 中：
@import "mediawiki.mixins.less";
// External links
#content {
.external {
background-position: center right;
background-repeat: no-repeat;
.background-image-svg('images/external-link-ltr-icon.svg', 'images/external-link-ltr-icon.png');
padding-right: 13px;
}
}