gol
gol

«ابوسعید ابوالخیر»

hardy
گیرم که هزار مصحف از بر داری

با آن چه کنی؟ که نفس کافر داری!

سر را به زمین چه می‌نهی بهر نماز؟

آنرا به زمین بنه که بر سر داری!!

×

توجه : دو ارسال نخستِ کاربرانِ جدید در تالار میدوری , پیش از نمایش , نیاز به تایید مدیریت دارند.

Latest Threads  آخرین ارسال ها :
نمایش آخرین ارسال این موضوع
 
امتیاز موضوع:
  • 9 رأی - میانگین امیتازات : 2.56
  • 1
  • 2
  • 3
  • 4
  • 5
 
  
1 کاربر حاضر در تاپیک: (0 عضو, و 1 مهمان). 1 مهمان
نویسنده:میدوری
آخرین ارسال:میدوری
پاسخ: 1
بازدید: 1113
subscription
quickreply advancequickreply report



( MyBB ) آموزش درست کردن منوی شناور
  نویسنده پیام  | تغییر اندازه ی متن:  zoomin zoomout default
admin میدوری profile  
آفلاین
مدیر کل تالار
مدالهای میدوری1000500
1001011720
168241051
دسترسی به میدوری
مشاهده وب سایت کاربر یافتن تمامی ارسال های این کاربر
اطلاعات میدوری


تاریخ عضویت: 05 November 2011

ارسال ها: 1,720
شماره کاربری: 1
میزان اعتبار:

محل سکونت: تهران
ماه تولد:
جنسيت:
تماس با میدوری
حالت میدوری
صفحه های میدوری
گوگل پلاس فیس بوک توییتر یوتیوب کلوب
اینستاگرام تلگرام
سپاس های میدوری
سپاس کرده 30 بار
سپاس شده 311 بار
گپی با میدوری
ارسال: #1
Heart آموزش درست کردن منوی شناور

rightarrow
آموزش درست کردن منوی شناور
حتما تا کنون وارد سايت هايی شده ايد که هنگامی که اسکرول را به پايين می کشيد منوی سايت در بالاترين قسمت سايت همراه با شما به پايين کشيده می شود . در اين مطلب قصد دارم به شما آموزش دهم که چگونه چنين منويی با استفاده از CSS و jQuery برای سايت خود ايجاد کنيد . ابتدا تصویر های ضمیمه را ببینید یکی در حالت عادی و دیگری در حرکت اسکرول به پایین .

توجه : این یک ایده اولیه است و نیاز به کار بیشتر دارد و با کمی تغییر و زیبا سازی که توسط شما انجام می شود به کمال می رسد .
================
image image
================
اگر علاقه مند شدید پس دست به کار شوید .
گام یکم : کد HTML زیر را در header ایجاد کنید

برای دیدن نوشته های این بخش , نام نویسی کنید و یا وارد شوید .

گام دوم : در گلوبال سی اس اس , کد css برای ايجاد منو را به صورت زير ايجاد می کنيم.

برای دیدن نوشته های این بخش , نام نویسی کنید و یا وارد شوید .

در کد CSS تمامی موارد به صورت معمول می باشند . تنها class متفاوت ps-nav می باشد که تعيين می کند منو در وضعيت fixed در بالای سايت نمايش داده شود . اين کد با استفاده از jQuery فعال و غير فعال می شود .

گام سوم : کد جاوای زير را در ابتدای بخش header جايگذاری کنید .

برای دیدن نوشته های این بخش , نام نویسی کنید و یا وارد شوید .

در اين کد مشخص می کنيم که اگر اسکرول سايت بيشتر از 150 پيکسل پايين آورده شد , class مورد نظر ما يعنی ps-nav فعال شود . و در غير اينصورت غير فعال و حذف شود .

گام چهارم : فراموش نکنيد که کد زير را حتما در بخش headerinclude سايت خود فراخوانی کنيد . ( با وضعیت گوگل در ایران بهتر است فایل زیر را دانلود و در هاست خودتان آپلود کنید )
برای دیدن نوشته های این بخش , نام نویسی کنید و یا وارد شوید .

کار تمام است و باقی کارها با شماست . Cool




امضای میدوری :
[تصویر: mvd09b5.gif]
[تصویر: midori-sign-400.png]
( آخرین ویرایش در این ارسال: 24 - November - 2013 33 : 12 AM، توسط : میدوری .::. دلیل ویرایش: )
محل حضور کاربر در تالار :  admin میدوری در تالار ميدوری حضور ندارد .
ديدگاه کاربران برای مطلب : help (روی آیکون مورد نظر کلیک کنید تا دیدگاه شما ثبت شود . در صورت انصراف تا دوبار می توانید دیدگاه خود را ثبت کنید . برای پاک کردن دیدگاه روی همان آیکون یک بار کلیک کنید تا دیدگاه شما پاک شود .)

برچسب ها :

02 - July - 2013 28 : 11 AM
نقل قول این ارسال در یک پاسخ


subscription
quickreply advancequickreply report

موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
MYBB mybb اضافه کردن دکمه به ادیتور SCEditor مای بی بی 1.8.4 میدوری 5 8,116 03 - August - 2016 17 : 03 PM
آخرین ارسال: میدوری
MYBB mybb [1.8] اضافه کردن ساید بار به انجمن ساز مای بی بی میدوری 5 1,100 09 - June - 2016 32 : 03 PM
آخرین ارسال: آشپزخانوم
MYBB mybb [1.8] اضافه کردن آمار گرافیکی و متحرک به بخش آمار انجمن میدوری 2 1,090 15 - May - 2016 51 : 05 PM
آخرین ارسال: میدوری
MYBB mybb [1.6] اضافه کردن آمار گرافیکی و متحرک به بخش آمار انجمن میدوری 0 535 14 - May - 2016 21 : 08 PM
آخرین ارسال: میدوری
Heart mybb درست کردن ساید بار بدون پلاگین و کوئری فقط با CSS میدوری 2 1,432 07 - January - 2016 07 : 11 PM
آخرین ارسال: میدوری

بازديدکنندگان از موضوع
کاربرانی که از موضوع بازدید کرده اند ( 14 ) کاربر




1 کاربر حاضر در تاپیک: (0 عضو, و 1 مهمان). 1 مهمان