View Full Version : سوال: منوی حرفه ای
behzadamin12
دوشنبه 22 تیر 1394, 00:10 صبح
سلام اسم این منو ها چیه یعنی به چی معروفن
و اینکه چه جوری میتونم همچین منویی بسازم
یه سایت که همچین نمونه مثال هایی داره معرفی کنین
با تشکر ویژه از تمام دوستان
133199
133200
harand1
دوشنبه 22 تیر 1394, 01:19 صبح
درود
یه ساید بار هست که با تگ ul ، li ، a و float در css درست شده اون قسمت که کلیک میکنی منو ظاهر میشه با جاوااسکریپت(jquery)هست
Mori Bone
دوشنبه 22 تیر 1394, 02:06 صبح
سلام. ساخت منو یکی از ساده ترین کاراس که. یخورده هم css بلد باشی، یعنی به مقدمات css هم مسلط باشی کافیه برای ساخت منو یا حداقل همچین منویی. تو نت سرچ کوچیک بزنی زیاده. البته اسم خاصی من براش نشنیدم
behzadamin12
دوشنبه 22 تیر 1394, 18:36 عصر
دوستان عزیز من خودمم اینارو میدونم
میخاستم یه سرنخی برای جستجو بدید
و یا یه سایت برای نمونه های آماده
2undercover
دوشنبه 22 تیر 1394, 18:57 عصر
این رو جستجو کنید: Off canvas menu
http://callmenick.com/post/slide-and-push-menus-with-css3-transitions
https://css-tricks.com/off-canvas-menu-with-css-target/
این هم یک پروژه روی گیت هاب:
https://github.com/christophery/pushy
این هم منوی مربوط به Bootstrap که البته کمی متفاوت هست:
https://github.com/christophery/pushy
barnamenevis2016
سه شنبه 23 تیر 1394, 00:39 صبح
سلام...فکر می کنم در درجه اول اون چینش و قالب دهی منوهاست..
این ی نمونه منو...view source اونو بزن و به تگ و ulو li توجه کنید:
https://jqueryui.com/menu/#default
می تونه این جور باشه:
هر منو داخل یک li قرار می گیره و هر منویی که داخل li قرار می گیره یک ul داره که در میانش زیر منو ها قرار می گیره. و مجموعه تمام منو در داخل یک ul قرار می گیره..مثلا:
<ul>
<li>منوی اول-نرم افزار ها
<ul>
<li>دو بعدی</li>
<li>سع بعدی</li>
<ul>
<li>
<li>منوی دوم-نرم افزار ها
<ul>
<li>دو بعدی</li>
<li>سع بعدی</li>
<li>منوی جانی اول-نرم افزار ها
<ul>
<li>دو بعدی</li>
<li>سع بعدی</li>
<ul>
</li>
<ul>
</li>
</ul>
پس اون تک های html بالا فکر می کنم استارت کارت باشه..پس اول با ul و li خوب آشنا شو.بعد باید با css قالب دهی کنی و سبک دهی کنی...که این مرحله دوم کارته....با خصوصیاتی مثل display و position و list-style مخصوصا و ...باید اشنا باشی....پس از قالب دهی و مخفی کردن منوهایی که در حالت طبیعی نباشید نشون داده بشن..می ری سراغ جاوا و رویداد تعیین می کنی...ویا می تونی برای تک li های خاص مثلا onmousemove رو رو تعیین که با رفتن موس روی منو ها فلان تگ یا منو display اش از حالت none و مخفی خارج بشه....
فکر می کنم نکته اصلی و مشکل کار اون غالب دهی...پس اول برو سراغ فالب دهی و ساخت منو ها و جاوا رو کار نداشته باش
afshinz
سه شنبه 23 تیر 1394, 00:54 صبح
دوست عزیز این مدل منویی که عکس گذاشتین of-convas نام دارن که اخیرا خیلی هم استفاده میشه و طرح قشنگی داره. لینکای این صفحه رو نگا کن
موفق باشی
https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=responsive%20off%20canvas%20menu
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.