سلام ، آیا این بازدید اول شماست ؟ یا
نمایش نتایج: از شماره 1 تا 3 , از مجموع 3

موضوع: آموزش ساخت هدر چسبنده

  1. #1

    تاریخ عضویت
    Jun 2011
    محل سکونت
    IRAN
    نوشته ها
    193
    تشکر
    18
    تشکر شده 137 بار در 103 ارسال

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

    اکثر طراح ها تایید می کنند که منوی اصلی یا همون منوی ناوبری یک سایت، یکی از مهمترین بخش های یک سایت است. اما همیشه استفاده و دسترسی به این قسمت آسان نیست!
    در طراحی کلاسیک، کاربرها باید برای دسترسی به منوی بالای سایت، به سمت بالا اسکرول کنند، اما این مشکل رو میشه با منو های چسبنده برطرف کرد. منو یا هدر چسبنده باعث میشه، منوی اصلی ما همیشه در دسترس کاربر قرار داشته باشه و کاربر رو به سریعترین شکل ممکن، به قسمت های مختلف سایت راهنمایی می کند.

    منوی های چسنبده انواع مختلفی دارند، مثلا در ساده ترین روش، میتونیم هدر رو در بالای سایت فیکس کنیم و یا مثلا در صورتی که هدر با بالای سایت فاصله داشت، با رسیدن اسکرول به منوی اصلی، این منو در بالا فیکس شود.
    اما روشی که من قصد دارم اون رو به شما معرفی کنم با انواع دیگه یک فرق اساسی دارد. در این روش هدر سایت به صورت پیشفرض در بالای سایت فیکس میشه، اما در صورت اسکرول کاربر به سمت پایین ، هدر نمایش داده نمیشه و فقط در صورتی که کاربر به سمت بالا (فقط یک پیکسل) اسکرول کرد، منو یا هدر ما نمایش داده میشود.
    تفاوت اصلی این روش در این است که، در صورت اسکرول به سمت پایین هدر نمایش داده نمیشود و این مزیت اصلی این روش از منوی چسبنده است. اگر سایز هدر ما مثلا ۱۵۰ پیکسل باشه، در صورتی که از روش های قدیمی منوی چسبنده استفاده کنیم، زمانی که کاربر به سمت پایین اسکرول میکنه، به اندازه ارتفاع هدر،(مثلا ۱۵۰ پیکسل) فضای سایت غیر قابل استفاده میشود و کاربر باید سایت رو در یک فضای کوچکتر ببیند.
    اما در این روش، در صورت اسکرول به سمت پایین هدر نمایش داده نمیشه و فقط زمانی که کاربر به سمت بالا اسکرول کند، نمایش داده خواهد شد.
    از این روش از هدر چسبنده در سایت joomplate و قالب [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]استفاده کردیم.
    در ادامه میتونید با مشاهده فیلم زیر با نحوه طراحی این نوع از هدر چسبنده آشنا بشید.


    فایلهای قالب استفاده شده رو هم میتونید از لینک زیر دریافت کنید:
    [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

    [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

    [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
    ویرایش توسط ezoji : 06-27-2015 در ساعت 12:27 AM

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  2. 3 کاربر زیر از ezoji عزیز به خاطر این پست مفید تشکر کرده اند.


  3. # ADS
    تبلیغات در جوملا فارسی
    تاریخ عضویت
    Always
    محل سکونت
    Advertising world
    نوشته ها
    Many
     

  4. #2
    Admin
    تاریخ عضویت
    Dec 2005
    محل سکونت
    U.A.E
    نوشته ها
    13,222
    تشکر
    318
    تشکر شده 1,338 بار در 652 ارسال
    سلام
    ممنون از به اشتراک گذاشتن این آموزش

    اگر لطف کنید و آموزش ها را در دانشنامه جوملا فارسی منتشر کنید افراد بیشتری از آن بهره می برند

    یا علی

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  5. کاربر مقابل از firoozmandan عزیز به خاطر این پست مفید تشکر کرده است:


  6. #3

    تاریخ عضویت
    Jun 2011
    محل سکونت
    IRAN
    نوشته ها
    193
    تشکر
    18
    تشکر شده 137 بار در 103 ارسال
    سلام
    چشم، بزودی چند اموزش اخر رو به دانشنامه اضافه میکنم.
    یا حق

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  7. کاربر مقابل از ezoji عزیز به خاطر این پست مفید تشکر کرده است:


موضوعات مشابه

  1. آموزش انتقال قالب جوملا1.5 به قالب جوملا2.5 (آموزش)
    توسط h_zaman06 در انجمن قالب های جوملا 2.5 فارسی
    پاسخ ها: 2
    آخرين نوشته: 04-15-2012, 08:11 AM
  2. ماژول انجمن های آموزش * ! *
    توسط mk2 در انجمن ماژول های مامبو فارسی
    پاسخ ها: 3
    آخرين نوشته: 08-26-2008, 02:45 PM
  3. آموزش قدم به قدم اضافه کردن شکلک
    توسط mohsen71 در انجمن گرافیک و قالب SMF
    پاسخ ها: 6
    آخرين نوشته: 06-20-2008, 02:35 AM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •