“模板:返回上一级”的版本间的差异

来自个人维基
跳转至： 导航、 搜索
第5行： 第5行：
 
== 横向圆角导航栏 ==
 
== 横向圆角导航栏 ==
  
−
<div style="display: flex; flex-wrap: nowrap; border-radius: 12px; background-color: #f4f4f4; padding: 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
+
<table style="border: none; background-color: #f9f9f9; border-radius: 15px; padding: 5px;">
−
   <!-- 主菜单项 -->
+
   <tr>
−
  <div style="margin-right: 15px;">
+
    <td style="padding: 5px; text-align: center; border-radius: 10px;">
−
    <a href="{{{1|首页}}}" style="text-decoration: none; padding: 10px 20px; background-color: #4CAF50; color: white; border-radius: 8px;">首页</a>
+
      <a href="{{{1|首页}}}" style="text-decoration: none; background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px;">首页</a>
−
  </div>
+
    </td>
−
  <div style="margin-right: 15px;">
+
    <td style="padding: 5px; text-align: center; border-radius: 10px;">
−
    <a href="{{{2|项目概览}}}" style="text-decoration: none; padding: 10px 20px; background-color: #4CAF50; color: white; border-radius: 8px;">项目概览</a>
+
      <a href="{{{2|项目概览}}}" style="text-decoration: none; background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px;">项目概览</a>
−
  </div>
+
    </td>
−
 
+
    {{#if: {{{3|}}} |
−
  <!-- 嵌套子菜单 -->
+
    <td style="padding: 5px; text-align: center; border-radius: 10px; border-left: 3px solid #4CAF50;">
−
  {{#if: {{{3|}}} |
+
      <a href="{{{3|子菜单1}}}" style="text-decoration: none; background-color: #8BC34A; color: white; padding: 10px 20px; border-radius: 10px;">子菜单1</a>
−
  <div style="margin-right: 15px; border-left: 2px solid #4CAF50; padding-left: 15px;">
+
    </td>
−
    <a href="{{{3|子菜单1}}}" style="text-decoration: none; padding: 10px 20px; background-color: #8BC34A; color: white; border-radius: 8px;">子菜单1</a>
+
    <td style="padding: 5px; text-align: center; border-radius: 10px;">
−
  </div>
+
      <a href="{{{4|子菜单2}}}" style="text-decoration: none; background-color: #8BC34A; color: white; padding: 10px 20px; border-radius: 10px;">子菜单2</a>
−
  <div style="margin-right: 15px;">
+
    </td>
−
    <a href="{{{4|子菜单2}}}" style="text-decoration: none; padding: 10px 20px; background-color: #8BC34A; color: white; border-radius: 8px;">子菜单2</a>
+
    }}
−
  </div>
+
    <td style="padding: 5px; text-align: center; border-radius: 10px;">
−
  }}
+
      <a href="{{{5|文档指南}}}" style="text-decoration: none; background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px;">文档指南</a>
−
 
+
    </td>
−
  <div style="margin-right: 15px;">
+
    <td style="padding: 5px; text-align: center; border-radius: 10px;">
−
    <a href="{{{5|文档指南}}}" style="text-decoration: none; padding: 10px 20px; background-color: #4CAF50; color: white; border-radius: 8px;">文档指南</a>
+
      <a href="{{{6|联系方式}}}" style="text-decoration: none; background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px;">联系方式</a>
−
  </div>
+
    </td>
−
  <div style="margin-right: 15px;">
+
   </tr>
−
    <a href="{{{6|联系方式}}}" style="text-decoration: none; padding: 10px 20px; background-color: #4CAF50; color: white; border-radius: 8px;">联系方式</a>
+
</table>
−
   </div>
+
−
</div>
+

2024年12月1日 (日) 00:02的版本

extension 模板文档 TEMPLATE DOCUMENTATION  [创建] [刷新]


横向圆角导航栏 

     <a href="首页" style="text-decoration: none; background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px;">首页</a>

     <a href="项目概览" style="text-decoration: none; background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px;">项目概览</a>

     <a href="文档指南" style="text-decoration: none; background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px;">文档指南</a>

     <a href="联系方式" style="text-decoration: none; background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px;">联系方式</a>
来自“https://www.mywiki.cn/波萝不是菠萝/index.php?title=模板:返回上一级&oldid=129358”