模板:Navbox

^编 ^刷 ^历 ^移 ^删

首页 > 模板 > Navbox

欢迎！一条咸鱼！如果是第一次来，按"Ctrl+D"可以收藏随时查看更新~觉得WIKI好玩的话，请推荐给朋友哦～(◕ω＜)☆
按右上角“WIKI功能→编辑”即可修改页面内容。

×

模板：[刷新此页面] [编辑] [页面历史]
文档：[查看] [编辑] [页面历史]

说明文档

零件内容

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

参数

{{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里引入以下代码

.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内容，请前往模板内手动删除

所有模板列表