قالب وردپرس
باشگاه وردپرس باشگاه جوملا فیلم آموزشی فروشگاه

تصاحب صفحه اول گوگل با پکیج نبرد برای صفحه اول گوگل

ایجاد بخش چسبان با کد جی کوئری Sticky Menu

ایجاد بخش چسبان با کد جی کوئری Sticky MenuReviewed by مهدی ایمانپور on Mar 3Rating: 3.0ایجاد بخش چسبان با کد جی کوئری Sticky Menuبرای این ساعت از اسکریپت بای آموزش ایجاد بخش چسبان با کد جی کوئری Sticky Menu رو آماده کرده ایم . در طراحی انواع قالب میتوان با کد جی کوئری و CSS بخشی رو بعنوان بخش چسبان ایجاد کرد . می توان تنها با استفاده از css و دستور position:fixed اجزاء ثابت ایجاد کرد تنها عیب استفاده از css تنها عدم ایجاد قابلیت بهره گیری از اسکرول صفحه می باشد یعنی هر بخشی که ثابت شد همیشه در همانجا نمایش داده می شود ولی با بکارگیری jquery می توانیم اسکرول کردن کاربر را شناسایی کنیم و در صورتیکه از ارتفاع مشخصی طی شد منو یا بخش چسبان نمایش داده شود در حقیقت کار حرفه ای تر می شود.

browser-bar-new

 

برای این ساعت از اسکریپت بای آموزش ایجاد بخش چسبان با کد جی کوئری Sticky Menu رو آماده کرده ایم . در طراحی انواع قالب میتوان با کد جی کوئری و CSS بخشی رو بعنوان بخش چسبان ایجاد کرد . می توان تنها با استفاده از css و دستور position:fixed اجزاء ثابت ایجاد کرد تنها عیب استفاده از css تنها عدم ایجاد قابلیت بهره گیری از اسکرول صفحه می باشد یعنی هر بخشی که ثابت شد همیشه در همانجا نمایش داده می شود ولی با بکارگیری jquery می توانیم اسکرول کردن کاربر را شناسایی کنیم و در صورتیکه از ارتفاع مشخصی طی شد منو یا بخش چسبان نمایش داده شود در حقیقت کار حرفه ای تر می شود.

حتما بخوانید  غیر فعال کردن بازیابی رمز عبور در وردپرس

 

اگر می خواهید از کد برای ساخت Sticky Menu منوی چسبنده استفاده کنید، کدهای jquery زیر را در سربرگ header قالب تان بعد از کتابخانه جی کوئری کپی کنید :

 

 

 

کلاس .nav مشخص کننده بخشی است که می خواهیم بعد از رسیدن کاربر به آن با اسکرول موس در صفحه ثابت شود می توانید کلاس nav را به منو، هدر، جدیدترین مطالب در ستون های کناری سایت و … اختصاص دهید. سپس کدهای css بالا را در فایل شیوه نامه style.css پوسته تان کپی کنید. توسط کلاس تعریف شده منو چسبنده به صورت تمام صفحه و در بالاترین بخش صفحه نمایش قرار می گیرد. اگر می خواهید تمام صفحه نباشد تمام دستورها بجز دستور position:fixed را حذف کنید.

حتما بخوانید  لینک بیلدینگ چیست ؟

 

راستی اگه اهل کد نیستید میتوانید برای وردپرس از افزونه Sticky Menu استفاده کنید . چطوری ؟ ! کافیه آموزش زیر را در تالار گفتگوی توکاوب مشاهده کنید

 

ایجاد منوی چسبان در وردپرس با افزونه Sticky Menu

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

با ثبت نام در خبرنامه ایمیلی ما آموزش ها را در ایمیل خود داشته باشید.

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

تعداد اعضای خبرنامه : 1218743 نفر ، آیا 1218743 عضو اشتباه کرده اند ؟ ! !

موقعیت شما
پیشنهاد می کنیم
  1. همتی گفت:

    خیلی عالی بود
    به یه نفر اینو گفته بودم میگفت 15 تومان کار کدنویسیش هست …. واقعا دستتون درد نکنه

    • مهدی ایمانپور مهدی ایمانپور گفت:

      درود ! خوشحالیم که تونستیم نیاز شما را برطرف کنیم . بازم سر بزنید . موفق باشید

قبل از نوشتن دیدگاه به نکات زیر توجه کنید

  1. نظراتی که با تایپ فارسی نباشند پاسخی دریافت نخواهند کرد
  2. ديدگاهتان را فقط در رابطه با همين موضوع ثبت کنيد در غير اينصورت پاسخ داده نخواهد شد
  3. جهت مطرح کردن سوالات غیر مرتبط و حل مشکلات خود به تالار گفتگوی توکاوب مراجعه کنید
  4. استفاده از نام هاي تبليغاتي و آدرس سايت های غير مرتبط باعث عدم تاييد و پاسخ به ديدگاه مي شود

دیدگاه خود را بیان کنید


فروشگاه قوانین آپلودسنتر طراحی سایت مهدی ایمانپور تالار گفتمان پاسخگوی سوالات
همیشه و در همه جا از آخرین اعلانات سایت با خبر باشید
برای عضویت در خبرنامه پیامکی سایت، عدد 7 را به شماره 50002060757500 ارسال کنید
دانلود اسکریپت