Designing SiteApex Menus | SiteApex Support
Developer Tools
Designing Menus for SiteApex

New to SiteApex? Download ready-made menu styles here >>



The SiteApex menu is built on the published pages using unordered lists with classes and div's for styling. This system allows for virtually any combination of features to make the menus on your site look and act the way you like. You might choose to start with one of our sample menus and customize from there, or you can create your own menu css from scratch.

XCSS Sample Code
<!-- xcss 1.01.01 menu starts -->

<div class="xcsstitle">HOME</div>
<ul>
<li class="button activebutton" id="button1"> <div class="parent drop1"><a href="http://siteapex.com/index.php">HOME</a></div></li>

<li class="button" id="button2">
<div class="parent drop2"><a class="navarrow" href="http://siteapex.com/farmhomes6.php">ABOUT US</a>
<div class="dropdown">
<ul>
<li><a href="http://siteapex.com/companyprofilec55.php">Company Profile</a></li>
<li><a href="http://siteapex.com/boardofdirectorsc4.php">Board of Directors</a></li>
</ul></div></div></li>

<li class="button" id="button3">
<div class="parent drop3"><a class="navarrow" href="http://siteapex.com/watercrafts5.php">INSURANCE PRODUCTS</a>
<div class="dropdown">
<ul>
<li><a href="http://siteapex.com/testcategoryc3.php">Farm</a></li>
<li><a href="http://siteapex.com/testcategoryc2.php">Home</a></li>
<li><a href="http://siteapex.com/autoc12.php">Auto</a></li>
<li><a class="subarrow" href="http://siteapex.com/testcategoryc1.php">Business</a>
<div id="pages1">
<ul>
<li><a href="http://siteapex.com/testpagep2.php">Office</a></li>
<li><a href="http://siteapex.com/testpagep1.php">Contractors</a></li>
<li><a href="http://siteapex.com/homebusinessp5.php">Home Business</a></li>
<li><a href="http://siteapex.com/retailp6.php">Retail</a></li>
<li><a href="http://siteapex.com/apartmentownersp7.php">Apartment Building Owners</a></li> </ul>
</div></li>
</ul></div></div></li>

<li class="button buttonlast" id="button4">
<div class="parent drop4"><a href="http://siteapex.com/contactuss21.php">CONTACT US</a></div></li>
</ul>

<!-- xcss menu ends -->


>> Download menu css here