Forums

Html/css menu in a concrete5 page

Permalink
Hello..
I have page, that i now will try to make a concrete5 page. On the page i have a dropdown menu, written in html&css. How do i get this menu to work on my site?
HTML:
<div class="menu">
      <ul>
         <li><a href="<?=$this->getThemePath()?>/index.php" >Forside</a></li>
         <li><a href="#" >Om os</a>
            <ul>
               <li><a href="<?=$this->getThemePath()?>//ansat.php">Ansat Personale</a></li>
               <li><a href="<?=$this->getThemePath()?>//frivilligt.php">Frivilligt Personale</a></li>
            </ul>
        </li>
         <li><a href="#">Cafeen</a>
                <ul>
                <li><a href="<?=$this->getThemePath()?>//prices.php">Priser</a></li>
                <li><a href="<?=$this->getThemePath()?>//menu.php">Menu</a></li>
            </ul>
          </li>
Viewing 15 lines of 19 lines. View entire code block.

css:
/*Menu Style*/
.menu{
   border:none;
   border:0px;
   margin:0px;
   padding:0px;
   font-family:verdana,geneva,arial,helvetica,sans-serif;
   font-size:14px;
   font-weight:bold;
   color:8e8e8e;
   }
.menu ul{
   background:url(../pictures/menu-bg.gif) top left repeat-x;
   height:43px;
   list-style:none;
Viewing 15 lines of 79 lines. View entire code block.
 
jordanlev replied on at Permalink Reply
jordanlev
Leave your CSS as it is, but change the HTML to this:
<div class="menu">
<?php
$nav = BlockType::getByHandle('autonav');
$nav->controller->orderBy = 'display_asc';
$nav->controller->displayPages = 'top';
$nav->controller->displaySubPages = 'all';
$nav->controller->displaySubPageLevels = 'custom';
$nav->controller->displaySubPageLevelsNum = 1;
$nav->render('view');
?>
</div>


This code puts the autonav block in your template (which means that the menu will be built from the actual pages in your site).