2015-02-06 66 views
0

即時嘗試爲我的頁腳添加一個新的類菜單。我如何變動的顏色,活動等如何設計一個新的菜單欄bootstrap和wordpress?

我加入到我的自定義CSS文件

.navbar-rodape { background-color: none;} 
.navbar-rodape .navbar-nav>.active>a:hover,.navbar-rodape .navbar-nav>li>a:hover, .navbar-rodape .navbar-nav>li>a:focus { background-color: #000000} 
.navbar-rodape .navbar-nav>.active>a,.navbar-rodape .navbar-nav>.open>a,.navbar-rodape .navbar-nav>.open>a, .navbar-rodape .navbar-nav>.open>a:hover,.navbar-rodape .navbar-nav>.open>a, .navbar-rodape .navbar-nav>.open>a:hover, .navbar-rodape .navbar-nav>.open>a:focus { background-color: #080808} 
.dropdown-menu { background-color: #FFFFFF} 
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #ED7913} 
.navbar-rodape { background-image: none; } 
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; } 
.navbar-rodape { border-color: #080808} 
.navbar-rodape .navbar-brand { color: #999999} 
.navbar-rodape .navbar-brand:hover { color: #FFFFFF} 
.navbar-rodape .navbar-nav>li>a { color: #999999} 
.navbar-rodape .navbar-nav>li>a:hover, .navbar-rodape .navbar-nav>li>a:focus { color: #FFFFFF} 
.navbar-rodape .navbar-nav>.active>a,.navbar-rodape .navbar-nav>.open>a,.navbar-rodape .navbar-nav>.open>a:hover, .navbar-rodape .navbar-nav>.open>a:focus { color: #FFFFFF} 
.navbar-rodape .navbar-nav>.active>a:hover, .navbar-rodape .navbar-  nav>.active>a:focus { color: #FFFFFF} 
.dropdown-menu>li>a { color: #333333} 
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF} 
.navbar-rodape .navbar-nav>.dropdown>a .caret { border-top-color: #999999} 
.navbar-rodape .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF} 
.navbar-rodape .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999} 
.navbar-rodape .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF} 

所以當我調用菜單

<div class="col-md-3"> 
    <h4>Desporto</h4> 
     <nav id="footermenu1" class="nav nav-pills nav-stacked" role="navigation"> 
     <?php wp_nav_menu(array('theme_location' => 'footer_menu_desporto', 'container'=> false , 'menu_class' => 'navbar-rodape')); ?> 
       </nav> 
</div> 

行得承擔新的風格?什麼即時做錯了?

太赫茲先進

回答