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

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

عنوانپاسخبازدیدتوسط
iconforumطراحی131gholamreza-alipoor
iconforumتغییر نکردن فونت سایت در وردپرس353sun.night902
iconforumتغییر دامین در ورپرس775sun.night902
iconforumخرید شریکی اسکریپت2114gholamreza-alipoor
iconforumدرخواست هاست اسپانسری11188gholamreza-alipoor
iconforumافزونه کامل و حرفه ائی کامنت وردپرس + Full Comments013AynaZ
iconforumشبکه‌های موبایلی ایران چقدر درآمد خواهند داشت؟012AynaZ
iconforumارائه خدمات پرداخت آنلاين با زرين پال125AynaZ
iconforumافزونه کوتاه کننده لینک11163AynaZ
iconforumلایک وردپرس658AynaZ
iconforumدرخواست افزونه336AynaZ
درگاه پرداخت
درگاه پرداخت

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

آموزش ها , مقالات,آموزش,ترفند
آموزش ساخت منو ثابت با کمک جی کوئری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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
3,341لایک و دیسلایک برای Nuke 8.3 تاریخ : 1392/07/28
11,840آموزش نحوه تغییر آدرس ورود به مدیریت وردپرس تاریخ : 1394/05/20
1,975کد جی کوری : تکه کدهای جی کوری مفیدی که باید یاد بگیرید! تاریخ : 1392/07/28
1,622افزودن تصویر شاخص به خوراک وردپرس تاریخ : 1393/07/23
1,798نمایش سایر مطالب نویسنده در هر پست وردپرس تاریخ : 1394/05/11
2,952اسکریپت مدیریت کاربران CodeIgniter User Manager تاریخ : 1393/08/9
2,159ویرایش صفحه ی ورود و خروج در وردپرس تاریخ : 1393/05/9
1,052نشانه گذاری خودکار دیدگاه های حاوی لینک های طولانی به عنوان جفنگ تاریخ : 1395/01/25
57,729آموزش کامل تصویری نصب و کار با ووکامرس تاریخ : 1392/09/3
2,110آموزش اجرای فیلم در پس زمینه وب سایت توسط Html5 و CSS3 تاریخ : 1394/04/22
1,477نحوه تغییر رنگ نوار آدرس مرورگرهای موبایل برای هماهنگی با رنگ وردپرس تاریخ : 1395/01/11
3,147آموزش کامل برنامه نویسی اندروید به زبان فارسی تاریخ : 1395/08/12
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب