簡而言之:鏈接應當易於讀者識別。
在有獸檔案館中,鏈接顏色和目標頁面狀態相對應。(Vector皮膚的)默認顏色有如下含義:
鏈接樣式 | 類型 | 顏色 |
---|---|---|
藍色鏈接 | 指向當前存在的頁面 | #0645AD RGB:(6,69,173) |
深藍色鏈接 | 指向已經訪問過的存在頁面 | #0B0080 RGB:(11,0,128) |
紅色鏈接 | 指向有獸檔案館中未建立的頁面 | #DD3333 RGB:(221,51,51) |
淺紅色鏈接 | 指向未連接但訪問過的頁面 | #A55858 RGB:(165,88,88) |
登錄用戶可以通過更換皮膚或自定義CSS改變顏色。
自定義鏈接顏色
讓內部鏈接對所有人都顯示為不同顏色
你可以這樣將鏈接改為不同顏色:
[[有兽焉|<span style="color:green">这个页面存在</span>]]
[[球球百科|<span style="color:green">这个页面不存在</span>]]
這會顯示為:
如果你想讓頁面自動檢查是否存在,可以:
[[有兽焉|{{#ifexist: 有兽焉|<span style="color:green">这个页面存在</span>|这个页面不存在}}]]
[[球球百科|{{#ifexist: 球球百科|<span style="color:green">这个页面存在</span>|这个页面不存在}}]]
這會顯示為:
僅改變自己看到的鏈接顏色
你可以通過編輯自己的CSS文件來自定義鏈接顏色。
標準的鏈接選擇器有:
- a:link—定義常規的未訪問鏈接的樣式
- a:visited—定義已訪問鏈接的樣式
- a:active—定義激活鏈接的樣式;激活指的是點擊過一次鏈接
- a:hover—定義懸浮鏈接的樣式;懸浮指當鼠標移動到鏈接上面
顏色由十六進制計數法表示:見網頁顏色
/* standard link colors */
.mw-body a:link {color: #0000FF} /* 常规未访问链接 */
.mw-body a:link:visited {color: #7F007F} /* 已访问链接 */
.mw-body a:link:active {color: #FF0000} /* 激活链接 */
.mw-body a:link.new {color: #FF0000} /* 新链接 */
.mw-body a:link.interwiki {color: #3366BB} /* 跨wiki链接 */
.mw-body a:link.external {color: #3366BB} /* 外部链接 */
.mw-body a:link.stub {color: #772233} /* 悬浮链接 */
.mw-body a:link {color: #FF0000}
.mw-body a:visited {color: #00FF00}
.mw-body a:hover {color: #FF00FF}
.mw-body a:active {color: #0000FF}
注意:
- a:hover必定後於a:link和a:visited顯示
- a:active必定後於a:hover顯示
- 你需要在標準鏈接定以前加上「.mw-body」,否則網站默認定義會優先於你的定義。
- 重定向鏈接
將重定向鏈接改為綠色鏈接:
.mw-body a.mw-redirect {color:#308050}
.mw-body a.mw-redirect:visited {color:#3070A0}
- 外部鏈接
.mw-body a.external {color: #008000}
其他改變
你還可以改變文本的其它格式
- 文字修飾
這可以修改文本格式。比如添加下劃線:
.mw-body a:link {color: #000000;text-decoration: underline}
可選值有:
- none
- underline
- overline
- line-through
- 字體類型
這會改變鏈接字體:
.mw-body a:link {font-family: monospace}