“模板:置顶菜单”的版本间的差异

来自游猫网
标签：已回退
 
（未显示3个用户的78个中间版本）
第1行： 第1行：
<div style="overflow:auto">
{|
<html>
|
<head>
<tab name="首页" dropdown style="width:110px;">
<style>
*[[首页|返回首页]]
.third-level-menu-row1
</tab>
{
|
    position: absolute;
<tab name="怪物" dropdown style="width:110px;">
    top: -2.5px;
*[[怪物|怪物图鉴]]
    right: -150px;
*[[怪物招式|怪物招式解析]]
    width: 150px;
**[[怪物/金狮子/招式|金狮子]]
    list-style: none;
**[[怪物/霞龙/招式|霞龙]]
    padding: 0;
**[[怪物/炎王龙/招式|炎王龙]]
    margin: 0;
**[[怪物/泡狐龙/招式|泡狐龙]]
    display: none;
**[[怪物/怨虎龙/招式|怨虎龙]]
    z-index: 2;
</tab>
}
|
<tab name="武器" dropdown style="width:110px;">
*[[武器|武器图鉴]]
*[[武器招式|武器招式解析]]
*[[武器/大剑|大剑]]
**[[武器/大剑/武器树|大剑武器树]]
**[[武器/大剑/招式|大剑招式]]
*[[武器/太刀|太刀]]
**[[武器/太刀/武器树|太刀武器树]]
**[[武器/太刀/招式|太刀招式]]
*[[武器/单手剑|单手剑]]
**[[武器/单手剑/武器树|单手剑武器树]]
**[[武器/单手剑/招式|单手剑招式]]
*[[武器/双剑|双剑]]
**[[武器/双剑/武器树|双剑武器树]]
**[[武器/双剑/招式|双剑招式]]
*[[武器/长枪|长枪]]
**[[武器/长枪/武器树|长枪武器树]]
**[[武器/长枪/招式|长枪招式]]
*[[武器/铳枪|铳枪]]
**[[武器/铳枪/武器树|铳枪武器树]]
**[[武器/铳枪/招式|铳枪招式]]
*[[武器/大锤|大锤]]
**[[武器/大锤/武器树|大锤武器树]]
**[[武器/大锤/招式|大锤招式]]
*[[武器/狩猎笛|狩猎笛]]
**[[武器/狩猎笛/武器树|狩猎笛武器树]]
**[[武器/狩猎笛/招式|狩猎笛招式]]
*[[武器/斩斧|斩斧]]
**[[武器/斩斧/武器树|斩斧武器树]]
**[[武器/斩斧/招式|斩斧招式]]
*[[武器/盾斧|盾斧]]
**[[武器/盾斧/武器树|盾斧武器树]]
**[[武器/盾斧/招式|盾斧招式]]
*[[武器/操虫棍|操虫棍]]
**[[武器/操虫棍/武器树|操虫棍武器树]]
**[[武器/操虫棍/招式|操虫棍招式]]
*[[武器/轻弩炮|轻弩炮]]
**[[武器/轻弩炮/武器树|轻弩炮武器树]]
**[[武器/轻弩炮/招式|轻弩炮招式]]
*[[武器/重弩炮|重弩炮]]
**[[武器/重弩炮/武器树|重弩炮武器树]]
**[[武器/重弩炮/招式|重弩炮招式]]
*[[武器/弓|弓]]
**[[武器/弓/武器树|弓武器树]]
**[[武器/弓/招式|弓招式]]
</tab>
|
<tab name="防具" dropdown style="width:110px;">
*[[防具|防具列表]]
*[[护石炼金|护石炼金]]
*[[配装器|配装器]]
</tab>
|
<tab name="技能与饰品" dropdown style="width:110px;">
*[[技能与饰品|技能与饰品]]
*[[百龙技能与饰品|百龙技能与饰品]]
*[[团子|团子列表]]
</tab>
|
<tab name="素材与道具" dropdown style="width:110px;">
*[[素材与道具|素材与道具]]
</tab>
|-
|
<tab name="任务" dropdown style="width:110px;">
*[[任务|任务列表]]
**[[任务列表/村庄任务|村庄任务]]
**[[任务列表/集会所任务|集会所任务]]
**[[任务列表/怪异任务|怪异任务]]
**[[任务列表/盟友任务|盟友任务]]
**[[任务列表/活动任务|活动任务]]
**[[任务列表/斗技大会任务|斗技大会任务]]
*[[全勋章|全勋章]]
</tab>
|
<tab name="村庄" dropdown style="width:110px;">
*[[村庄/NPC|NPC介绍]]
</tab>
|
<tab name="场地" dropdown style="width:110px;">
*[[场地|场地一览]]
*[[环境生物|环境生物]]
</tab>
|
<tab name="战斗" dropdown style="width:110px;">
*[[百龙夜行|百龙夜行]]
*[[状态效果|状态效果]]
</tab>
|
<tab name="随从" dropdown style="width:110px;">
*[[随从/艾露猫|随从艾露猫]]
*[[随从/牙猎犬|随从牙猎犬]]
</tab>
|
<tab name="攻略与工具" dropdown style="width:110px;">
*[[攻略/新手导览|新手导览]]
*[[游戏设置/在PC端使用Pro手柄|PC设置Pro手柄]]
*[[词典|中英日词典]]
</tab>
|}
手机阅读？如导航下拉菜单无法正确显示，请使用左上角[[File:Mobile menu.png|20px|手机菜单]]菜单进行导航。正文中的表格可左右滑动以查看更多。


