منوی زیبا

[golnouri]

--

--

 

[Agent 47]

کار خاصی انجام نداده فقط از hover استفاده کرده. که اینجا یه کلاس nav تعریف کرده و به اون این ویژگی ها رو داده:

#nav { 	float: right; 	margin-top:2px; }
#nav a { 	float: right; 	display: block; 	background: url('images/nav-bg.gif') no-repeat top; 	text-decoration: none; 	padding-top: 2px; 	text-align: center; 	color: #555; 	height: 17px; 	width: 102px; }

بعد از این کد استفاده کرده که تعیین می‌کنه وقتی ماوس روی لینک بره چه تغییراتی ایجاد بشه یا چه ویژگی هایی داشته باشه:

#nav a:hover { 	background-position: 0% -19px; 	color: #550; }

 

[L-B]

عکس لینک ها قبلا ساخته شده هست :
عکس زیر :

بعد با css لینک فعال رو قسمت بالا و قسمت hover رو زیرش در نظر گرفته /

 

[srezay]

درمورد تصویر دکمه ها پیشنهاد میکنم css sprites رو یاد بگیری، کار سختی نیست، اینجا رو ببین...