/* www.tuliskan.com CSS Red Simple Navigation Bar Start */
#navbar_tuliskancom {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY-uyBoB7BnmX3U2gKAw2gD8uVW2wWyOEcBYeyRPglrjnyB9CljS8aflKsxs2JFxvxbfMaql2u22L85po6A-ixIjvtIQImCLok-oIPCDT2weMKuhk5Ykkx3vpkKKHWEJqmP_v2LrrW_cw/s1600/round_menu.png);
background-repeat:no-repeat;
margin-left:14px;
padding-left:10px;
height:46px;
}
#nav_tuliskancom {
float:left;
height:27px;
margin-bottom:0;
font-size:100%;
width:1000px;
line-height:normal;
margin-top:0
}
#nav_tuliskancom ul {
list-style:none;
margin:0;
padding:0
}
#nav_tuliskancom li {
display:inline;
margin:0;
padding:0
}
#nav_tuliskancom a {
float:left;
padding-right:1px;
font-weight:bold;
text-decoration:none
}
#nav_tuliskancom a span {
display:block;
padding-left:10px;
padding-right:10px;
padding-top:10px;
font-weight:bold;
height:27px;
color:#FFF;
font-size:100%;
border-left:0 solid #dcdcdc;
margin-right:0;
float:none
}
#nav_tuliskancom a:hover span {
color:blue;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnclcN-hSuXTGDSiULy_UWTY-b6cGZknT9WMRjwX0F5pwxwiqpAwQ1k8dmt-DQypK43saC1gXOvPDapHRq91XiqMgYIiIEcDinaO0OU3essqJDxTtn1SOsWjEsdninujD7ZNGiKYnIAEA/s1600/round_hover.png);
background-color:maroon;
background-repeat:repeat-x;
height:27px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
font-weight:bold;
font-size:100%;
background-position:0 0
}
Link Sumber : http://www.tuliskan.com/2013/06/membuat-menu-navigasi-navbar-red-simple-di-blog.html#ixzz3c4vMGN5y