模板:Navbox/文档

零件内容

• 模板:Navbox
• 模块:Navbox
• 模块:Arguments
• 模块:Navbar

使用此模板可以相对方便和快速地归纳同类型条目去创作一个导航模板

参数

{{navbox
|name=<!--必须与当前的模板名称保持一致，这个参数主要用来控制navbar上V（浏览）、T（讨论）、E（编辑）三个快捷按钮的指向地址，如果将其翻译或是与模板实际名称不一致，会导致快捷按钮无法正确使用-->
|title=<!--即当前navbox的标题-->
|above=<!--above/below行的内容-->
|groupclass=<!--为当前navbox的group自定义的class，可不填-->
|listclass=<!--为当前navbox的list自定义的class，可不填-->
|aboveclass=<!--为当前navbox的abovet自定义的class，可不填-->
|belowclass=<!--为当前navbox的below自定义的class，可不填-->
|groupstyle=<!--为当前navbox的group自定义的style，可不填-->
|liststyle=<!--为当前navbox的list自定义的style，可不填-->
|abovestyle=<!--为当前navbox的abovet自定义的style，可不填-->
|belowstyle=<!--为当前navbox的below自定义的style，可不填-->
|group1= <!--第一个group的名字-->
|list1=<!--第一个group的内容-->
 {{navbox|<!--subgroup的写法-->
  |group1=<!--第一个group的名字-->
  |list1=<!--第一个group的内容-->
  |group2=<!--第二个group的名字-->
  |list2=<!--第二个group的内容-->
}}

示例

普通示例

{{navbox
|title = 咸将图鉴
|group1 = 神话
|list1  ={{咸将/咸将导航/图标|魏国|神话}}
|group2 = 传说
|list2  ={{咸将/咸将导航/图标|魏国|传说}}
|group3 = 史诗
|list3  ={{咸将/咸将导航/图标|魏国|史诗}}
}}

折叠示例

{{navbox
|state=collapsed
|title = 咸将图鉴
|group1 = 神话
|list1  ={{咸将/咸将导航/图标|魏国|神话}}
|group2 = 传说
|list2  ={{咸将/咸将导航/图标|魏国|传说}}
|group3 = 史诗
|list3  ={{咸将/咸将导航/图标|魏国|史诗}}
}}

移植模板

在https://wiki.biligame.com/你管理的wiki/MediaWiki:Common.css里引入以下代码

MediaWiki:Prism

MediaWiki:Prism-default

.navbox-inner, .navbox-subgroup {
    width:100%;
}
.navbox .navbox-title {
    background-color:#912903;
    color:#fffbf6;
}
@media screen and (max-width: 768px){
.navbox .navbox-title {
    text-align:center !important;
    font-size:14px !important;
    font-weight:normal !important;
    padding:0.5em !important;
}
}
.navbox-group, .navbox-title, .navbox-abovebelow {
    padding:0.25em 1em;
    line-height:1.5em;
    text-align:center;
}
.navbox .navbox-title a {
    color:#fffbf6;
}
.mw-collapsible-toggle {
    font-weight:normal;
}
.navbox .navbox-title a:hover {
    color:#ffd9aa;
}
.navbox {
    width:100%;
    margin:auto;
    clear:both;
    font-size:88%;
    padding:1px;
    background-color:#222222;
    font-size:1.4rem;
    border-collapse:separate;
    color:#dddddd;
}
.navbox a {
    color:#ffb300;
}
.navbox a:hover {
    color:#b37d00;
}
a.mw-selflink:hover {
    cursor:inherit;
    text-decoration:inherit;
}
.navbox-title .tnavbar {
    float:left;
    text-align:left;
    margin-right:0.5em;
    width:6em;
}
.navbox .tnavbar {
    display:block;
    font-size:100%;
}
.tnavbar {
    display:inline;
    font-size:88%;
    font-weight:normal;
}
.navbox .navbox-group {
    color:#dddddd;
    background-color:#3c3c3c;
}
th.navbox-group {
    white-space:nowrap;
    text-align:right;
}
.navbox .navbox-list {
    color:#dddddd;
}
.navbox-list {
    line-height:1.5em;
    border-color:transparent;
}
@media screen and (max-width: 768px){
.navbox-group, .navbox-list {
    border:none !important;
    width:100% !important;
    font-size:14px !important;
    display:block !important;
    padding:0.5em !important;
}
}

注意问题

• navbox的title、group、list、above、below的配色方案不推荐用inline的书写方法；
• 对于其他站点搬运来的navbox，如果出现样式覆盖，可能是因为书写了inline的css内容，请前往模板内手动删除