 |
| Menu |
CSS
/*------------- Menu ------------------*/
#templatemo_menu {
/*float: left;*/
width: 1000px;
height: 40px;
margin: auto;
padding: 0;
background: url(../images/menuBG.gif) repeat-x;
box-shadow: 0px 0px 19px #000000;
margin-top:5px;
border-radius:15px;
}
#templatemo_menu ul {
margin: 0 0 0 50px;
padding: 0px;
list-style: none;
}
#templatemo_menu ul li {
display: inline;
}
#templatemo_menu ul li a {
float: left;
width: 140px;
height: 20px;
margin-top: 10px;
padding: 0;
font-size: 1.1em;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #CCCCCC;
border-left: 1px solid #CCCCCC;
}
#templatemo_menu ul li .lastmenu {
border-right: 1px solid #CCCCCC;
}
#templatemo_menu li a:hover, #templatemo_menu li .current {
color: #FFFFFF;
background: url(../images/menuBG.gif) no-repeat;
}
/* ----------------- end of menu----------------*/
 |
| Menu Back Ground Image |
Html
<html>
<div id="templatemo_menu">
<ul>
<li><a href="../Pages/Default.aspx" class="current">Home</a></li>
<li><a href="../Pages/Feedback.aspx">Feedback</a></li>
<li><a href="../Pages/Profile.aspx">Account</a></li>
<li><a href="../Pages/ChangePassword.aspx">Change password</a></li>
<li><a href="../Pages/Login.aspx" class="lastmenu">Log Out</a></li>
</ul>
</div>
</html>
No comments:
Post a Comment