简而言之:链接应当易于读者识别。
在有兽档案馆中,链接颜色和目标页面状态相对应。(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}