????
Your IP : 216.73.216.83
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script src="//cdn.optimizely.com/js/1865631164.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Menu Maker Installation Instructions</title>
</head>
<body>
<h2>Your Menu</h2>
<style type="text/css">
/* Menu CSS */
#cssmenu, #cssmenu > ul{
background-color:#cc3366;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content: '';
display: table;
}
#cssmenu:after, #cssmenu > ul:after {
clear: both;
}
#cssmenu {
zoom:1;
width:888px;
height:25px;
line-height:25px;
}
#cssmenu > ul{
background-color:#cc3366;
margin: 0;
padding: 0;
position: relative;
vertical-align:middle;
}
#cssmenu > ul li{
margin: 0;
padding: 0;
list-style: none;
}
#cssmenu > ul > li{
float: left;
position: relative;
}
#cssmenu > ul > li > a{
padding: 0;
display: block;
color: white;
font-size: 15px;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 -1px 0 #9e3825;
text-shadow: 0 -1px 0 rgba(116, 37, 2, .70);
width:126px;
text-align:center;
}
#cssmenu > ul > li:hover > a{
background-color:#666666;
text-shadow: 0 -1px 0 #97321f;
text-shadow: 0 -1px 0 rgba(122, 42, 26, .64);
}
#cssmenu > ul > li > a > span{
}
#cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{
background-color:#cc3366;
}
/* Childs */
#cssmenu > ul ul{
opacity: 0;
visibility: hidden;
position: absolute;
top: 120px;
background-color:#cc3366;
margin: 0;
padding: 0;
z-index: -1;
}
#cssmenu > ul li:hover ul{
opacity: 1;
visibility: visible;
margin: 0;
color: #000;
z-index: 2;
top:25px;
left: 0;
}
#cssmenu > ul ul:before{
position: absolute;
top: -10px;
width: 100%;
height: 10px;
background: transparent;
}
#cssmenu > ul ul li{
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
#cssmenu > ul ul li a{
border-top:1px solid #F59AAB;
padding: 5px 15px;
display: block;
color: #fff;
font-size: 15px;
text-decoration: none;
text-transform: normal;
font-weight:normal;
width: 200px;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
#cssmenu > ul ul li a:hover{
background-color:#666666;
color: white;
}
#cssmenu > ul ul li a:active{
background-color:#cc3366;
}</style>
<div id='cssmenu'>
<ul>
<li><a href='index.html'><span>Home</span></a></li>
<li><a href='#'><span>Get Started</span></a>
<ul>
<li class='has-sub'><a href='room-view2.html'>View Gallery</a></li>
<li class='has-sub'><a href='pompoms.html'>Color Options</a></li>
<li class='has-sub'><a href='fillings2.html'>Candy Fillings</a></li>
<li class='has-sub'><a href='color-design2.html'>Design Your Bouquet</a></li>
<li class='has-sub'><a href='centerpieces.html'>Centerpieces Gallery</a></li>
</ul>
</li>
<li><a href='#'><span>Occasions</span></a>
<ul>
<li class='has-sub'><a href='wedding.html'>Weddings</a></li>
<li class='has-sub'><a href='banquets.html'>Banquets/Corporate Events</a></li>
<li class='has-sub'><a href='sweet-16.html'>Sweet Sixteen</a></li>
<li class='has-sub'><a href='birthday.html'>Birthdays</a></li>
<li class='has-sub'><a href='bar-mitzvah.html'>Bar/Bat Mitzvah</a></li>
<li class='has-sub'><a href='graduation.html'>Graduation</a></li>
<li class='has-sub'><a href='shower-centerpieces.html'>Bridal & Baby Showers</a></li>
<li class='has-sub'><a href='quinceanera.html'>Quinceañeras</a></li>
<li class='has-sub'><a href='anniversary.html'>Anniversaries</a></li>
<li class='has-sub'><a href='holiday2.html'>Holiday Parties</a></li>
<li class='has-sub'><a href='festival2.html'>Festivals</a></li>
<li class='has-sub'><a href='themes2.html'>Theme Parties</a></li>
<li class='has-sub'><a href='flowers2.html'>Flower Centerpieces</a></li>
</ul>
</li>
<li><a href='#'><span>Testimonials</span></a>
<ul>
<li class='has-sub'><a href='testimonials2.html'>Testimonials</a></li>
<li class='has-sub'><a href='clients.html'>Our Corporate Clients</a></li>
</ul>
</li>
<li><a href='color-design2.html'><span>Design Tool</span></a></li>
<li><a href='#'><span>Ordering</span></a>
<ul>
<!--<li class='has-sub'><a href='pricing.html'>Pricing</a></li>-->
<li class='has-sub'><a href='discounts2.html'>Discounts</a></li>
<li class='has-sub'><a href='order2.html'>Order Tips</a></li>
<li class='has-sub'><a href='catalog2.html'>Contact Us</a></li>
</ul>
</li>
<li class='last'><a href='catalog2.html'><span>Get Catalog</span></a></li>
</ul>
</div>
<div style="clear:both; margin: 0 0 30px 0;"> </div>
<h2>Installation Instructions</h2>
<ol>
<li>Upload the <code>menu_assets</code> folder to the root directory of your website. This is usually where your <code>index.html</code> file is.</li>
<li>Copy and paste the code below somewhere between the <code><head></head></code> tags.<textarea class='css'><link href="/menu_assets/styles.css" rel="stylesheet" type="text/css"></textarea></li>
<li>Copy and paste the html below where ever you want your menu to show up.<textarea class='html'><div id='cssmenu'>
<ul>
<li class='active '><a href='index.html'><span>Home</span></a></li>
<li class='has-sub '><a href='#'><span>Products</span></a>
<ul>
<li><a href='#'><span>Product 1</span></a></li>
<li><a href='#'><span>Product 2</span></a></li>
</ul>
</li>
<li><a href='#'><span>About</span></a></li>
<li><a href='#'><span>Contact</span></a></li>
</ul>
</div></textarea></li>
</ol>
<h2>Notes</h2>
<ol>
<li>If you run into a problem getting your menu to work or have suggestions for the site please <a href='http://cssmenumaker.com/resources/contact'>Contact Us</a> and let us know. We will try to help as much as possible.</li>
</ol>
<!-- Hotjar Tracking Code for wanderfuls.com -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:78806,hjsv:5};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script></body>
</html>