PB Code Zone

PB Code Zone

Menu Bar

First Button Second Third Fourth Fifth Sixth Seventh Eighth Ninth

I found this code at the
Bravenet Tips and Tricks Archive. I've changed the code slightly.

PUT THIS PART OF CODE IN THE HEAD OF YOUR DOCUMENT.
<style>
div.menuBar,
div.menuBar a.menuButton {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
color: #000000;
}
div.menuBar {
background-color: #F0EEE2;
padding: 6px 2px 6px 2px;
text-align: center;
margin-left:20px;
}
div.menuBar a.menuButton {
background-color: 9999FF;
border: 1px solid;
border-color: #f0f0f0 #909090 #909090 #f0f0f0;
color: #000000;
cursor: pointer;
left: 0px;
margin: 1px;
padding: 2px 6px 2px 6px;
position: relative;
text-decoration: none;
top: 0px;
z-index: 100;
}
div.menuBar a.menuButton:hover {
background-color: 9999FF;
border-color: #909090 #f0f0f0 #f0f0f0 #909090;
color: #000000;
}
</style>
PUT THIS PART IN THE BODY WHERE YOU WANT THE MENU TO APPEAR.
<div class="menuBar">
<a class="menuButton" href="">First Button</a>
<a class="menuButton" href="">Second</a>
<a class="menuButton" href="">Third</a>
<a class="menuButton" href="">Fourth</a>
<a class="menuButton" href="">Fifth</a>
<a class="menuButton" href="">Sixth</a>
<a class="menuButton" href="">Seventh</a>
<a class="menuButton" href="">Eighth</a>
<a class="menuButton" href="">Ninth</a>
</div>
ADD AS MANY BUTTONS AS YOU LIKE

TIP

PB Code Zone 2