منوی این سایت

smile_alireza · Feb 5, 2010

سلان دوستان فکر کنم همه منوی این سایت دیده باشن هاست ایران
منوی بالا سایت
من یه منو مثل این می خوام که وفتی موس رفت روی منو به دایره با اون جا بجا بشه
خیلی ممنون می شم اگه کمک کنید

ajomehri · Feb 5, 2010

یک نگاه به css منوهاش بنداز :

کد:

#menu {
	position: relative;
	height:32px;
	width:480px;
	padding:15px;
	overflow:hidden;
}
#menu ul {
	padding:0;
	margin-right:25px;
	list-style:none;	
}
#menu ul li {
	float: right;
	list-style: none;
	padding:0;
	margin:0;	
}
 
#menu ul li a {
	text-indent: -500em;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
}
#menu_home a {
	width: 45px;
	background: url('../_images_/menu_home.png') no-repeat center !important;
	background: url('../_images_/menu_home.gif') no-repeat center; 
}
#menu_services a {
	width: 53px;
	background: url('../_images_/menu_services.png') no-repeat center !important;
	background: url('../_images_/menu_services.gif') no-repeat center;
}
#menu_support a {
	width: 66px;
	background: url('../_images_/menu_support.png') no-repeat center !important;
	background: url('../_images_/menu_support.gif') no-repeat center;
}
#menu_reseller a {
	width: 65px;
	background: url('../_images_/menu_reseller.png') no-repeat center !important;
	background: url('../_images_/menu_reseller.gif') no-repeat center;
}
#menu_vacancy a {
	width: 61px;
	background: url('../_images_/menu_vacancy.png') no-repeat center !important;
	background: url('../_images_/menu_vacancy.gif') no-repeat center;
}
#menu_aboutus a {
	width: 61px;
	background: url('../_images_/menu_aboutus.png') no-repeat center !important;
	background: url('../_images_/menu_aboutus.gif') no-repeat center;
}
#menu_contactus a {
	width: 69px;
	background: url('../_images_/menu_contactus.png') no-repeat center !important;
	background: url('../_images_/menu_contactus.gif') no-repeat center;
}
#menu li.background {
	background: url('../_images_/menu_bg_right.png') no-repeat top right !important;
	background: url('../_images_/menu_bg_right.gif') no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}
#menu .background .left {
	background: url('../_images_/menu_bg_left.png') no-repeat top left !important;
	background: url('../_images_/menu_bg_left.gif') no-repeat top left;
	height: 30px;
	margin-right: 9px;
}