【问题标题】:Drupal Dropdown MenuDrupal 下拉菜单
【发布时间】:2013-11-10 20:03:25
【问题描述】:

我的下拉菜单有问题。我想在一个下拉菜单中有多个列。

http://jsfiddle.net/Ru3Zv/ 这是我正在使用的。

 #navigation-primary > ul > li > h2, #navigation-primary > ul > li > a {
/* font-size of the first level */
font-size: 1em;
line-height: 40px;
}
#navigation-primary > ul > li > h2 > a, #navigation-primary > ul > li > a {
/* links of the first level */
/* text-transform: uppercase; */
color:white;
font-weight: bold;
text-decoration:none;
/* background: #156aa3; */
background: #1f1f1f;
}
#navigation-primary > ul > li > a.active, #navigation-primary > ul > li > h2 > a.active {
/* active state of the first level */
background:#1f1f1f;
color:#fff;
}
#navigation-primary > ul > li > a:hover, #navigation-primary > ul > li > h2 > a:hover, #navigation-primary > ul > li:hover > a, #navigation-primary > ul > li:hover > h2 > a {
/* hover state of the first level */
background:#1f1f1f;
color:#fff;
}
#navigation-primary .mega a {
/* links color inside panel */
color:white;
}
#navigation-primary .mega a:hover {
/* :hover on links inside panel */
color:white;
/* text-decoration:underline; */
font-size:1.10em
}
#navigation-primary .mega ul.megamenu-2 a {
/* color:#4c4b4b;*/
/* This is the color of the submenu items */
color:#ffffff;
}
#navigation-primary h3, #navigation-primary li.menu-section-title > a {
/* primary links subsection titles */
font-size:1.0em;
/* text-transform:uppercase; */
font-weight: bold;
text-decoration:none
}
#navigation-primary li.menu-leaf-list {
/* child links inside the panel */
/* border-bottom: 1px dashed #e2e2e2;*/
}
.mega {
/* border-top: 10px solid #1f1f1f; */
border-bottom: 4px solid #1f1f1f;
border-left:1px solid #1f1f1f;
/* border-right:1px solid #ccc; */
background:#1f1f1f;
white-space:nowrap !important;
width:auto !important;
}

在“服务”菜单下,我希望有一列包含托管服务,然后在下面的带下划线的链接中,然后在第二列中包含咨询服务,其余的带下划线的链接在下面。这类似于http://www.workday.com/。

我需要改变什么才能得到这个?

【问题讨论】:

    标签: css drupal drop-down-menu


    【解决方案1】:

    试试这个模块。这可能会有所帮助。

    https://drupal.org/project/megamenu

    示例:

    http://www.aaml.org/

    【讨论】:

      【解决方案2】:

      对于一个下拉菜单下的多个列,请使用“tb mega menu”。仅适用于 Drupal 7。 https://drupal.org/project/tb_megamenu

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-01-27
        • 2015-08-08
        相关资源
        最近更新 更多