Drake's : Test page 2

I claim no credit for any menu. Please leave all credits in place when using these menu's

StrongHTML

Home

Online Tools

Software Tools

Contact

Link to us

Online Tools

Tool1

Tool2

1. Paste the following code to the CSS file that is used by HTML pages with the vertical menu.

CSS CODE   #cssmenu { } #cssmenu ul { width:160px; letter-spacing: 2px; font-weight: bold; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 10px; border-top: 1px solid #000000; border-right: 3px solid #000000; border-bottom: 5px solid #000000; border-left: 1px solid #000000; margin:0; padding:0; list-style:none; } #cssmenu li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; padding-left: 6px; padding-bottom: 4px; color: #FFFFFF; padding-top: 4px; padding-right: 12px; text-align: left; background: #41A703; border-top: 1px #84C184; border-right: 1px #99DD99; border-bottom: 1px solid #99DD99; border-left: 6px solid #06680C; display:block; width:100%; } #cssmenu li a:hover { background: #61C733; border-bottom: 1px solid #99DD99; border-left: 6px solid #099B0F; } #cssmenu li.menucurrent a { text-align: right; } #cssmenu li.menucaption { color: #FFFFFF; font-style: normal; padding-left: 5px; font-size: 16px; padding-bottom: 4px; padding-top: 4px; font-family: Times New Roman, Times, serif; letter-spacing: 1px; text-align: left; background: #333333; display:block; } html>body #cssmenu li a { width: auto; }

2. Paste the following code to the HTML pages where you want to have the vertical menu.

HTML CODE   <div id="cssmenu"><ul> <li class="menucaption">StrongHTML </li> <li><a href="http://www.stronghtml.com/" mce_href="http://www.stronghtml.com/" title="StrongHTML Homepage" target="_blank">Home</a></li> <li><a href="http://www.stronghtml.com/otools.html " mce_href="http://www.stronghtml.com/otools.html " title="Online Tools">Online Tools</a></li> <li><a href="http://www.stronghtml.com/tools.html " mce_href="http://www.stronghtml.com/tools.html " title="Software Tools">Software Tools</a></li> <li><a href="http://www.stronghtml.com/contact.php " mce_href="http://www.stronghtml.com/contact.php " title="Contact Us">Contact</a></li> <li><a href="http://www.stronghtml.com/linktous.html " mce_href="http://www.stronghtml.com/linktous.html " title="Support Us">Link to us</a></li> <li class="menucaption">Online Tools </li> <li><a href="http://www.stronghtml.com/ " mce_href="http://www.stronghtml.com/ " title="Tool1 Title">Tool1</a></li> <li><a href="http://www.stronghtml.com/" mce_href="http://www.stronghtml.com/" title="Tool2 Title">Tool2</a></li> </ul></div>

Once you get the hang of it you can add links and categories as needed.

Your category title.
<LI class=menucaption>Navigation </LI>

Your link box.
<LI><A title="Contact Us" href="http://www.drakeswillie.zoomshare.com/">Contact</A></LI>

- One string = One Menu Item
- Format of the Item String: NAME;TITLE;URL;URLTARGET
- All parameters in the string are optional
- If a string begins with ! , then the item = Menu Caption
- If a string begins with > , then the item = Current Item

Until you get familiar with the code you should only add links to the middle of the menu code.