DistanceDesigns
Active Member
- Joined
- Sep 8, 2013
- Messages
- 137
- Reaction score
- 0
Simple Navigation bar that took me 3-4 mins to make
Here it is
Here it is
Code:
<!-- CodingTuts Inc, © All Rights Reserved -->
<!-- Coded by Distance / Chris / HTMLCoding(Pastebin) -->
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
</head>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="prices.html">Prices</a></li>
<li><a href="affiliates.html">Affiliates</a></li>
<li><a href="forums/">Forums</a></li>
</ul>
</nav>
<style>
#nav {
font-family: helvetica,sans-serif;
float: left;
padding: 0;
background-color: black;
width: 100%;
letter-spacing: 5px;
word-spacing: 70px;
text-align: center;
}
#nav ul {
padding: 0;
width: 100%;
margin: 2px;
}
#nav li {
display: inline;
}
#nav a {
text-decoration: none;
color: #0696FC;
}
#nav a:visited {
}
#nav a:hover {
background-color: white;
}
#nav a:link, a:active {
width: 120px;
font-weight: bold;
padding: 4px;
}
</style>
