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

来自游猫网
标签：手动回退
第1行： 第1行：
<html>
{|
<head>
|
<style>
<tab name="首页" dropdown style="width:110px;">
.third-level-menu-row1
*[[首页|返回首页]]
{
</tab>
    position: absolute;
|
    top: -2.5px;
<tab name="怪物" dropdown style="width:110px;">
    right: -150px;
*[[怪物|怪物图鉴]]
    width: 150px;
*[[怪物招式|怪物招式解析]]
    list-style: none;
**[[怪物/金狮子/招式|金狮子]]
    padding: 0;
</tab>
    margin: 0;
|
    display: none;
<tab name="武器" dropdown style="width:110px;">
    z-index: 2;
*[[武器|武器图鉴]]
}
*[[武器/大剑|大剑]]
 
**[[武器/大剑/武器树|大剑武器树]]
.third-level-menu-row1 > li
**[[武器/大剑/招式|大剑招式]]
{
**[[武器/大剑/配装|大剑配装]]
    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;
**[[武器/重弩炮/武器树|重弩炮武器树]]
    margin-top: -1.5px;
**[[武器/重弩炮/招式|重弩炮招式]]
    z-index: 2;
**[[武器/重弩炮/配装|重弩炮配装]]
}
*[[武器/弓|弓]]
.top-level-menu-row1 > li:hover { background: #f8f9fa; }
**[[武器/弓/武器树|弓武器树]]
 
**[[武器/弓/招式|弓招式]]
.top-level-menu-row1 li:hover > ul
**[[武器/弓/配装|弓配装]]
{
</tab>
    /* On hover, display the next level's menu */
|
    display: inline;
<tab name="防具" dropdown style="width:110px;">
}
*[[防具|防具列表]]
 
*[[护石|护石系统]]
 
</tab>
/* Menu Link Styles */
|
.top-level-menu-row1 a /* Apply to all links inside the multi-level menu */
<tab name="技能与饰品" dropdown style="width:110px;">
{
*[[技能与饰品|技能与饰品列表]]
    font: bold 14px Arial, Helvetica, sans-serif;
*[[团子|团子列表]]
    color: #000000;
*[[配装器|配装器]]
    text-decoration: none;
</tab>
    padding: 0 0 0 10px;
|
 
<tab name="素材与道具" dropdown style="width:110px;">
    /* Make the link cover the entire list item-container */
*[[素材与道具|素材与道具列表]]
    display: block;
</tab>
    line-height: 30px;
|-
}
|
.top-level-menu-row1 a:hover { color: #000000; }
<tab name="任务" dropdown style="width:110px;">
 
*[[任务|任务列表]]
.second-level-menu-row1 a /* Apply to all links inside the multi-level menu */
*[[全勋章|全勋章]]
{
</tab>
    font: 14px Arial, Helvetica, sans-serif;
|
    color: #000000;
<tab name="村庄" dropdown style="width:110px;">
    text-decoration: none;
*[[村庄/NPC|NPC介绍]]
    padding: 0 0 0 10px;
*[[村庄|村庄设施]]
 
</tab>
    /* Make the link cover the entire list item-container */
|
    display: block;
<tab name="场地" dropdown style="width:110px;">
    line-height: 30px;
*[[场地/地图|地图]]
}
*[[场地/采矿路线|采矿路线]]
.second-level-menu-row1 a:hover { color: #000000; }
*[[环境生物|环境生物]]
 
</tab>
.third-level-menu-row2
|
{
<tab name="战斗" dropdown style="width:110px;">
    position: absolute;
*[[战斗基本信息|战斗基本信息]]
    top: -2.5px;
*[[百龙夜行|百龙夜行]]
    right: -150px;
*[[状态效果|状态效果]]
    width: 150px;
</tab>
    list-style: none;
|
    padding: 0;
<tab name="随从" dropdown style="width:110px;">
    margin: 0;
*[[随从/艾露猫|随从艾露猫]]
    display: none;
*[[随从/牙猎犬|随从牙猎犬]]
    z-index: 1;
*[[随从/艾露猫/武具|艾露猫武具]]
}
*[[随从/牙猎犬/武具|牙猎犬武具]]
 
</tab>
.third-level-menu-row2 > li
|
{
<tab name="攻略" dropdown style="width:110px;">
    height: 30px;
*[[攻略/新手必看|新手必看]]
    background: #eaecf0;
*[[攻略|攻略集锦]]
    margin-top: -1.5px;
*[[攻略/游戏设置|游戏设置]]
    z-index: 1;
*[[词典|中英日词典]]
}
</tab>
.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;
    margin-top: -1.5px;
    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>
<p>&nbsp;</p>
<p>&nbsp;</p>
<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>
<br>
<br>

2021年7月15日 (四) 11:31的版本

首页
怪物
武器
防具
技能与饰品
素材与道具
任务
村庄
场地
战斗
随从
攻略
取自“https://gamecat.fun/index.php?title=模板:置顶菜单&oldid=17207”