SUB MENU TENGAH

<!-- Foxmenucontainer -->
<div id='foxmenucontainer'>
  <div id='menu'>
  <ul>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='#' title='#'>About</a></li>
    <li><a href='#' title='#'>Mail signup</a>
      <ul>
        <li><a href='#' title='#'>Page</a></li>
      </ul>
    </li>
    <li><a href='#' title='#'>About</a></li>
    <li><a href='#' title='#'>Edit</a></li>
  </ul>
</div>
</div>
<!-- /Foxmenucontainer -->

<div class='clear'/>

<!-- Catmenucontainer -->
<div id='catmenucontainer'>
<div id='catmenu'>
  <ul>
    <li><a href='#' title='#'>Edit</a>
      <ul class='children'>
        <li><a href='#' title='#'>Edit</a>
        </li>
        <li><a href='#' title='#'>Edit</a>
        </li>
        <li><a href='#' title='#'>Edit</a>
        </li>
      </ul>
    </li>

    <li><a href='#' title='#'>Downloads</a>
      <ul class='children'>
        <li><a href='#' title='#'>Dvd</a>
        </li>
        <li><a href='#' title='#'>Games</a>
        </li>
        <li><a href='#' title='#'>Software</a>
          <ul class='children'>
            <li><a href='#' title='#'>Office</a>
            </li>
          </ul>
        </li>
  </ul>
    </li>

    <li><a href='#' title='#'>Entertainment</a>
      <ul class='children'>
        <li><a href='#' title='#'>Football</a>
        </li>
      </ul>
    </li>
 
<li><a href='#' title='#'>Featured</a>
    </li>

<li><a href='#' title='#'>Health</a>
      <ul class='children'>
        <li><a href='#' title='#'>Childcare</a>
        </li>
        <li><a href='#' title='#'>Doctors</a>
        </li>
      </ul>
    </li>

    <li><a href='#' title='#'>Music</a>
    </li>

    <li><a href='#' title='#'>Uncategorized</a>
    </li>

    <li><a href='#' title='#'>Uncategory</a>
    </li>
  </ul>
</div>
</div>
<!-- /Catmenucontainer -->

<div class='clear'/>

<!-- Casing -->
<div id='casing'>

<!-- Myslides -->
<div id='myslides'>
<script type='text/javascript'>
stepcarousel.setup({
galleryid: &#39;mygallery&#39;, //id of carousel DIV
beltclass: &#39;belt&#39;, //class of inner &quot;belt&quot; DIV containing all the panel DIVs
panelclass: &#39;panel&#39;, //class of panel DIVs each holding content
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: [&#39;http://web2feel.com/images/rem1.jpg&#39;, -14, 60], rightnav: [&#39;http://web2feel.com/images/rem2.jpg&#39;, 0, 60]},
statusvars: [&#39;statusA&#39;, &#39;statusB&#39;, &#39;statusC&#39;], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: [&#39;external&#39;] //content setting [&#39;inline&#39;] or [&#39;external&#39;, &#39;path_to_external_file&#39;]
})
</script>

<div class='stepcarousel' id='mygallery'>
<div class='belt'>

<div class='panel'>
<a href='YOUR-POST-LINK' title='YOUR-POST-TITLE'><img alt='#' height='120' src='POST-IMAGE-LINK.jpg' width='200'/> </a>
</div>

<div class='panel'>
<a href='YOUR-POST-LINK' title='YOUR-POST-TITLE'><img alt='#' height='120' src='POST-IMAGE-LINK.jpg' width='200'/> </a>
</div>

<div class='panel'>
<a href='YOUR-POST-LINK' title='YOUR-POST-TITLE'><img alt='#' height='120' src='POST-IMAGE-LINK.jpg' width='200'/> </a>
</div>

<div class='panel'>
<a href='YOUR-POST-LINK' title='YOUR-POST-TITLE'><img alt='#' height='120' src='POST-IMAGE-LINK.jpg' width='200'/> </a>
</div>

<div class='panel'>
<a href='YOUR-POST-LINK' title='YOUR-POST-TITLE'><img alt='#' height='120' src='POST-IMAGE-LINK.jpg' width='200'/> </a>
</div>

</div>
</div>

</div>
<!-- /Myslides -->

<!-- Content -->
<div id='content'>

Posted in: jdh