模板:底部导航条：修订间差异

2026年2月28日 (六) 14:30的最新版本

使用说明

导航条模板，支持 1~8 个胶囊按钮导航项。

示例

{{DarkNav|page1 = Puzzle档案  |text1 = PUZZLE档案
 |page2 = 工具和科普  |text2 = 工具科普
 |page3 = 编辑守则    |text3 = 编辑守则
 |page4 = 首页        |text4 = 返回首页   |color4 = #fff
}}

@@ 第1行： / 第1行： @@
-<div style="background:{{{bgcolor|#1a1a1a}}};border-top:1px solid {{{border_color|#333}}};padding:{{{padding|25px}}};text-align:center;font-family:Consolas,monospace;font-size:{{{font_size|0.9rem}}};">{{#if:{{{href1|}}}|[{{{href1|}}} <span style="color:{{{color1|#888}}};margin:0 15px;cursor:pointer;">[{{{text1|Link}}}]</span>]|{{#if:{{{page1|}}}|[[{{{page1|}}}|<span style="color:{{{color1|#888}}};margin:0 15px;cursor:pointer;">[{{{text1|{{{page1}}}}}}]</span>]]}}}} {{#if:{{{href2|}}}|[{{{href2|}}} <span style="color:{{{color2|#888}}};margin:0 15px;cursor:pointer;">[{{{text2|Link}}}]</span>]|{{#if:{{{page2|}}}|[[{{{page2|}}}|<span style="color:{{{color2|#888}}};margin:0 15px;cursor:pointer;">[{{{text2|{{{page2}}}}}}]</span>]]}}}} {{#if:{{{href3|}}}|[{{{href3|}}} <span style="color:{{{color3|#888}}};margin:0 15px;cursor:pointer;">[{{{text3|Link}}}]</span>]|{{#if:{{{page3|}}}|[[{{{page3|}}}|<span style="color:{{{color3|#888}}};margin:0 15px;cursor:pointer;">[{{{text3|{{{page3}}}}}}]</span>]]}}}} {{#if:{{{href4|}}}|[{{{href4|}}} <span style="color:{{{color4|#888}}};margin:0 15px;cursor:pointer;">[{{{text4|Link}}}]</span>]|{{#if:{{{page4|}}}|[[{{{page4|}}}|<span style="color:{{{color4|#888}}};margin:0 15px;cursor:pointer;">[{{{text4|{{{page4}}}}}}]</span>]]}}}} {{#if:{{{href5|}}}|[{{{href5|}}} <span style="color:{{{color5|#888}}};margin:0 15px;cursor:pointer;">[{{{text5|Link}}}]</span>]|{{#if:{{{page5|}}}|[[{{{page5|}}}|<span style="color:{{{color5|#888}}};margin:0 15px;cursor:pointer;">[{{{text5|{{{page5}}}}}}]</span>]]}}}} {{#if:{{{href6|}}}|[{{{href6|}}} <span style="color:{{{color6|#888}}};margin:0 15px;cursor:pointer;">[{{{text6|Link}}}]</span>]|{{#if:{{{page6|}}}|[[{{{page6|}}}|<span style="color:{{{color6|#888}}};margin:0 15px;cursor:pointer;">[{{{text6|{{{page6}}}}}}]</span>]]}}}} {{#if:{{{href7|}}}|[{{{href7|}}} <span style="color:{{{color7|#888}}};margin:0 15px;cursor:pointer;">[{{{text7|Link}}}]</span>]|{{#if:{{{page7|}}}|[[{{{page7|}}}|<span style="color:{{{color7|#888}}};margin:0 15px;cursor:pointer;">[{{{text7|{{{page7}}}}}}]</span>]]}}}} {{#if:{{{href8|}}}|[{{{href8|}}} <span style="color:{{{color8|#888}}};margin:0 15px;cursor:pointer;">[{{{text8|Link}}}]</span>]|{{#if:{{{page8|}}}|[[{{{page8|}}}|<span style="color:{{{color8|#888}}};margin:0 15px;cursor:pointer;">[{{{text8|{{{page8}}}}}}]</span>]]}}}}
+<div style="background:linear-gradient(90deg,#0d0d13 0%,#111119 50%,#0d0d13 100%);border-top:2px solid {{{accent|#64b5f6}}};padding:{{{padding|18px 24px}}};text-align:center;font-family:Consolas,monospace;">{{#if:{{{href1|}}}|[{{{href1|}}} <span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color1|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text1|Link}}}</span>]|{{#if:{{{page1|}}}|[[{{{page1|}}}|<span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color1|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text1|{{{page1|}}}}}}</span>]]}}}} {{#if:{{{href2|}}}|[{{{href2|}}} <span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color2|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text2|Link}}}</span>]|{{#if:{{{page2|}}}|[[{{{page2|}}}|<span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color2|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text2|{{{page2|}}}}}}</span>]]}}}} {{#if:{{{href3|}}}|[{{{href3|}}} <span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color3|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text3|Link}}}</span>]|{{#if:{{{page3|}}}|[[{{{page3|}}}|<span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color3|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text3|{{{page3|}}}}}}</span>]]}}}} {{#if:{{{href4|}}}|[{{{href4|}}} <span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color4|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text4|Link}}}</span>]|{{#if:{{{page4|}}}|[[{{{page4|}}}|<span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color4|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text4|{{{page4|}}}}}}</span>]]}}}} {{#if:{{{href5|}}}|[{{{href5|}}} <span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color5|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text5|Link}}}</span>]|{{#if:{{{page5|}}}|[[{{{page5|}}}|<span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color5|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text5|{{{page5|}}}}}}</span>]]}}}} {{#if:{{{href6|}}}|[{{{href6|}}} <span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color6|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text6|Link}}}</span>]|{{#if:{{{page6|}}}|[[{{{page6|}}}|<span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color6|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text6|{{{page6|}}}}}}</span>]]}}}} {{#if:{{{href7|}}}|[{{{href7|}}} <span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color7|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text7|Link}}}</span>]|{{#if:{{{page7|}}}|[[{{{page7|}}}|<span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color7|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text7|{{{page7|}}}}}}</span>]]}}}} {{#if:{{{href8|}}}|[{{{href8|}}} <span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color8|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text8|Link}}}</span>]|{{#if:{{{page8|}}}|[[{{{page8|}}}|<span style="display:inline-block;margin:0 4px;padding:5px 18px;border:1px solid #2a2a38;border-radius:20px;background:#14141c;color:{{{color8|#888}}};font-size:0.83rem;letter-spacing:0.05em;">{{{text8|{{{page8|}}}}}}</span>]]}}}}
 </div>
 <noinclude>
 == 使用说明 ==
-底部导航条模板，支持 1~8 个导航项，每项可使用内链或外链。
+导航条模板，支持 1~8 个胶囊按钮导航项。
-=== 参数一览 ===
+=== 示例 ===
-{| class="wikitable"
-! 参数 !! 默认值 !! 说明
-|-
-| <code>bgcolor</code> || <code>#1a1a1a</code> || 背景色
-|-
-| <code>border_color</code> || <code>#333</code> || 顶部边框颜色
-|-
-| <code>padding</code> || <code>25px</code> || 内边距
-|-
-| <code>font_size</code> || <code>0.9rem</code> || 字体大小
-|-
-| <code>pageN</code> || — || 第N 项的内链页面名称
-|-
-| <code>hrefN</code> || — || 第 N 项的外链 URL（优先级高于 pageN）
-|-
-| <code>textN</code> || 页面名/ Link || 第 N 项的显示文字
-|-
-| <code>colorN</code> || <code>#888</code> || 第 N 项的文字颜色
-|}
-=== 完整示例 ===
 <pre>
-{{DarkNav
+{{DarkNav|page1 = Puzzle档案  |text1 = PUZZLE档案
- |page1  = Puzzle档案  |text1 = PUZZLE档案
+  |page2 = 工具和科普  |text2 = 工具科普
-  |page2  = 工具和科普  |text2 = 工具科普
+  |page3 = 编辑守则    |text3 = 编辑守则
-  |page3  = 编辑守则    |text3 = 编辑守则
+  |page4 = 首页        |text4 = 返回首页   |color4 = #fff
-  |page4  = 首页        |text4 = 返回首页   |color4 = #fff
 }}
 </pre>
 </noinclude>