Put this code in the {STYLE}..{/STYLE} tags [Angle brackets in the original!]
/* Begin Navigation Bar Styling */
#nav {
width: 100%;
float: left;
margin: 0 0 3em -1px;
padding: 0;
list-style: none;
background-color: #93A9D5;
border: 1px solid #000; }
#nav li {float: left; }
#nav li a {
display: block;
padding: 8px 14px;
text-decoration: none;
font-weight: bold;
color: navy;
border-right: 1px solid black; }
#nav li a:hover {color: #b22222;background-color: #fff; }
/* End navigation bar styling. */
Very simple CSS horizontal menubar. Use this in place of a footer! Called by the following code:
[NB Curly brackets used rather than angle brackets to ensure links are not live!]
{ul id="nav"}
{li} ©Mike Hart, 2013 {/li}
{li style="border-left:1px solid black">DirList{/li}
{li}Item 2{/li}
{li}Item 3{/li}
{li}Item 4{/li}
{li}Item 5{/li}
{li}Item 6}/li}
{li}Item 7}/li}
{li}Item 8{/li}
{/ul}
____________________________________________________________________________________________________________________________________