Code:

 

<div id="menu">
<div id="menu_l"></div>
<div id="menu_r"></div>
<a href="http://s#.zetaboards.com/BOARDNAME/site/">Portal</a>
<a href="http://s#.zetaboards.com/BOARDNAME/faq/">FAQ</a>
<a href="http://s#.zetaboards.com/BOARDNAME/search/">Search</a>
<a href="http://s#.zetaboards.com/BOARDNAME/members/">Members</a>
<a href="http://s#.zetaboards.com/BOARDNAME/calendar/">Calendar</a>
</div>


Code:

 

<a href="http://link.com/">Link </a>

Code:

 

/* repeating background image of the submenu */
#menu {
background:url(http://);
height: #px;
text-align: center;
font-size: #px;
border: 1px solid #HEX;
}

/* left image */
#menu_l {
background:url(http://) no-repeat ;
height: #px;
width: #px;
float:left;
}

/* right image */
#menu_r {
background:url(http://) no-repeat ;
height: #px;
width: #px;
float:right;
}

/*Link colors*/
#menu a {
color: #HEX;
font-weight: bold;
font-size: 12px;
padding:0px 5px 0px 5px
}

Sith_Lord

Sep 19 2008, 07:35 PM

But you could just use <!-- SUBMENU --> rather than all those custom links if you just wanted the default submenu and webpage links encased in a 3-part shell.

Leonardo

Sep 20 2008, 01:38 PM

Sith_Lord

Sep 19 2008, 07:35 PM

But you could just use <!-- SUBMENU --> rather than all those custom links if you just wanted the default submenu and webpage links encased in a 3-part shell.

I was thinking that too but usually when people go for 3 piece codes they usually don't want the default links and they want to add extra links. So instead of using a javascript for just a little thing, I just made it a little easier

Arianna

Jun 25 2009, 12:26 AM

The image is perfect for me but I can't seem to get the text right actually. So I just use the 2-Piece. No different except you can customize your links.