باکس ریسپانسیو نمایش محتوا 3d Fold Out Reveal

افزودن به علاقه‌مندی‌ها
رایگان
بروزرسانی شده در 02 آذر 1399


  •   فارسی و راست چین شده توسط وب روبیک
  •   گارانتی کیفیت محصولات وب روبیک
  •   پشتیبانی از طریق بخش نظرات
  •   ارائه اختصاصی توسط تیم وب روبیک

محصول فارسی و راست چین شده  محصول فارسی و راست چین شده

دانلود رایگان
باکس ریسپانسیو نمایش محتوا 3d Fold Out Reveal

باکس های نمایش محتوا

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

باکس ریسپانسیو نمایش محتوا  3d Fold Out Reveal

در قالبی که برای شما فراهم کرده ایم، کارت های زیبا و کاربر پسند دارای انیمیشن های فوق العاده پیاده سازی شده اند. تجربه کاربری این کارت ها بسیار اصولی بوده و هرگز کاربران سایت را با محتوای زیاد گیج نخواهد کرد. هنگامی که بازدید کنندگان سایت قصد نمایش محتوای بیشتر در مورد یک محصول یا خدمت را داشته باشند، با کلیک بر روی دکمه تعریف شده، قسمت پایینی کارت با انیمیشن باز شده و اطلاعات بیشتری را به کاربر نمایش می دهد.

با ویژگی های این قالب بیشتر آشنا شوید:

  • کاملا واکنش گرا یا ریسپانسیو
  • دارای انیمیشن کاربرپسند
  • استفاده از جاوااسکریپت
  • کدنویسی ساده و قابل فهم
  • فارسی و راست چین شده
نهال
نهال
28 آبان 1399 17:18

با سلام من از این قالب توی سایتم استفاده کردم اما وقتی روی بیشتر بخوانید می زنم بسته می شه.تو رو خدا درستش کنید. من هر کاری کردم نشد

ارسال پاسخ
مصطفی کلانتری فرد
مصطفی کلانتری فرد
29 آبان 1399 18:44

سلام وقت بخیر در اصل کارایی این باکس ها به این شکل هست که شما باید دکمه بیشتر بخوانید رو به صفحه مربوطه لینک کنید تا وقتی کاربر روی دکمه کلیک میکنه به صفحه مد نظر انتقال داده بشه.

نهال
نهال
02 آذر 1399 09:28

من بهش لینک دادم اما جواب نمیده و وارد لینک مربوطه نمیشه

نهال
نهال
02 آذر 1399 09:29

http://arashsabahi.ir/invention

نهال
نهال
02 آذر 1399 12:12

من بهش لینک دادم اما جواب نمیده و وارد لینک مربوطه نمیشه

مصطفی کلانتری فرد
مصطفی کلانتری فرد
02 آذر 1399 14:25

سلام مجدد بروزرسانی محصول در دسترس شما قرار گرفت. لطفا مجددا قالب رو دانلود و مورد استفاده قرار بدین و یا برای حل این مسئله، فایل scripts.js رو ویرایش کنید و در خط 5 عبارت e.preventDefault();رو حذف کنید. با تشکر از همراهی شما

نهال
نهال
02 آذر 1399 16:23

بسیار بسیار ممنونم

مصطفی کلانتری فرد
مصطفی کلانتری فرد
03 آذر 1399 11:18

خواهش میکنم ممنون از اینکه این مورد رو اطلاع دادین. موفق باشید 🙏🌹

دیدگاه خود را ارسال کنید

نظر خود را برای این مطلب ارسال کنید. نشانی ایمیل شما منتشر نخواهد شد.