Step Navigation

HTML <ul id=”green_and_orange_step_menu”> <li class=”frist “>Step 1</li> <li>Step 2<span></span></li> <li>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul> <div style=”clear:both;”></div> <ul id=”green_and_orange_step_menu”> <li class=”frist fdone”>Step 1</li> <li class=”inprogress”>Step 2<span></span></li> <li>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul> <div style=”clear:both;”></div> <ul id=”green_and_orange_step_menu”> <li class=”frist fdone”>Step 1</li> <li class=”done”>Step 2<span></span></li> <li class=”inprogress”>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul>…

read more

Horizontal Purple 3D Round CSS Menu

menu vertical css pronto

HTML <div class=”onlycssmenu clearfix”> <ul class=”clearfix”> <li class=”first”><a href=”#” class=”active” title=”Only css menu”><span>Only css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Only Css Menu”><span>Web 2.0 Menu</span></a></li> <li class=”nopipe”><a href=”#” title=”Css Menu”><span>Web 2.0 Menu</span></a></li> </ul> </div> CSS <style> .clearfix:after { content: “.”; display:block; height:0; font-size:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }…

read more