کد نویسی منو به سبک خاص؟!

[topmihan 141]

سلام دوستان

میخوام منو سایتمو بدین شکل طراحی کنم

این آدرسو ببینید http://topmihan.ir

همونطور که مشاهده میکنید منو بالا سایت ( اون منو که اکتیو هستش یه کادر خوشگل دورش هست که رنگ زرد داره )

البته برای یسری از لینک ها هم همین مورد در سایت مشاهده میشه که اونا هاور دارن که رنگ باکس دورشون و رنگ متن تغییر میکنه

و در این سایت نیز http://p30download.com/ منو بالا سایت رو که ببینید ، منو اصلی یه باکس داره و زیر کل منو باکس بزرگی هست که زیر منو های منو فعال رو نشون میده و وقتی موس روی منو اصلی میره منو و زیر منو هاش رو با رنگ متفاوتی نشون میده

حالا کاری که من میخوام بکنم

این سایت رو ببینید http://2.topmihan.ir

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

منو اصلی { هر منو داخل باکسی شبیه سایت اول قرار بگیره} و زیر منو اصلی باکس بزرگی باشه مثل سایت دوم که زیر منو ها داخل اون قرار بگیره

و با رفتن موس روی هر منو از منو اصلی زیر منو هاش در کادر پایین به نمایش در بیاد و منو اصلی و زیر منو هاش تغییر رنگ بدن

یکم پیچیده هستش

واسه همین ممنون میشم اگه راهنمایی خوب و کاملی بکیند

حق یارتان

------------------------------------------------------------------------------------------------------------------

خب دوستان

بنظرم پیچیدگی گفتارم شما رو هم درگیر کرد

خب من یه عکس تو فتوشاپ آماده کردم ( البته حوصله ریزه کاری نداشتم خیلی دقیق نیست)

عکس زیر رو ببینید

http://8pic.ir/images/66846727012990077620.png

تقریبا این شکلی

رنگ زیر منو ها با رنگ منو اصلیشون یکیه

[farhad6169 125]

با سلام
 
حداقل يك چند تا زير منو براي منوهات درست مي كردي تا بچه ها روي اون ها هم كار كنن.
 
در فايل template.css از خط 132 تا خط 150 رو پاك كرده و كدهاي زير رو بجاي آنها قرار دهيد

#menur li{
  float: right;
  color: #000;
  list-style: none;
  padding: 5px;
  line-height: 0px;
  text-decoration: none;
  font-weight: bold;
  margin:0 5px;
  border-radius:5px;
}
#menur li a{
  float: right;
  color: #000;
  list-style: none;
  padding: 10px;
  line-height: 0px;
  text-decoration: none;
  font-weight: bold;
}

كدهاي زير رو در فايل template.css وارد كنيد

ul.menu li.item-101 {background:#fbec00;}
ul.menu li.item-102 {background:#ed00a3;}
ul.menu li.item-103 {background:#2000fd;}
ul.menu li.item-104 {background:#88ff00;}
ul.menu li.item-116 {background:#ed0017;}
ul.menu li.item-105 {background:#65f3e3;}

الباقي رو هم فكر كنم خودتون بتونيد در بياريد
 
موفق باشيد

[topmihan 141]

دوست عزیز زیر منو هم گذاشتم

ولی کد های شما شباهت زیادی به نمونه ای که من گذاشتم نداره

شما عکس زیر ببینید

من میخوام اینطوری باشه

------------------------------------------------------------------------------------------------------------------

البته با یه کوچولو تغییر منو اصلی ها خوب شد

ولی منو اول که زیر منو هم اختصاص دادمش چرا اینطوری شده