1 Reply Latest reply: Jan 17, 2013 4:08 AM by Alex Pavelescu RSS

    Help creating a menu in BC

    hugo.costa Community Member

      Hey Guys,

       

      I am struggling to add this menu to BC, i am not sure of teh dynamic menus module can do this? Am i better off using bc Menus v2?

       

      Here is a link of what teh menus should look like http://itsolutions01.businesscatalyst.com/company-customer-feedback.html

      <ul id="dropmenu">

                      <li class="first"><a href="index.html" title="Home">Home</a></li>

                      <li class="active"><a href="company.html" title="Company">Company</a>

                      <ul>

                          <li><a href="company-about-us.html" title="About Us">About Us</a></li>

                          <li><a href="company-customer-feedback.html" title="Customer Feedback">Customer Feedback</a></li>

                          <li><a href="company-philosophy.html" title="Philosophy">Philosophy</a></li>

                      </ul>

                      </li>

                      <li><a href="our-work.html" title="Our Work">Our Work</a>

                      <ul>

                          <li><a href="our-work.html#Wordpress" title="Wordpress">Wordpress</a></li>

                          <li><a href="our-work.html#PSD" title="PSD">PSD</a></li>

                          <li><a href="our-work.html#XHTML" title="XHTML">XHTML</a></li>

                          <li><a href="our-work.html#Other" title="Other">Other</a></li>

                          <li><a href="our-work.html#Custom" title="Custom Work">Custom Work</a></li>

                          <li><a href="our-work-pricing.html" title="Services Pricing">Services Pricing</a></li>

                          <li><a href="our-work-with-sidebar.html" title="Portfolio Alternative">Portfolio Alternative</a></li>

                      </ul>

                      </li>

                      <li><a href="blog.html" title="Blog">Blog</a></li>

                      <li><a href="customer-service.html" title="Customer Service">Customer Service</a>

                      <ul>

                          <li><a href="customer-service-help-faq.html" title="Help">Help &amp; FAQ</a></li>

                          <li><a href="#" title="Newsletter">Newsletter</a></li>

                          <li><a href="#" title="Community">Community</a>

                          <ul>

                              <li><a href="#" title="Forum">Forum</a></li>

                              <li><a href="#" title="Grandchild">Menu Grandchild</a></li>

                          </ul>

                          </li>

                          <li><a href="tool-page.html" title="Tool Page">Tool Page</a></li>                   

                      </ul>

                      </li>

                      <li><a href="contact.html" title="Contact">Contact</a></li>

              </ul>

      #dropmenu { float:right; height:100px;  } #dropmenu .active {  color:#a5c762; text-decoration:none;  } #dropmenu .active a, #dropmenu .active a:hover {  color:#a5c762; text-decoration:none; } #dropmenu {  float:right;  text-align:right;  } #dropmenu {  height:100px; margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative;  z-index:300;  } #dropmenu a { height:55px; padding-top:45px; padding-bottom:0px; padding-left:16px; padding-right:16px; display:block; color:#ffffff; background:url(images/menu-divider.png) right no-repeat; background-position:0 50%; text-decoration:none;} #dropmenu a:hover { color:#a5c762; } #dropmenu li { float:left; position:relative; text-transform: uppercase;  text-align:center; font-size: 14px; } #dropmenu ul { position:absolute; display:none; width:184px; top:70px; left:-1px; background:url(images/nav-child-top.gif) no-repeat top center; padding-top:7px;  } #dropmenu ul li {  font-size:14px; text-transform: capitalize; text-align:left; line-height:18px; white-space:nowrap; } #dropmenu ul a { background: transparent url(images/nav-child-bg.png); padding-top:10px; padding-bottom:10px; border-left:1px solid #7ba63d; border-right:1px solid #7ba63d; border-bottom:1px solid #7ba63d; } #dropmenu li ul a { width:150px; height:auto; float:left;  } #dropmenu ul ul { top:auto; background:transparent url(images/nav-grandchild-top.gif) repeat-x; padding-top:1px;  } #dropmenu li ul ul { top:-1px; left:183px; margin:0px 0 0 0px; } #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display:none; } #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display:block; } #dropmenu .first a { background:transparent; } #dropmenu li.active li a { color:#ffffff !important; } #dropmenu li.active li a:hover { color:#a5c762 !important; }

       

       

      Thanks

      Hu