Posts Tagged ‘ html menu ’

Free CSS Vertical Menu Designs

TweetFree CSS Vertical Menu Designs No. of Vertical Menu Demo DEMO h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif;color: #000;margin: 0px;padding: 0px 0px 0px 15px;}ul {list-style: none;margin: 0;padding: 0;}img {border: none;} /*- Menu 1--------------------------- */#menu1 {width: 200px;margin: 10px;border-style: solid solid none solid;border-color: #3D261D;border-size: 1px;border-width: 1px;}#menu1 li a {height: 32px;voice-family: "\"}\""; voice-family: inherit;height: 24px;text-decoration: none;} #menu1 [ READ MORE ]

Fox CSS Menu

Tweet#foxmenucontainer{height:24px;background:#000;display:block;padding:45px 0 0 15px;}#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}#foxmenu ul li{display:block;float:left;margin:0 1px 0 0;}#foxmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 20px 0 20px;height:19px;background:transparent url(http://www.phpasks.com/blogs/wp-content/uploads/2009/11/foxmenu_bg-OFF.gif) no-repeat top left;}#foxmenu ul li a:hover{color:#fff;background:transparent url(http://www.phpasks.com/blogs/wp-content/uploads/2009/11/foxmenu_bg-OVER.gif) no-repeat top right;}#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#000;background:#fff;} Fox CSS Menu This menu is called “Fox” it’s crafty, bold and colorful. A great menu for use on dark sites, as [ READ MORE ]

Pro CSS Menu

Tweet#procontainer_brown {position:relative;height:56px;color:#E0E0E0;background:#143D55;width:100%;}#pronav_brown {position:relative;height:32px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(http://www.phpasks.com/blogs/wp-content/uploads/2009/11/pro_bg.gif) repeat-x bottom left;padding:0 0 0 20px;border-bottom: 8px solid #886d53;}#pronav_brown ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}#pronav_brown ul li {display:block;float:left;margin:0 1px;}#pronav_brown ul li a {display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:32px;}#pronav_brown ul li a span {padding:12px 20px 0 0;height:21px;float:left;font-weight: normal;font-family: "Myriad Pro", Helvetica, Arial, Verdana, sans-serif;}#pronav_brown ul li a:hover {color:#fff;background:transparent url(http://www.phpasks.com/blogs/wp-content/uploads/2009/11/pro_bg-OVER.gif) repeat-x bottom left;}#pronav_brown ul li a:hover span {display:block;width:auto;cursor:pointer;}#pronav_brown ul li [ READ MORE ]