5 Vertical CSS Menus Part 3 | VietSeo.xtgem.com

<!-- demo -->
<!-- p1 -->
<link rel="stylesheet" href="http://vietseo.xtgem.com/css/css/5_Vertical_CSS_Menus_Part_3/style.css" type="text/css" />
<div class="vietseo_quote">
  Note : You must add code below
  <br />
  <input type="text" class="vietseo_input" style="margin-bottom: 3px;" size="12" value='<link rel="stylesheet" href="http://vietseo.xtgem.com/css/css/5_Vertical_CSS_Menus_Part_3/style.css" type="text/css" />'>
</div>
<script type="text/javascript" src="http://vietseo.xtgem.com/css/css/5_Vertical_CSS_Menus_Part_3/jquery.js"></script>
<script type="text/javascript" src="http://vietseo.xtgem.com/css/css/5_Vertical_CSS_Menus_Part_3/sliding_effect.js"></script>
<div style="background: #0C0C0C;padding: 2px;">
<ul id="sliding-navigation">
<li class="sliding-element" style="margin-left: 0px; "><h3>CSS Vertical Part 3 - Menu 1</h3></li>
<li class="sliding-element" style="margin-left: 0px; "><a href="#" style="padding-left: 15px; ">Link 1</a></li>
<li class="sliding-element" style="margin-left: 0px; "><a href="#" style="padding-left: 15px; ">Link 2</a></li>
<li class="sliding-element" style="margin-left: 0px; "><a href="#" style="padding-left: 15px; ">Link 3</a></li>
<li class="sliding-element" style="margin-left: 0px; "><a href="#" style="padding-left: 15px; ">Link 4</a></li>
<li class="sliding-element" style="margin-left: 0px; "><a href="#" style="padding-left: 15px; ">Link 5</a></li>
</ul>
</div>

<!-- p2 -->
<br />
<div class="menu_div">
    	<ul>
        <li id="active"><a href="#">CSS Vertical Part 3 - Menu 2</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Service</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Latest News</a></li>
        <li><a href="#">Feedback</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Contact Us</a></li>
        </ul>
</div>

<!-- p3 -->
<br />
<div class="menu_div2">
    	<ul>
        <li id="active"><a href="#">CSS Vertical Part 3 - Menu 3</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Service</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Latest News</a></li>
        <li><a href="#">Feedback</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Contact Us</a></li>
        </ul>
    </div>

<!-- p4 -->
<br />
<div id="menu12">
  <ul>
    <li><div class="bt1"><span class="ht11">» </span>
    <span class="hw12">CSS Vertical Part 3 - Menu 4</span></div></li>
    <li><a title="Home" href="#">Home</a></li>
    <li><a title="Photos" href="#">Photo Gallery</a></li>
    <li><a title="Events" href="#">Events Calendar</a></li>
    <li><a title="Forum" href="#">Community</a></li>
    <li><a title="Articles" href="#">Article Directory</a></li>
    <li><a title="Link Directory" href="#">Link Directory</a></li>
    <li><a title="Download" href="#">Freeware Download</a></li>
  </ul>
</div>

<!-- p5 -->
<br />
<div id="menu5">
  <ul>
    <li><a href="#1" title="Link 1">CSS Vertical Part 3 - Menu 5</a></li>
    <li><a href="#2" title="Link 2">Link 2</a></li>
    <li><a href="#3" title="Link 3">Link 3</a></li>
    <li><a href="#4" title="Link 4">Link 4</a></li>
    <li><a href="#5" title="Link 5">Link 5</a></li>
  </ul>
</div>
<!-- /p5 -->

Hide this Code