.third-level-menu-row1 > li
<span style="color:#000000; background:#D1EDF2"><big>'''我们的维基已同步至曙光最后一次更新（v16.0.0）！'''</big></span>
{
    height: 30px;
    background: #eaecf0;
    margin-top: -1.5px;
    z-index: 2;
}
.third-level-menu-row1 > li:hover { background: #f8f9fa; }
 
.second-level-menu-row1
{
    position: absolute;
    top: 25px;
    left: -22.5px;
    width: 150px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 2;
}
 
.second-level-menu-row1 > li
{
    position: relative;
    height: 30px;
    background: #eaecf0;
    margin-top: -1.5px;
    z-index: 2;
}
.second-level-menu-row1 > li:hover { background: #f8f9fa; }
 
.top-level-menu-row1
{
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 2;
}
 
.top-level-menu-row1 > li
{
    position: relative;
    float: left;
    height: 30px;
    width: 150px;
    background: #eaecf0;
    z-index: 2;
}
.top-level-menu-row1 > li:hover { background: #f8f9fa; }
 
.top-level-menu-row1 li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}
 
 
/* Menu Link Styles */
.top-level-menu-row1 a /* Apply to all links inside the multi-level menu */
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    padding: 0 0 0 10px;
 
    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.top-level-menu-row1 a:hover { color: #000000; }
 
.second-level-menu-row1 a /* Apply to all links inside the multi-level menu */
{
    font: 14px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    padding: 0 0 0 10px;
 
    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.second-level-menu-row1 a:hover { color: #000000; }
 
.third-level-menu-row2
{
    position: absolute;
    top: -2.5px;
    right: -150px;
    width: 150px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 1;
}
 
.third-level-menu-row2 > li
{
    height: 30px;
    background: #eaecf0;
    margin-top: -1.5px;
    z-index: 1;
}
.third-level-menu-row2 > li:hover { background: #f8f9fa; }
 
.second-level-menu-row2
{
    position: absolute;
    top: 25px;
    left: -22.5px;
    width: 150px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 1;
}
 
.second-level-menu-row2 > li
{
    position: relative;
    height: 30px;
    background: #eaecf0;
    margin-top: -1.5px;
    z-index: 1;
}
.second-level-menu-row2 > li:hover { background: #f8f9fa; }
 
.top-level-menu-row2
{
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1;
}
 
.top-level-menu-row2 > li
{
    position: relative;
    float: left;
    height: 30px;
    width: 150px;
    background: #eaecf0;
    z-index: 1;
}
.top-level-menu-row2 > li:hover { background: #f8f9fa; }
 
.top-level-menu-row2 li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}
 
 
/* Menu Link Styles */
.top-level-menu-row2 a /* Apply to all links inside the multi-level menu */
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    padding: 0 0 0 10px;
 
    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.top-level-menu-row2 a:hover { color: #000000; }
 
.second-level-menu-row2 a /* Apply to all links inside the multi-level menu */
{
    font: 14px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    padding: 0 0 0 10px;
 
    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.second-level-menu-row2 a:hover { color: #000000; }
</style>
</head>
 
<body>
<div>
<ul class="top-level-menu-row1">
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li>
        <a href="#">Offices</a>
        <ul class="second-level-menu-row1">
            <li>
                <a href="#">New York</a>
                <ul class="third-level-menu-row1">
                    <li><a href="#">Information</a></li>
                    <li><a href="#">Book a Meeting</a></li>
                    <li><a href="#">Testimonials</a></li>
                    <li><a href="#">Jobs</a></li>
                </ul>
            </li>
            <li>
                <a href="#">New York</a>
                <ul class="third-level-menu-row1">
                    <li><a href="#">Information</a></li>
                    <li><a href="#">Book a Meeting</a></li>
                    <li><a href="#">Testimonials</a></li>
                    <li><a href="#">Jobs</a></li>
                </ul>
            </li>
            <li>
                <a href="#">New York</a>
                <ul class="third-level-menu-row1">
                    <li><a href="#">Information</a></li>
                    <li><a href="#">Book a Meeting</a></li>
                    <li><a href="#">Testimonials</a></li>
                    <li><a href="#">Jobs</a></li>
                </ul>
            </li>
            <li><a href="#">Seattle</a></li>
        </ul>
    </li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Services</a></li>
</ul>
</div>
<br>
<br>
<div>
<ul class="top-level-menu-row2">
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li>
        <a href="#">Offices</a>
        <ul class="second-level-menu-row2">
            <li><a href="#">Chicago</a></li>
            <li><a href="#">Los Angeles</a></li>
            <li>
                <a href="#">New York</a>
                <ul class="third-level-menu-row2">
                    <li><a href="#">Information</a></li>
                    <li><a href="#">Book a Meeting</a></li>
                    <li><a href="#">Testimonials</a></li>
                    <li><a href="#">Jobs</a></li>
                </ul>
            </li>
            <li><a href="#">Seattle</a></li>
        </ul>
    </li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Services</a></li>
</ul>
</div>
</body>
 
</html>
</div>
<br>
<br>
<br>
<br>
<br>

2023年6月9日 (五) 10:32的最新版本

首页
怪物
武器
防具
技能与饰品
素材与道具
任务
村庄
场地
战斗
随从
攻略与工具

手机阅读？如导航下拉菜单无法正确显示，请使用左上角手机菜单菜单进行导航。正文中的表格可左右滑动以查看更多。

我们的维基已同步至曙光最后一次更新（v16.0.0）！

取自“https://gamecat.fun/index.php?title=模板:置顶菜单&oldid=99394”