however, it is not as simple as adding it to a normal html file.
first, the only part of that you will need is the style section and the html section.
you do not use this:
Code: Select all
<!DOCTYPE html>
<html>
<head>
Code: Select all
</body>
</html>
find:
</head>
right above it, put this:
Code: Select all
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #336699;
}
li {
float: left;
border-right:1px solid #bbb;
}
li:last-child {
border-right: none;
}
li a {
display: block;
color: white;
text-align: center;
padding: 12px 13px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #FF9933;
}
.active {
background-color: #336699;
}
</style>
<div class="navbar">
right above it , put this:
Code: Select all
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">Articles</a></li>
<li><a href="#contact">Blog</a></li>
<li><a href="#contact">Ebooks</a></li>
<li><a href="#contact">Podcasts</a></li>
<li><a href="#contact">Photos</a></li>
<li><a href="#contact">Videos</a></li>
<li><a href="#contact">Forum</a></li>
<li><a href="#contact">Personals</a></li>
<li><a href="#contact">About Us</a></li>
</ul>
upload the file back to the server, refresh the template in your admin panel, styles tab.
refresh your browser.
robert