OnlyCssMenu.com » download vista style menu http://www.onlycssmenu.com The best example of CSS base menu Wed, 17 Feb 2010 17:02:21 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Red vista style menu http://www.onlycssmenu.com/red-vista-style-menu.html http://www.onlycssmenu.com/red-vista-style-menu.html#comments Sat, 18 Jul 2009 16:58:37 +0000 admin http://www.onlycssmenu.com/?p=17 Redmenu vista style

HTML

  • <div class="red_v_h_menu">
  • <ul>
  • <li><a href="#" title="Only CSS Menu">Only CSS Menu</a>
  • </li>
  • <li><a

…

]]> Redmenu vista style

HTML

  • <div class="red_v_h_menu">
  • <ul>
  • <li><a href="#" title="Only CSS Menu">Only CSS Menu</a>
  • </li>
  • <li><a href="#" title="CSS Menu">CSS Menu</a></li>
  • <li><a href="#" title="CSS3 Menu 3">CSS3 Menu</a></li>
  • <li class="noline"><a href="#" title="Web 2.0 CSS Menu">Web 2.0 CSS Menu</a></li>
  • </ul>
  • </div>

CSS

  • <style>
  • div.red_v_h_menu {
  • background: url(images/red_vista_menu_left.gif) no-repeat left top;
  • height:30px;
  • margin:0;
  • font-family:Arial, Helvetica, sans-serif;
  • font-size:12px;
  • line-height:30px;
  • font-weight:bold;
  • padding:0 0 0 10px;
  • border-bottom:2px solid #FFF;
  • }
  • div.red_v_h_menu ul {
  • margin:0;
  • background:url(images/red_vista_menu_right.gif) no-repeat right top;
  • padding:0 0 0 10px;
  • height:30px;
  • list-style:none;
  • }
  • div.red_v_h_menu ul li {
  • margin:0;
  • padding:0 2px 0 1px;
  • list-style:none;
  • background:url(images/red_vista_v_line.gif) no-repeat right;
  • display:inline;
  • float:left;
  • }
  • div.red_v_h_menu ul li.noline {
  • background:none;
  • }
  • div.red_v_h_menu ul li a {
  • color:#ffffff;
  • float:left;
  • margin:0;
  • height:30px;
  • padding:0 25px;
  • font-size:12px;
  • text-decoration:none;
  • }
  • div.red_v_h_menu ul li a:hover {
  • background:url(images/red_vista_menu_hover.gif) no-repeat center bottom;
  • }
  • </style>

Browser Compatability

  • FireFox
  • IE7
  • Safari
  • Opera
]]> http://www.onlycssmenu.com/red-vista-style-menu.html/feed 0 Blue vista style Menu http://www.onlycssmenu.com/blue-vista-style-menu.html http://www.onlycssmenu.com/blue-vista-style-menu.html#comments Sat, 18 Jul 2009 16:50:53 +0000 admin http://www.onlycssmenu.com/?p=13 Bluemenu vista style

HTML

  • <div class="blue_h_menu">
  • <ul>
  • <li><a href="#">Only Css Menu</a> </li>
  • <li><a href="#">CSS

…

]]> Bluemenu vista style

HTML

  • <div class="blue_h_menu">
  • <ul>
  • <li><a href="#">Only Css Menu</a> </li>
  • <li><a href="#">CSS Menu</a></li>
  • <li><a href="#">CSS3 Menu</a></li>
  • <li class="noline"><a href="#">Web 2.0 CSS Menu</a></li>
  • </ul>
  • </div>

CSS

  • <style>
  • div.blue_h_menu {
  • background: url(images/blue_menu_left.gif) no-repeat left top;
  • height:30px;
  • margin:0;
  • font-family:Arial, Helvetica, sans-serif;
  • font-size:12px;
  • line-height:30px;
  • font-weight:bold;
  • padding:0 0 0 10px;
  • border-bottom:solid 2px #FFF;
  • }
  • div.blue_h_menu ul {
  • margin:0;
  • background:url(images/blue_menu_right.gif) no-repeat right top;
  • padding:0 0 0 10px;
  • height:30px;
  • list-style:none;
  • }
  • div.blue_h_menu ul li {
  • margin:0;
  • padding:0 2px 0 1px;
  • list-style:none;
  • background:url(images/blue_menu_v_line.gif) no-repeat right bottom;
  • display:inline;
  • float:left;
  • }
  • div.blue_h_menu ul li.noline {
  • background:none;
  • }
  • div.blue_h_menu ul li a {
  • color:#ffffff;
  • float:left;
  • margin:0;
  • height:30px;
  • padding:0 25px;
  • font-size:12px;
  • text-decoration:none;
  • }
  • div.blue_h_menu ul li a:hover {
  • background:url(images/blue_menu_hover.gif) no-repeat center bottom;
  • }</style>

Browser Compatability

  • FireFox
  • IE7
  • Safari
  • Opera
]]> http://www.onlycssmenu.com/blue-vista-style-menu.html/feed 0