طراحی و بهینه سازیمشاهده

آخرین ارسال های تالار مشاهده انجمن

عنوانپاسخبازدیدتوسط
iconforumمدیریت محتوای فروشگاهی015irantesco
iconforumسئو سایت اینتکس227H A S A N
iconforumمشکل در آپدیت نشدن مطالب ایندکس شده و ایندکس نشدن مطالب جدید348sir-mahan
iconforum" صندلی داغ " - 25 بهمن ماه 1395 - mrrashidpour2821000mrrashidpour
iconforumدرخواست راهنمایی441H A S A N
iconforumکمک در طراحی سایت تخته نعل انلاین021mousavi1376
iconforumدرخواست کد html بخش تیم ما023Farzadtehran1390
iconforumفیلتر حرفه ای ووکامرس487AynaZ
iconforumچرا به اپل آیدی نیاز داریم؟!2202AynaZ
iconforumقیمت کانکس468AynaZ
iconforum17 تکنیک انتخاب عناوین جذاب برای وبلاگ و سایت131AynaZ

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش سوئیفت SWIFT آموزش سوئیفت Swift برنامه نویسی اپل

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

هاست درگاه پرداخت

آموزش ساخت منو ثابت با کمک جی کوئری

آموزش ها , مقالات,آموزش,ترفند
آموزش ساخت منو ثابت با کمک جی کوئریReviewed by Admin on Jul 30Rating:

در پست آموزشی_اسکریپتی امروز، میخواهیم با کمک جی کوئری و سی اس اس یک منوی ثابت (fixed) ساده و کاربردی را بسازیم که با حرکت اسکرولر به سمت پایین، این منو نیزهمگام با آن حرکت کند.در ساخت این منو، 3 بخش اساسی CSS ، HTML و جی کوئری دخالت دارند.

در بخش اول:

کدهای html زیر را در مکانی که میخواهید منو اصلی به نمایش در بیاید قرار دهید (مثلا در بخش header).

 

در ادامه بخوانید  انتشار پنجمین شماره ماهنامه طراحی وب

در بخش دوم:

نوبت به استایل دهی می رسد، بنابراین قطعه کد زیر را در شیوه نامه قالب خود قرار دهید (البته در این منو بر زیباسازی تأکید چندانی نشده و شما می توانید هر نوع استایلی را که خواستید به آن بدهید).

* سلکتور f-nav، نام کلاسی است که در بخش جی کوئری ساخته خواهد شد.

 

در ادامه بخوانید  ساخت نشانگر صفحات وردپرس

و در بخش آخر:

به مرحله اصلی کار می رسیم، یعنی قرار دادن یک شرط جهت بررسی فاصله اسکرولر از بالا و تعریف یک کلاس جدید (با کمک دستور addClass) جهت استایل دهی به آن.

و کار تمام است.

فراموش نکنید، جهت استفاده از کدهای جاوا اسکریپت حتما باید کتابخانه جی کوئری فراخوانی شده باشد.

تبلیغات


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1393/05/8 4 آموزش ها , مقالات,آموزش,ترفند

لینک کوتاه مطلب : http://www.20script.ir/?p=7726

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
6,127آموزش نصب آپلودسنتر میهالیسم فارسی تاریخ : 1393/03/25
2,059آموزش تغییر نویسنده مطالب در وردپرس تاریخ : 1395/07/28
3,135محدود کردن تعداد برچسب ها در ابزارک ابر برچسب وردپرس تاریخ : 1393/01/28
1,782انتشار پنجمین شماره ماهنامه طراحی وب تاریخ : 1393/06/6
2,308نمایش مطالب مرتبط بدون افزونه در وردپرس تاریخ : 1394/05/11
2,926ارور 404 در صفحه مطالب وردپرس تاریخ : 1394/05/16
1,869چندین ترفند کاربردی برای وردپرس تاریخ : 1392/10/21
2,367هشتمین شماره ماهنامه طراحی وب منتشر شد تاریخ : 1393/11/2
1,934کد نمایش مطلب یک دسته خاص در وردپرس تاریخ : 1393/01/12
1,394نشانه گذاری خودکار دیدگاه های حاوی لینک های طولانی به عنوان جفنگ تاریخ : 1395/01/25
13,998آموزش رفع مشکل نصب افزونه و قالبهای وردپرس تاریخ : 1392/10/20
35,397تبدیل ریال به تومان در Easy Digital Downloads تاریخ : 1393/08/4
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب