#
  • داشبورد
  • داشبورد4
    • پروژه
    • فروشگاه
  • اپلیکیشن‌ها
    • تقویم
    • صفحه پروفایل
      • پروفایل
      • تنظیمات
    • صفحه پروژه‌ها
      • پروژه‌ها
      • جزئیات پروژه
    • لیست کارها
    • تیم
    • رابط برنامه‌نویسی (API)
    • تیکت‌ها
      • تیکت
      • جزئیات تیکت
    • ایمیل‌ها
      • ایمیل
      • خواندن ایمیل
    • فروشگاه
      • سبد خرید
      • محصولات
      • افزودن محصول
      • جزئیات محصول
      • لیست محصولات
      • سفارش‌ها
      • جزئیات سفارش
      • لیست سفارش‌ها
      • تسویه‌حساب
      • علاقه‌مندی‌ها
    • فاکتور
    • چت
    • مدیریت فایل
    • بوک‌مارک (Bookmark)
    • بورد کانبان (Kanban Board)
    • تایم‌لاین
    • سؤالات متداول
    • قیمت‌گذاری
    • گالری
    • بلاگ
      • لیست بلاگ
      • جزئیات بلاگ
      • افزودن بلاگ
  • ویجت‌ها
  • کیت رابط کاربری
  • کیت UI
    • هشدار
    • نشان‌ها
    • دکمه‌ها
    • کارت‌ها
    • منوی کشویی
    • شبکه
    • آواتار
    • تب‌ها
    • آکاردئون
    • نوار پیشرفت
    • اعلان‌ها
    • لیست‌ها
    • کلاس‌های کمکی
    • پس‌زمینه
    • جداکننده
    • روبان‌ها
    • ویرایشگر
    • جمع‌شونده
    • سایه
    • Wrapper
    • Bullet
    • Placeholder
    • تراز‌بندی
  • رابط کاربری پیشرفته12+
    • مدال‌ها
    • پنل offcanvas
    • سوییت آلرت (Sweet Alert)
    • اسکرول بار (Scroll bar)
    • اسپینر (Spinner)
    • انیمیشن
    • ویدیو Embed
    • تور راهنما
    • اسلایدر
    • اسلایدر بوت‌استرپ
    • Scrollpy
    • تولتیپ و پاپ‌اور (Tooltip & Popovers)
    • امتیازدهی (Rating)
    • Prismjs
    • شمارش معکوس
    • شمارش بالا
    • قابل‌کشیدن (Draggable)
    • نمای درختی (Tree view)
  • آیکون‌ها
    • Fontawesome
    • پرچم‌ها
    • Tabler
    • آب‌وهوا
    • انیمیشنی
    • Iconoir
    • Phosphor
  • متفرقه
  • نقشه و نمودارها
  • نقشه‌ها
    • نقشه گوگل
    • نقشه Leaflet
  • نمودارها
    • Chart.js
    • Apexcharts
      • Line
      • Area
      • Column
      • Bar
      • Mixed
      • Timeline & Range Bars
      • Candlestick
      • Boxplot
      • Bubble
      • Scatter
      • Heatmap
      • Treemap
      • Pie
      • Radial Bar
      • Radar
  • جدول و فرم‌ها
  • جدول‌ها
    • جدول پایه
    • جدول داده
    • لیست JS
    • جدول پیشرفته
  • عناصر فرم
    • اعتبارسنجی فرم (validation)
    • اینپوت basic
    • چک‌باکس و رادیو
    • اینپوت گروهی (input-groups)
    • ماسک ورودی (input-mask)
    • برچسب شناور (floating-labels)
    • دیت پیکر (datepicker)
    • touch-spin
    • پکیج Select2
    • سوییچ (switch)
    • رنج اسلایدر (range-slider)
    • تکمیل خودکار (Typeahead)
    • textarea
    • کلیپ‌بورد (clipboard)
    • آپلود فایل
    • لیست دوگانه
    • فرم پیش‌فرض
  • قابل استفاده آمادهجدید
    • فرم چندمرحله‌ای
    • فرم چندمرحله‌ای ۱
    • فرم چندمرحله‌ای ۲
    • فرم آماده
    • جدول آماده
  • صفحات
  • صفحات احراز هویت
    • ورود
    • ورود با تصویر زمینه
    • ثبت‌نام
    • ثبت‌نام با تصویر زمینه
    • بازیابی رمز
    • ایجاد رمز
    • قفل صفحه
    • تأیید دو مرحله‌ای
  • صفحات خطا
    • درخواست نامعتبر
    • دسترسی ممنوع
    • یافت نشد
    • خطای سرور
    • سرویس در دسترس نیست
  • سایر صفحات
    • خالی
    • نگهداری
    • صفحه لندینگ
    • به‌زودی
    • نقشه سایت
    • سیاست حفظ حریم خصوصی
    • شرایط و قوانین
  • سایر موارد
  • منوی دو سطحی
    • خالی
    • سطح دیگر
      • خالی
  • مستندات
  • پشتیبانی
  • 26 °C
  • EN
  • 5
  • avatar
  • تمامی حقوق محفوظ است @فاطمه کاظمی زاده -

  • نسخه 1.0.0
  • Need Help

رپر (Wrapper)

  • کیت‌های رابط کاربری
  • رپر (Wrapper)
Custom Overlay (لایه‌پوش سفارشی)
Custom Overlay
Custom Overlay (لایه‌پوش سفارشی)
طراحی Overlay
Custom Overlay
Custom Overlay (لایه‌پوش سفارشی)

گرادیان‌های CSS به ما اجازه می‌دهند بین دو یا چند رنگ انتقالی نرم نمایش دهیم.

همین حالا بررسی کن
Custom Overlay
Custom Overlay (لایه‌پوش سفارشی)
طراحی Overlay
Custom Overlay
Custom Overlay (لایه‌پوش سفارشی)
طراحی Overlay
اُورلی محتوایی
اُورلی سمت چپ
اُورلی سمت چپ

این اورلی می‌تواند به‌صورت ثابت و هم‌زمان با بارگذاری صفحه نمایش داده شود یا به‌صورت پویا و بر اساس تعامل کاربر ظاهر شود.

اُورلی سمت راست
اُورلی سمت راست

به نظر می‌رسد منظور شما یک تکنیک یا قابلیت برای نمایش محتوای برنامه به شکل لایه‌ای باشد.

اُورلی بالا
اُورلی بالا

برای ایجاد اورلی که هنگام هاور روی محتوای اصلی نمایش داده شود می‌توان از HTML و CSS یا رفتارهای پیشرفته‌تر استفاده کرد.

اُورلی پایین
اُورلی پایین

اورلی پایینی معمولاً به محتوای تکمیلی اشاره دارد که در بخش پایین محتوای اصلی صفحه نمایش داده می‌شود.

اُورلی ساده
اورلی 1
اورلی 2
اورلی 3
اورلی 4