Mahdigp

ایجاد منوی چسبان (ثابت) با CSS3

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

منوهای ثابت رو حتما دیدید؟ برای مثال دکمه گوگل پلاس در سایت میهن دانلود که در گوشه سمت راست قرار دارد و با حرکت اسکرول صفحه اون کادر هم حرکت می کند .

mihandlgplus.png

خب امروز قصد داریم آموزش ساخت این منو رو برای شما شرح دهیم .

مثل آموزش های قبلی، شما باید با CSS و HTML آشنایی داشته باشید . اینبار هم با قدرت CSS3 میخواهیم این آموزش را کامل کنیم.

ابتدا طرح اولیه را در صفحه html میریزیم.

0

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


لینک به پست

سرچ کنید لطفا

0

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


لینک به پست

سلام

سرچ کنید لطفا

این دوستمون آموزش گزاشتن.

توضیح اینجا آموزش در سایت خودشون!

دوست عزیز

اگر قرار هست آموزش بزارید حداقل کلش رو اینجا بزارید و بعد منبع رو به سایت خودتون لینک بدید.

5

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


لینک به پست
مهمان
این موضوع برای عدم ارسال قفل گردیده است.

  • مطالب مشابه

    • توسط unid_user
      سلام و درود
      دوستان گرامی ، فکر میکنم قسمتی از یک وب سایت از clip path برای background استفاده کرده باشه که می خوام مشابه به اون رو طراحی کنم. آدرس سایت و تصویر رو می زارم لطفا راهنمایی کنید.
      مشاهده سایت
       

    • توسط eh58san
      سلام روزتون بخیر استاتید محترم نیازمند پلاگین یا روشی برای ایجاد چنین منو هایی میباشم: لینک سایت  در صورتی که امکانش هست ممنون میشم راهنمایی فرمایید
       

    • توسط unid_user
      سلام و درود
      دوستان گرامی ، یه منو برای حالت موبایل ساختم که بنظرم خودم کدهاش کاملا درسته اما نمیدونم چرا وقتی روی li دوم از ul دوم هم کلیک میکنم. فرقی نمیکنه و تمام منو بسته میشه.
      لطفا ویدئو رو ببینید حتما متوجه منظورم میشید. حجم ویدئو 40 کیلوبایت هست.
      کدهای جی کوئری:
      $("span.mobile-nav-toggle").click(function() { $("nav#mobile-nav > ul").slideToggle(400); }); $("ul.mobile-nav-ul > li:has(ul)").addClass('dropdown'); $("ul.mobile-ul-1 > li:has(ul)").addClass('dropdown'); $("ul.mobile-nav-ul > li.dropdown").click(function() { $(" > ul.mobile-ul-1", this).slideToggle(400); }); $("ul.mobile-ul-1 > li.dropdown").click(function() { $(" > ul.mobile-ul-2", this).slideToggle(400); });  
      nav menu.webm
      با تشکر و سپاس
    • توسط 2raj
      سلام و عرض ادب
      جدیدا با یه مشکل روبرو شدیم و اونم عدم نمایش زیر منو ها هست.اگر در عکس دقت کنید متوجه میشید که بعد از منو خدمات مالی و حسابداری که منوی خدمات مجالس و تشریفات ،خدمات چاپ و تبلیغات،خدمات ثبت ، تاسیس و تغییر انواع شرکت و... وجود داره نمایش داده نمیشه حتی با اسکرول به پائین هم نمیتونیم اونهارو مشاهده کنیم
      حالا ممنون میشم اگر که ممکنه مشکل رو بررسی کنید و راه حلی ارائه بدید
      آدرس سایت
      سپاس

    • توسط kalantari
      فهرستی داخل سایتم ساختم
      اما زمان اجرا داخل سایت، وقتی  از روی گزینه مادر می خوام به سمت گزینه فرزند (زیر منو) حرکت کنم کلا زیر منوها ناپدید می شن و نمی تونم منو و زیر منوها رو ببینم
      ممکنه راهنماییم کنید؟