PDA

View Full Version : سوال: ساخت منوی دارای عکس



hamedeslahi
یک شنبه 24 شهریور 1392, 02:14 صبح
با سلام چند وقته می خوام یه منو بسازم که تووش عکس داشته باشه و ابشاری باشه اما هر کاری می کنم نمی تونم
یه منو شبیه سایت زیر می خوام

http://www.iran-mg.com/

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

mhbitarafan
یک شنبه 24 شهریور 1392, 15:04 عصر
این سایتی که گفتید منوش رو با سی اس اس 3 درست کرده که البته منوی آماده زیاد هست
فقط باید بگردی از گوگل پیدا کنی ...
سرچ کن css3 menu پیدا میکنی حتما ...

tadayoni
یک شنبه 24 شهریور 1392, 16:09 عصر
ساختار منوهایی که میبینی از div هست و ul li نیست
با استفاده از hover کردن روی منوی اصلی زیر منوی اون که شامل یک div هست که ساختار و اطلاعات مورد نظر شما رو داره نمایش داده میشه
داخل div هم که میتونیم هر چیزی با هر استایلی بذاریم

Omid Jackson
یک شنبه 24 شهریور 1392, 17:49 عصر
این منویی که ایشون برای نمونه گذاشتن من دیدم با table درست کرده بودن که استاندارد نیست

tadayoni
یک شنبه 24 شهریور 1392, 23:16 عصر
این منویی که ایشون برای نمونه گذاشتن من دیدم با table درست کرده بودن که استاندارد نیست
بله اون منو با table هست که اصولی نیست . منظور بنده هم این بود که اصولی اون با div‌هستش

hamedeslahi
دوشنبه 25 شهریور 1392, 00:26 صبح
ممنون از جوابای دوستان
متاسفانه یکی گیر داده این منو رو می خواد
اگه کسی از دوستان بتونه برام درستش کنه یا کدشو بهم بده که توو hover چی بنویسم یا منوی اماده ای به سبک این منو بهم بده ممنون می شم

Omid Jackson
دوشنبه 25 شهریور 1392, 01:35 صبح
دوست عزیز نوشتنش بستگی به خلاقیت خودتون داره
میتونین اینا رو آماده کنین و بهش موقعیت بدین بعدش display رو none کنین که نشون نده و position رو relative بعد با استفاده از jQuery یا JS میتونین hover رو درست کنین که display رو عوض کنه
و اینکه این منو رو با div بسازید و از background-image برای عکس استفاده کنین
این (http://jsfiddle.net/OmidJackson/A9uCw/) اصلا کد تمیزی نیست ولی مفهوم رو میرسونه

refugee
دوشنبه 25 شهریور 1392, 12:06 عصر
دوست عزیز نوشتنش بستگی به خلاقیت خودتون داره
میتونین اینا رو آماده کنین و بهش موقعیت بدین بعدش display رو none کنین که نشون نده و position رو relative بعد با استفاده از jQuery یا JS میتونین hover رو درست کنین که display رو عوض کنه
و اینکه این منو رو با div بسازید و از background-image برای عکس استفاده کنین
این (http://jsfiddle.net/OmidJackson/A9uCw/) اصلا کد تمیزی نیست ولی مفهوم رو میرسونه

از امید جکسون خوشم میاد هم توضیح کامل در مقابل پرسش میده و هم زحمت میکشه نمونه حاضر میکنه میذاره .

ممنونم امید جان . به نظرم استارتر باید فهمیده باشه , راحت توضیح داده بودی .

hamedeslahi
چهارشنبه 27 شهریور 1392, 00:18 صبح
ممنون از همه ی دوستان