سعید شعبانی

راهنمایی برای ساخت منو ناوبری Off-Canvas برای قالب ریسپانسیو

8 پست در این موضوع قرار دارد

دوستان سلام

در سایت smashing magazine مقاله ای در مورد منو های ناوبری ریسپانسیو نوشته بودند. من می خواهم آخرین نوع آن منو یعنی منو ریسپانسیو با استفاده از Transitioning سی اس اس را در سایتم قرار بدم. ولی در این مطلب به صورت کامل روش ساخت این منو را نگفته بود لطف می کنید روش ساخت این منو را بفرمایید.

0

به اشتراک گذاری این پست


لینک به پست

کدهاش توی دوم هست:

http://dbushell.github.io/Responsive-Off-Canvas-Menu/step4.html

از روی همین استفاده کنید

2

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

این منو و منو های مشابه تمام صفحه رو به راست یا چپ انتقال می دهند ولی من می خواهم مثلا فقط بخش سایدبار پنهان بشه و با کلیک روی دکمه مثلا "نمایش سایدبار" سایدبار به نمایش در بیاد. دقیقا مثل سایت 1پزشک که عکسش رو اینجا می گذارم

post-412-0-02550900-1372687747_thumb.jpg

ویرایش شده در توسط سعید شعبانی
0

به اشتراک گذاری این پست


لینک به پست

شما از مدیا کوئری استفاده کردید؟

0

به اشتراک گذاری این پست


لینک به پست

شما از مدیا کوئری استفاده کردید؟

مدیا کوئری چی هست؟ و برای چه بخشی؟

0

به اشتراک گذاری این پست


لینک به پست

شما از مدیا کوئری استفاده کردید؟

بله از مدیا کوئری استفاده کردم.

0

به اشتراک گذاری این پست


لینک به پست

خوب شما توی بخش مدیا کوئری تعریف میکنید که برای مثلا فلان سایز این سایدبار نمایش داده نشه. همون مخفی کنید.

بعد یک دکمه تعریف می کنید که با زدن اون (مثلا با جی کوئری) دئباره سایدبار نمایش داده بشه

0

به اشتراک گذاری این پست


لینک به پست

خوب شما توی بخش مدیا کوئری تعریف میکنید که برای مثلا فلان سایز این سایدبار نمایش داده نشه. همون مخفی کنید.

بعد یک دکمه تعریف می کنید که با زدن اون (مثلا با جی کوئری) دئباره سایدبار نمایش داده بشه

خوب درسته من هم دنبال همون دکمه و یک حالت نرم ولی نه سنگین برای جی کوئری هستم

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط Siaavash
      یک سایت هست که چندین صفحه داره به صورت زیر:
      1- صفحه اصلی
      2- درباره ما
      3- تماس
      4- صفحه نمونه کارها
      5- صفحات هر نمونه کار
      منوی این سایت به صورت همبرگری طراحی شده. می خوام کاربر توی هر صفحه ای که هست وقتی روی منو کلیک می کنه لینک صفحات دیگه نمایش داده بشه. برای مثال:
      وقتی کاربر داخل صفحه اصلی هست لینک شماره های 2-3-4 نمایش داده بشه، و وقتی داخل صفحه تماس هست لینک شماره های 1-2-4 نمایش داده بشه و وقتی داخل صفحات 5 هست لینک شماره های 1-2-3-4 نمایش داده بشه داخل منو
       
      راه حل درست و اصولی برای پیاده کردن این مورد چیه؟
    • توسط kianrad
      سلام
      میخواستم بدونم کسی میتونه مشابه این منو رو به من بگه
      http://verticalmenu.demo.offlajn.com/
      این افزونه برای جوملاست
      من یه منو میخواب که گزینه فیلتر منو ( مثلا وقتی میزنم آشپزخانه تو منوهام بگرده و گزینه منو هایی که توشون آشپزخانه داره رو بیاره ) داشته باشه، ورتیکال باشه و گزینه های هر تیتر منو زیرش باز بشه
      ممنون میشم راهنمایی کنید
      تشکر
    • توسط unid_user
      درود
      برای داینامیک کردن یک منو به مشکل خوردم و واقعا خیلی برام سخته که با توابع وردپرس این منو رو داینامیک کنم. لطفا اگه کسی میتونه کمک کنه؟
      <div class="header-holder hidden-xs hidde-sm"> <div class="logo-wrap"> <div class="logo-resize"></div> <div class="logo">منوی خیلی سخت</div> </div> <ul> <li class="enable-hover" data-menu-position="1" id="about-hmenu"><span class="hoverColor"></span><a href="about.html"><i class="fa fa-user-o"></i>درباره ما</a></li> <li class="enable-hover" data-menu-position="7" id="contact-hmenu"><span class="hoverColor"></span><a href="contact.html"><i class="fa fa-phone"></i>تماس با ما</a></li> <li class="enable-hover" data-menu-position="9" id="blog-hmenu"><span class="hoverColor"></span><a href="blog.html"><i class="fa fa-graduation-cap"></i>آموزش</a></li> <li class="enable-hover" data-menu-position="10" id="portfolio-hmenu"><span class="hoverColor"></span><a href="portfolios.html"><i class="fa fa-handshake-o"></i>نمونه کارها</a></li> <li class="enable-hover" data-menu-position="11" id="services-hmenu"><span class="hoverColor"></span><a href="services.html"><i class="fa fa-laptop"></i>خدمات</a></li> </ul> </div>  
    • توسط j1989m
      سلام 

      یه اسلایدر ریسپانسیو و تاچ میخوام که عناصر داخل هریک از اسلایدها با انیمیشن ظاهر و ناپدید بشن 
      (شبیه اسلایدر این سایت : https://payment24.ir/ ولی خب این تاچ نیست و با بوت استرپه) 

      ببینید مثلا اسلایدر زیر رو با owl carousel ساختم و میخوام با نمایش اسلایدها title و description با انیمیشن دلخواه خودم نمایش و ناپدید بشن: 

      https://codepen.io/j1989mah/pen/VzoOmY 

      با رویدادهای owl carousel میشه اینکارو کرد؟ کسی با ایونت های کاروسل کار کرده؟ 
      https:/owlcarousel2.github.ioOwlCarousel2docs/api-events.html 
    • توسط unid_user
      سلام دوستان
      من با بوت استرپ به مشکل خوردم و در حالت های مختلف موبایل درست نمایش نیمده. من قالبم رو اکثرا با position های absolute و relative ساختم و واقعا برای نمایش رسپانسیو به مشکا خوردم.
      ممنون