![List Mark (Blue).svg](/images/thumb/9/9b/%E7%9A%AE%E7%9A%AE%E6%B3%A8%E6%84%8F%E7%89%8C%EF%BC%88%E8%93%9D%EF%BC%89.svg/40px-%E7%9A%AE%E7%9A%AE%E6%B3%A8%E6%84%8F%E7%89%8C%EF%BC%88%E8%93%9D%EF%BC%89.svg.png)
簡而言之:連結應當易於讀者識別。
在有獸檔案館中,連結顏色和目標頁面狀態相對應。(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}