如何选择WordPress的动态引导菜单中的特定列表项

我已经为WordPress创建了一个动态引导菜单菜单。要查看菜单设计，请访问此链接：https://dl.dropboxusercontent.com/u/211935016/images/created_menu.jpg 如何选择WordPress的动态引导菜单中的特定列表项

但还是有些事情还需要完成。顶尖的“特别促销”和“董事会认证”需要围绕他们的盒子，使他们脱颖而出。要看到设计，请访问以下链接：https://dl.dropboxusercontent.com/u/211935016/images/original_menu.jpg

下面是HTML代码：

<!-- Menu's Code for Twitter Bootstrap --> 
<div class="navbar navbar-inverse container mainmenu" role="navigation"> 
<div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="sr-only">Toggle Naavigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    <a class="navbar-brand" href="" >Navigation</a> 
</div> 
<div class="navbar-collapse collapse"> 
    <?php 

    $args = array(
      'theme_location' => 'top-bar', 
      'depth'   => 2, 
      'container'  => false, 
      'menu_class'  => 'nav navbar-nav', 
      'walker'   => new Bootstrap_Walker_Nav_Menu() 
    ); 
    wp_nav_menu($args); 

    ?> 
</div> 
</div> 
<!-- Menu's Code for Twitter Bootstrap -->

这里是CSS代码：

.mainmenu {background:#F2F0F1;border:none;margin-top:10px;margin-bottom:10px;} 
.navbar-inverse .navbar-brand {color: #101010;} 
.navbar-inverse .navbar-brand:hover {color: #101010;} 
.navbar-inverse .navbar-toggle {border-color: #333333;background:#333333;} 
.navbar-collapse {padding-right: 0px;padding-left: 0px;} 
.navbar-brand {display:none;} 
.mainmenu ul.navbar-nav {margin-left: -10px;} 
.mainmenu ul.navbar-nav li {margin-top: 12px;margin-left: 10px;} 
.mainmenu ul.navbar-nav li a {color:#101010;padding: 5px 2px;font-family: 'Open Sans', sans-serif;font-size:18px;} 
.mainmenu ul.navbar-nav li a:hover {color:#fff;background:#13B4E3;}

而且我用这个代码：HTTP：//pastebin dot com/S0UCDUYi在functions.php文件中激活WordPress的Bootstrap导航栏菜单。

任何人都可以帮助我解决它吗？谢谢。

来源

2014-09-23 active-worker

最简单的方法是在Wordpress上为这两个菜单项添加一个新类。外观|菜单页面。

为了确保您可以查看菜单CSS类：

进入的菜单编辑页面屏幕
在“显示高级菜单属性”点击右上方
点击屏幕选项“CSS类”

现在在菜单中的两页（“特别优惠”和“局认证”）的条目，您可以添加一个新的类，如“亮点”。

然后在CSS中添加了新的类：

.highlight { background: blue ... }

来源

2014-09-23 06:32:33 manishie

嗨@manishie，谢谢您的回答。你是对的。但需要一些小的JavaScript来激活它，如 '' – 2014-09-23 14:00:59

如何选择WordPress的动态引导菜单中的特定列表项

回答

相关问题