WFruit | Fruit Supplier and Wholesale
نمایش نتایج: از 1 به 3 از 3

موضوع: پلاگین جی کوئری autoPos محصولی از طراحان نوین

  1. Top | #1
    مدیر بازنشته

    تاریخ عضویت
    May 2012
    ورژن ویبولتین
    4
    نوشته ها
    2,570
    مورد پسند
    2,129 بار
    اطلاعات
    Windows 8 Firefox 36.0
    میزان امتیاز
    308

    پیش فرض

    درود دوستان عزیز
    شاید سایت های مختلفی به چشمتون خورده باشه (مثل pinterest) که با وجود این که طول مطالبشون فرق داره ، اونا رو در ستون های منظمی زیر هم میچینن ، شاید برایتون سوال پیش بیاد که خوب کدش چطور نوشته شده و با اینسپکت گرفتن ازش در کمال تعجب میبینید که position ها کاملا absolute هستن و در عین حال سایت رسپانسیوه.
    کمی گیج کنندست که چطور چنین کاری ممکنه ؟
    خب جوابش سادست ، جی کوئری ، اما کدش پیچیدست و نوشتنش تحلیل زیادی ممکنه بخواد در صورتی که تعداد خطوط ممکنه کم باشه و این دقیقا چیزیه که من بهش رسیدم !
    خب بگذریم و برسیم سراغ توضیحات ، شما کافیه پس از لود کردن جی کوئری در سایتتون ، پلاگین autopos-1.01.js رو (که امروز نوشتمش) لود کنید در فایلتون و سپس فانکشن رو فراخوانی کنید
    کد HTML:
    autoPosition('#parent id','children');
    اصلا هم نگران رسپانسیو بودن نباشید ، کافیه فراخواننده ی فانکشن رو در رویداد resize در window بذارید و رسپانسیو کردن سایتتونو کاملا عادی از css انجام بدید
    به جای #parent id ای دی المنتی که در خودش همه محتوایی که قراره چیده بشن رو قرار بدید ، و به جای children هم سلکتوری برای فرزندان اون المنت مثلا من اگر بخوام li هایی که در #articles هستن رو انتخاب کنم مینوسم

    کد:
    #articles > li
    پلاگین و فایل دمو پیوست شد !
    موفق باشید

    ورژن جدید با رفع مشکل اپدیت شد
    فایل های پیوست شده فایل های پیوست شده
    ویرایش توسط Roach : 2015/03/18 در ساعت 01:37 PM دلیل: ادغام دو پست

    3 تشکر توسط:






  2. گیفت کارت آیتونز

  3. Top | #2
    کاربر سایت

    تاریخ عضویت
    Jan 2014
    ورژن ویبولتین
    4.2.2
    نوشته ها
    221
    مورد پسند
    52 بار
    اطلاعات
    Windows NT 6.3 Chrome 41.0.2272.89
    میزان امتیاز
    30

    پیش فرض

    نقل قول نوشته اصلی توسط Roach نمایش پست ها
    درود دوستان عزیز
    شاید سایت های مختلفی به چشمتون خورده باشه (مثل pinterest) که با وجود این که طول مطالبشون فرق داره ، اونا رو در ستون های منظمی زیر هم میچینن ، شاید برایتون سوال پیش بیاد که خوب کدش چطور نوشته شده و با اینسپکت گرفتن ازش در کمال تعجب میبینید که position ها کاملا absolute هستن و در عین حال سایت رسپانسیوه.
    کمی گیج کنندست که چطور چنین کاری ممکنه ؟
    خب جوابش سادست ، جی کوئری ، اما کدش پیچیدست و نوشتنش تحلیل زیادی ممکنه بخواد در صورتی که تعداد خطوط ممکنه کم باشه و این دقیقا چیزیه که من بهش رسیدم !
    خب بگذریم و برسیم سراغ توضیحات ، شما کافیه پس از لود کردن جی کوئری در سایتتون ، پلاگین autopos-1.01.js رو (که امروز نوشتمش) لود کنید در فایلتون و سپس فانکشن رو فراخوانی کنید
    کد HTML:
    autoPosition('#parent id','children');
    اصلا هم نگران رسپانسیو بودن نباشید ، کافیه فراخواننده ی فانکشن رو در رویداد resize در window بذارید و رسپانسیو کردن سایتتونو کاملا عادی از css انجام بدید
    به جای #parent id ای دی المنتی که در خودش همه محتوایی که قراره چیده بشن رو قرار بدید ، و به جای children هم سلکتوری برای فرزندان اون المنت مثلا من اگر بخوام li هایی که در #articles هستن رو انتخاب کنم مینوسم

    کد:
    #articles > li
    پلاگین و فایل دمو پیوست شد !
    موفق باشید

    ورژن جدید با رفع مشکل اپدیت شد
    ممنون طریقه استفاده از 0 تا 100 را اگه جاای هست بگین ممنون میشم
    5.5 امکان قرار دادن بیش از یک لینک یا بیش از یک عکس در امضا وجود ندارد.

  4. Top | #3
    مدیر بازنشته

    تاریخ عضویت
    May 2012
    ورژن ویبولتین
    4
    نوشته ها
    2,570
    مورد پسند
    2,129 بار
    اطلاعات
    Windows 8 Firefox 36.0
    میزان امتیاز
    308

    پیش فرض

    درود
    توضیح داده شد دوست عزیز
    کافیه جی کوئری رو لود ، سپس پلاگین رو لود کنید
    و در document.ready و window.resize تابع رو فراخوانی و parent و child مورد نظر رو معرفی کنید

    فایل دمو رو دریافت کنید مشخصه


اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

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

  1. پاسخ: 0
    آخرين نوشته: 2015/03/10, 04:16 PM
  2. پاسخ: 0
    آخرين نوشته: 2014/11/16, 12:24 PM
  3. 70 درصد تخفیف ویژه محصولات شرکت توسعه فن آوری سارینا
    توسط harbiline در انجمن هاستینگ و دومین
    پاسخ: 1
    آخرين نوشته: 2014/07/29, 12:08 PM
  4. پاسخ: 0
    آخرين نوشته: 2014/06/29, 01:51 AM
  5. پاسخ: 18
    آخرين نوشته: 2012/09/02, 03:25 AM

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

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

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

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