2017-07-31 38 views
0

我使用此模板。此鏈接包含一個現場演示。如何刪除菜單欄總是最佳效果?

http://www.free-css.com/free-css-templates/page207/wpf-degree

不過,我要永遠刪除的菜單欄頂部的效果。

對於它的style.css

/*--------.menu_area-------- */ 
.menu_area{ 
    float: left; 
    display: inline; 
    width: 100%; 
    font-size: 17px; /*--------.monchhichi-------- */ 
    font-weight:bold; 
    color:#CBE32D; 


} 
.navbar-default .navbar-brand { 
    color: #fff; 
    font-size: 25px; 
    font-weight: bold; 
    margin-top: 20px; 
} 
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { 
    background-color: transparent; 
    color: #fff; 
} 
.navbar-default { 
    background-color: #CBE32D; 
    border-color: transparent; 
} 
#navbar{overflow-x: hidden;} 
.navbar-default .navbar-nav > li > a { 
    color: #244a66; /*--------.monchhichi menu bar font color-------- */ 
    font-family:"arial",sans-serif; 
    padding: 10px 15px; 
    text-transform: uppercase; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
    transition: all 0.5s; 
} 
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { 
    background-color: transparent; 
} 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { 
    background-color: transparent; 
} 
.navbar-nav > li > .dropdown-menu { 
    background-color: #48575a; 
} 
.navbar-nav > li > .dropdown-menu:before { 
    border-bottom: 15px solid #48575a; 
    border-left: 15px solid transparent; 
    border-right: 15px solid transparent; 
    content: ""; 
    height: 0; 
    position: absolute; 
    right: 25px; 
    top: -15px; 
    width: 0; 
} 
.navbar-nav > li > .dropdown-menu li a { 
    border-bottom: 1px dotted rgba(255, 255, 255, 0.3); 
    color: #fff; 
    display: block; 
    opacity: 0.8; 
    padding: 10px; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
    transition: all 0.5s; 
} 
.navbar-nav > li > .dropdown-menu > li:last-child a { 
    border-bottom: medium none; 
} 
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { 
    background-color:transparent; 
    text-decoration: none; 
} 
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { 
    background-color: transparent; 
} 
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { 
    background-color: transparent; 
} 
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { 
    background-color: transparent; 
} 

它不包含position :fixedz-value功能。

我不知道爲什麼總是最好的效果在這裏激活。

.............................................. .................................................. .................................................. ............

+0

嘗試刪除頂部:-15px;在.navbar-nav> li> –

+0

可能需要刪除class .navbar-fixed-top –

回答

2

我下載了這些文件。有在index.php鏈接多個CSS文件,你會發現導航條的CSS在這個文件

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/style.css" rel="stylesheet"> 

index.php文件中刪除navbar-fixed-top或進行自定義CSS文件覆蓋引導的風格,沒有核心更改代碼css/bootstrap.min.css文件。

1

你只需要從導航標籤

刪除一個類模板的代碼中找到這個

<nav class="navbar navbar-default navbar-fixed-top"> 

,只是刪除一類導航欄固定頂

<nav class="navbar navbar-default">