---
url: 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D9%85%D8%B1%D8%AC%D8%B9/%D9%85%D8%B1%D8%AC%D8%B9-%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1'
title: 'مرجع العناصر | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:09:43+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  يوفر DXPR Builder 22 عنصر محتوى و6 عناصر تخطيط.
  تسرد هذه الصفحة الاسم الآلي لكل عنصر والحقول
  في مربع إعداداته؛ ويسرد جزء التخطيط أيضًا العمود
  داخل كل صف. وكتل Drupal وطرق العرض، التي
  يقدمها المنشئ أيضًا كعناصر، غير مشمولة.
tags:
  - 'Elements and CSS'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'مرجع العناصر'
      description: |-
        يوفر DXPR Builder 22 عنصر محتوى و6 عناصر تخطيط.
        تسرد هذه الصفحة الاسم الآلي لكل عنصر والحقول
        في مربع إعداداته؛ ويسرد جزء التخطيط أيضًا العمود
        داخل كل صف. وكتل Drupal وطرق العرض، التي
        يقدمها المنشئ أيضًا كعناصر، غير مشمولة.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:09:43+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D9%85%D8%B1%D8%AC%D8%B9/%D9%85%D8%B1%D8%AC%D8%B9-%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1'
      articleSection: 'العناصر وCSS'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D9%85%D8%B1%D8%AC%D8%B9/%D9%85%D8%B1%D8%AC%D8%B9-%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1'
      description: |-
        يوفر DXPR Builder 22 عنصر محتوى و6 عناصر تخطيط.
        تسرد هذه الصفحة الاسم الآلي لكل عنصر والحقول
        في مربع إعداداته؛ ويسرد جزء التخطيط أيضًا العمود
        داخل كل صف. وكتل Drupal وطرق العرض، التي
        يقدمها المنشئ أيضًا كعناصر، غير مشمولة.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: الرئيسية
            item: 'https://dxpr.com/ar'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ar
---
[مركز المساعدة](/ar/hc)/[التوثيق](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82) /[تعلّم DXPR Builder](/ar/hc/documentation/learn-dxpr-builder) /[المرجع](/ar/hc/documentation/learn-dxpr-builder/reference) /[العناصر وCSS](/ar/hc/documentation/learn-dxpr-builder/reference/elements-and-css) # مرجع العناصر.

 تعلّم DXPR Builderالمرجعالعناصر وCSS

   ## في هذا الدليل

يوفر DXPR Builder 22 عنصر محتوى و6 عناصر تخطيط. تسرد هذه الصفحة الاسم الآلي لكل عنصر والحقول في مربع إعداداته؛ ويسرد جزء التخطيط أيضًا العمود داخل كل صف. وكتل Drupal وطرق العرض، التي يقدمها المنشئ أيضًا كعناصر، غير مشمولة.

## كيفية قراءة هذه الصفحة

يسرد الجدول الأول لكل عنصر الحقول في أكورديون **العامة**. والحقل في أكورديون آخر يجلس في جدول منفصل مسمى باسم ذلك الأكورديون. فالتسمية هي تسمية الحقل كما يعرضها المربع، بالإملاء الأمريكي للواجهة. والمعامل هو `param_name` في تعريف العنصر. وتُقرَأ الخيارات `value` (التسمية).

يظهر حقلا العامة التاليان على كل عنصر ولا يتكرران في الجداول:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| معرف HTML | `hash` | text | فارغ؛ ويعرض الحقل المعرف المولّد كنص مؤقت | حرف أولًا، ثم أحرف وأرقام وواصلات وشرطات سفلية | معرف مخصص للعنصر. |
| فئات HTML | `el_class` | multi-select | فارغ؛ وتحصل الأقسام الجديدة على `py-5` | فئات أدوات Bootstrap 5 والفئات التي تعلنها القوالب المفعّلة؛ ويقبل **التحرير كنص** أي فئة | فئات CSS إضافية للعنصر. |

يملك كل عنصر أيضًا أكورديوني **النمط** و**نمط التحويم**، الموثقين على صفحة [تبويب النمط](/ar/hc/documentation/learn-dxpr-builder/element-settings/style-tab). وكل العناصر عدا العمود واللوحات داخل التبويبات واللوحة القابلة للطي والكاروسيل تملك أيضًا أكورديون **الحركة**، الموثق على صفحة [تبويب الحركة](/ar/hc/documentation/learn-dxpr-builder/design/animation-tab).

يسمّي عمود التحكم ما يعرضه المربع. ويأتي كل تحكم من `type` معامل في تعريف العنصر:

| التحكم | النوع في الشيفرة `type` |
|---|---|
| text | `textfield` |
| number | `numericfield` |
| link | `link` |
| radio | `dropdown` بأقل من 7 خيارات |
| select | `dropdown` مع 7 خيارات أو أكثر |
| toggle | `checkbox` بخيار واحد |
| checkboxes | `checkbox` بخيارات عدة |
| slider | `dxb_slider` |
| colour | `colorpicker` |
| icon وimage وimages وvideo وdatetime | النوع `type` بالاسم نفسه |
| ckeditor | `textarea` |
| ace | `html` |
| social | `social_links` |

زر التبديل المفعّل يخزّن القيمة في خلية القيم المسموحة؛ وزر التبديل المطفأ يخزّن `no` أو قيمة فارغة. وتخزّن مربعات التحديد القيم المحددة كقائمة مفصولة بفواصل. والخيار المسرود كفارغ يُخزَّن كسلسلة فارغة؛ وفي المربع يحمل زر الراديو الخاص به المفتاح `dxpr-default`.

تقدم حقول الصورة والصور أيضًا منتقي نمط صورة: نمط `optimize` الخاص بالموقع أولًا عند وجوده، ثم **الصورة الأصلية (بلا تغيير حجم)** وأنماط الصور الأخرى. وتبقى بعض الحقول مخفية حتى يحمل حقل آخر قيمة مطابقة؛ ويسمّي عمود الوصف تلك التبعية.

## عناصر المحتوى

### [نص](/ar/hc/documentation/learn-dxpr-builder/elements/text)

نص منسق محرَّر في CKEditor. الاسم الآلي: `az_text`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| نص | `content` | ckeditor | عنوان وفقرة مؤقتان | HTML | المحتوى النصي. |

### [صورة](/ar/hc/documentation/learn-dxpr-builder/elements/image)

صورة واحدة، ملفوفة برابط اختياريًا. الاسم الآلي: `az_image`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| صورة | `image` | image | فارغ | صورة من متصفح الوسائط | الصورة المعروضة. |
| عرض الصورة | `width` | text | `100%` | طول CSS، مثل `100px` أو `50%` | العدد المجرد يُحتَسَب بالبكسل. |
| ارتفاع الصورة | `height` | text | فارغ | طول CSS، مثل `100px` | العدد المجرد يُحتَسَب بالبكسل. |
| رابط الصورة | `link` | link | فارغ | عنوان URL أو مسار داخلي | يلف الصورة برابط. |
| هدف رابط الصورة | `link_target` | radio | `_self` (النافذة نفسها) | `_self` (النافذة نفسها)، `_blank` (نافذة جديدة) | أين يُفتَح الرابط. يُعرَض عندما يُضبَط `link`. |

الحقول في أكورديون **SEO**:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| سمة Alt | `alt` | text | فارغ | أي نص | النص البديل للصورة. |
| سمة Title | `title` | text | فارغ | أي نص | سمة Title للصورة. |

### [معرض الصور](/ar/hc/documentation/learn-dxpr-builder/elements/image-carousel)

عرض شرائح Bootstrap بعدة صور. الاسم الآلي: `az_images_carousel`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الصور | `images` | images | فارغ | صور من متصفح الوسائط | شريحة لكل صورة. |
| الفاصل الزمني | `interval` | slider | 5000 | من 0 إلى 10000، بخطوة 1 | الوقت بين الشرائح بالمللي ثانية. وعند 0 لا تتقدم الشرائح من تلقاء نفسها. |
| إخفاء | `hide` | checkboxes | بلا تحديد | `pagination_control` (إخفاء عنصر ترقيم الصفحات)، `prev_next_buttons` (إخفاء زرّي السابق/التالي) | يخفي المؤشرات أو الأسهم أو كليهما. |

الحقول في أكورديون **SEO**:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| سمة Alt | `alt` | text | فارغ | أي نص | النص البديل للصور. |
| سمة Title | `title` | text | فارغ | أي نص | سمة Title للصور. |

### [فيديو](/ar/hc/documentation/learn-dxpr-builder/elements/video)

يضمّن فيديو YouTube أو Vimeo. الاسم الآلي: `az_video`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| رابط الفيديو | `link` | text | فارغ | عنوان URL لـ YouTube أو Vimeo | الفيديو المضمَّن. |
| عرض الفيديو | `width` | text | `100%` | طول CSS، مثل `100px` أو `50%` | العدد المجرد يُحتَسَب بالبكسل. |
| صورة | `image` | image | فارغ | صورة من متصفح الوسائط | صورة الغلاف؛ ويُحمَّل المشغّل عندما ينقرها الزائر. |
| زر التشغيل بالنمط | `play` | toggle | مغلق | `yes` عند التفعيل | يعرض زر التشغيل بالنمط فوق الفيديو. |

### [الفيديو المحلي](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D9%81%D9%8A%D8%AF%D9%8A%D9%88-%D9%85%D8%AD%D9%84%D9%8A)

يشغّل ملف فيديو مستضاف ذاتيًا في مشغّل HTML5. الاسم الآلي: `az_video_local`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| فيديو | `video` | video | فارغ | ملف MP4 أو WEBM أو OGG أو OGV، حتى حد الرفع في الموقع | ملف الفيديو. |
| بدء التشغيل تلقائيًا | `autoplay` | toggle | مغلق | `autoplay` عند التفعيل | يبدأ التشغيل عند تحميل الصفحة. والتشغيل التلقائي يكتم الفيديو دائمًا. |
| مكتوم | `muted` | toggle | مغلق | `muted` عند التفعيل | يكتم الفيديو. يُعرَض بينما `autoplay` مطفأ. |
| عناصر التحكم | `controls` | toggle | مغلق | `controls` عند التفعيل | يعرض عناصر تحكم المشغّل. |
| تكرار | `loop` | toggle | مغلق | `loop` عند التفعيل | يعيد تشغيل الفيديو عند انتهائه. |
| عرض الفيديو | `width` | text | `100%` | طول CSS، مثل `100px` أو `50%` | عرض المشغّل. |
| صورة | `image` | image | فارغ | صورة من متصفح الوسائط | صورة الملصق المعروضة قبل التشغيل. |

### [HTML](/ar/hc/documentation/learn-dxpr-builder/elements/html)

وسوم HTML خام محرَّرة في محرر شيفرة. الاسم الآلي: `az_html`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| وسوم HTML خام | `content` | ace | رسالة مؤقتة «انقروا زر التحرير لتغيير وسوم HTML هذه» | HTML | محتوى HTML. |

### [الجامبوترون](/ar/hc/documentation/learn-dxpr-builder/elements/jumbotron)

بانر كبير بعنوان ونص تمهيدي؛ ويمكن إفلات عناصر أخرى في داخله. الاسم الآلي: `az_jumbotron`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العنوان | `title` | text | فارغ | أي نص | عنوان البانر. |
| التمهيد | `lead` | text | فارغ | أي نص | نص فرعي معروض تحت العنوان. |
| النوع | `type` | select | `bg-light` (فاتح) | `bg-light` (فاتح)، `text-white bg-primary` (أساسي)، `text-white bg-secondary` (ثانوي)، `text-white bg-success` (نجاح)، `text-white bg-info` (معلومات)، `text-white bg-warning` (تحذير)، `text-white bg-danger` (خطر)، `text-white bg-dark` (داكن)، `none` (الافتراضي) | فئات ألوان الخلفية والنص. |
| الحشو | `padding` | radio | `p-5` (كبير) | `p-5` (كبير)، `p-4` (متوسط)، `p-3` (صغير) | حجم الحشو. |

### [زر](/ar/hc/documentation/learn-dxpr-builder/elements/button)

زر Bootstrap يربط بعنوان URL. الاسم الآلي: `az_button`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العنوان | `title` | text | انقروا لإضافة نص | أي نص | النص على الزر. |
| الرابط | `link` | link | فارغ | عنوان URL أو مسار داخلي | رابط الزر. |
| هدف الرابط | `link_target` | radio | `_self` (النافذة نفسها) | `_self` (النافذة نفسها)، `_blank` (نافذة جديدة) | أين يُفتَح الرابط. يُعرَض عندما يُضبَط `link`. |
| النوع | `type` | select | `primary` (أساسي) | `primary` و`secondary` و`success` و`info` و`warning` و`danger` و`link` و`light` و`dark`؛ كل تسمية هي القيمة بحرف كبير | نمط زر Bootstrap. |
| زر بعرض العمود | `block` | toggle | مغلق | `btn-block` عند التفعيل | زر بعرض كامل. |
| نمط الإطار | `outlined` | toggle | مغلق | `outline` عند التفعيل | يعرض `btn-outline-*` بدل `btn-*`. |
| الحجم | `size` | radio | فارغ (عادي) | فارغ (عادي)، `btn-lg` (كبير)، `btn-sm` (صغير) | حجم الزر. |

### [عنصر الرابط](/ar/hc/documentation/learn-dxpr-builder/elements/link)

حاوية تلف العناصر داخلها برابط واحد. الاسم الآلي: `az_link`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الرابط | `link` | link | فارغ | عنوان URL أو مسار داخلي | رابط المحتوى. |
| هدف الرابط | `link_target` | radio | `_self` (النافذة نفسها) | `_self` (النافذة نفسها)، `_blank` (نافذة جديدة) | أين يُفتَح الرابط. يُعرَض عندما يُضبَط `link`. |

الحقول في أكورديون **SEO**:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| سمة Title | `title` | text | فارغ | أي نص | سمة Title للرابط. |
| إخبار محركات البحث بعدم التتبع | `nofollow` | toggle | مغلق | `nofollow` عند التفعيل | يضيف `rel="nofollow"` إلى الرابط. |

### [التنبيه](/ar/hc/documentation/learn-dxpr-builder/elements/alert)

رسالة تنبيه Bootstrap. الاسم الآلي: `az_alert`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الرسالة | `content` | ckeditor | نص مؤقت | HTML | الرسالة. |
| النوع | `type` | radio | `alert-success` (نجاح) | `alert-success` (نجاح)، `alert-info` (معلومات)، `alert-warning` (تحذير)، `alert-danger` (خطر) | لون التنبيه. |

### [البطاقة](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D8%A8%D8%B7%D8%A7%D9%82%D8%A9)

حاوية بطاقة Bootstrap بترويسة وعنوان اختياريين. الاسم الآلي: `az_card`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الترويسة | `header` | text | فارغ | أي نص | نص ترويسة البطاقة. |
| العنوان | `title` | text | فارغ | أي نص | عنوان البطاقة. |
| النوع | `type` | select | فارغ (الافتراضي) | فارغ (الافتراضي)، `text-white bg-primary` (أساسي)، `text-white bg-secondary` (ثانوي)، `text-white bg-success` (نجاح)، `text-white bg-info` (معلومات)، `text-white bg-warning` (تحذير)، `text-white bg-danger` (خطر)، `text-white bg-dark` (داكن)، `bg-light` (فاتح) | فئات ألوان البطاقة. |

### [اللوحة](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D9%84%D9%88%D8%AD%D8%A9)

حاوية لوحة بشريط عنوان. الاسم الآلي: `az_panel`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العنوان | `title` | text | فارغ | أي نص | عنوان اللوحة. |
| النوع | `type` | select | `panel-dxpr` (DXPR) | `panel-dxpr` (DXPR)، `panel-default` (الافتراضي)، `panel-primary` (أساسي)، `panel-success` (نجاح)، `panel-info` (معلومات)، `panel-warning` (تحذير)، `panel-danger` (خطر) | نمط اللوحة. |

### [الاقتباس](/ar/hc/documentation/learn-dxpr-builder/elements/blockquote)

اقتباس مع استشهاد اختياري. الاسم الآلي: `az_blockquote`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| النص | `content` | ckeditor | نص مؤقت | HTML | النص المقتبس. |
| الاستشهاد | `cite` | text | فارغ | أي نص | استشهاد معروض تحت الاقتباس. |
| العكس | `reverse` | toggle | مغلق | `blockquote-reverse` عند التفعيل | يحاذي الاقتباس مع نهاية السطر (`text-end`). |

### [الروابط الاجتماعية](/ar/hc/documentation/learn-dxpr-builder/elements/social-links)

صف أو عمود من أيقونات الشبكات الاجتماعية تربط بصفحات الملفات. الاسم الآلي: `st_social`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الروابط الاجتماعية | `st_social_links` | social | صفّا Facebook وYouTube | صف لكل أيقونة: علامة وعنوان URL للملف | الأيقونات وروابطها. |
| التخطيط | `st_type` | radio | `inline` (مضمّن) | `inline` (مضمّن)، `stacked` (مرصوص) | تخطيط الأيقونات. |
| النمط | `st_style` | radio | فارغ (بلا) | فارغ (بلا)، `rounded` (مستدير)، `circle` (دائرة)، `square` (مربع) | شكل خلفية الأيقونة. |
| الحجم | `st_size` | radio | `lg` (كبير) | `lg` (كبير)، فارغ (صغير)، `2x` و`3x` و`4x` و`5x`؛ وتطابق التسميات الأربع الأخيرة قيمها | حجم الأيقونة. |
| مؤثرات CSS3 عند التحويم | `st_css3_hover_effects` | radio | فارغ (بلا) | فارغ (بلا)، `disc` (قرص)، `pulse` (نبض) | مؤثر التحويم. يجعل المؤثر الأيقونة بنمط الدائرة. |

الحقول في أكورديون **ألوان الأيقونات**:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| اللون | `st_theme_color` | radio | `custom` (مخصص) | `brand` (لون العلامة)، `custom` (مخصص)، `inherit` (موروث) | مصدر لون الأيقونة. |
| اللون | `st_color` | colour | بلا | أي لون | لون أيقونة مخصص. يُعرَض عندما يكون `st_theme_color` بقيمة `custom`. |
| لون الخلفية | `st_theme_bgcolor` | radio | `custom` (مخصص) | `brand` (لون العلامة)، `custom` (مخصص)، `inherit` (موروث) | مصدر لون خلفية الأيقونة. |
| لون الخلفية | `st_bgcolor` | colour | بلا | أي لون | لون خلفية مخصص. يُعرَض عندما يكون `st_theme_bgcolor` بقيمة `custom`. |

### [عدّاد الأرقام](/ar/hc/documentation/learn-dxpr-builder/elements/number-counter)

عدد يعد من قيمة بداية إلى قيمة نهاية. الاسم الآلي: `az_counter`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| البداية | `start` | number | 0 | عدد | العدد الذي يبدأ العد منه. |
| النهاية | `end` | number | 100 | عدد | العدد الذي يُعَد حتى يبلغه. |
| حجم الخط | `fontsize` | slider | 30 | من 0 إلى 200، بخطوة 1 | حجم خط العدد بالبكسل. |
| السرعة | `speed` | slider | 2000 | من 0 إلى 10000، بخطوة 1 | الوقت بالمللي ثانية لإتمام العد. |
| فاصل الآلاف | `seperator` | radio | فارغ (بلا) | فارغ (بلا)، `,` (فاصلة)، `.` (نقطة)، مسافة (مسافة) | يفصل الآلاف في عدد النهاية. وتكتب الشيفرة المعامل بهذه الطريقة. |
| السابقة | `prefix` | text | فارغ | أي نص | أحرف قبل العدد، مثل `$`. |
| اللاحقة | `postfix` | text | فارغ | أي نص | أحرف بعد العدد، مثل `%`. |

### [العدّاد الدائري](/ar/hc/documentation/learn-dxpr-builder/elements/circle-counter)

مؤشر تقدم دائري بنص اختياري وسطر معلومات وأيقونة في الوسط. الاسم الآلي: `az_circle_counter`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| اللون الأمامي | `fgcolor` | colour | `#333333` | أي لون | لون قوس التقدم. |
| لون الخلفية | `bgcolor` | colour | `#999999` | أي لون | لون المسار خلف القوس. |
| لون التعبئة | `fill` | colour | بلا | أي لون | لون التعبئة داخل الدائرة. |
| النسبة | `percent` | slider | 50 | من 0 إلى 100، بخطوة 1 | قيمة التقدم. |
| القطر | `dimension` | slider | 250 | من 100 إلى 500، بخطوة 1 | قطر الدائرة بالبكسل. |
| عرض المقدمة | `width` | slider | 10 | من 1 إلى 100، بخطوة 1 | عرض حد القوس. |
| الحركة | `animation` | toggle | مفعّل | `yes` عند التفعيل | يحرّك القوس. |
| مدة الحركة | `duration` | slider | 1500 | من 0 إلى 5000، بخطوة 1 | بالمللي ثانية. تُعرَض عندما تكون `animation` مفعّلة. |
| تأخير الحركة | `delay` | slider | 0 | من 0 إلى 5000، بخطوة 1 | بالمللي ثانية. تُعرَض عندما تكون `animation` مفعّلة. |
| الحركة في مرأى الشاشة | `in_viewport` | toggle | مفعّل | `yes` عند التفعيل | تبدأ الحركة عندما يُمرَّر العنصر إلى المرأى. تُعرَض عندما تكون `animation` مفعّلة. |

الحقول في أكورديون **محتوى الدائرة**. كل حقل بعد **عرض التقدم** لا يُعرَض إلا وهي مطفأة:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| عرض التقدم | `show_progress` | toggle | مغلق | `yes` عند التفعيل | يعرض النسبة بدل نصكم وأيقونتكم. |
| النص | `text` | text | فارغ | أي نص | نص الوسط. |
| حجم الخط | `fontsize` | slider | 16 | من 0 إلى 100، بخطوة 1 | حجم نص الوسط بالبكسل. |
| لون النص | `text_color` | colour | بلا | أي لون | لون نص الوسط. |
| المعلومات | `info` | text | فارغ | أي نص | سطر المعلومات الثانوي. |
| حجم خط المعلومات | `info_fontsize` | slider | 14 | من 0 إلى 100، بخطوة 1 | حجم سطر المعلومات بالبكسل. |
| لون المعلومات | `info_color` | colour | بلا | أي لون | لون سطر المعلومات. |
| الأيقونة | `icon` | icon | فارغ | أيقونة من المجموعات التي يسمح بها ملف المنشئ الخاص بكم | أيقونة الوسط. |
| حجم الأيقونة | `icon_size` | slider | 16 | من 0 إلى 100، بخطوة 1 | حجم خط الأيقونة بالبكسل. |
| لون الأيقونة | `icon_color` | colour | بلا | أي لون | لون الأيقونة. |

### [شريط التقدم](/ar/hc/documentation/learn-dxpr-builder/elements/progress-bar)

شريط تقدم Bootstrap أفقي بتسمية. الاسم الآلي: `az_progress_bar`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| التسمية | `label` | text | انقروا لإضافة نص | أي نص | النص داخل الشريط. |
| التقدم | `width` | slider | 50 | من 0 إلى 100، بخطوة 1 | التقدم كنسبة. |
| ارتفاع الشريط | `height` | slider | 45 | من 0 إلى 100، بخطوة 1 | ارتفاع الشريط بالبكسل. |
| لون الخلف | `bgcolor` | colour | `#e9ecef` | أي لون | لون المسار خلف الشريط. |
| لون المقدمة | `fcolor` | colour | `#284ed9` | أي لون | لون الشريط. |
| حركة النمو | `grow_animation` | toggle | مغلق | `yes` عند التفعيل | يحرّك الشريط من 0 إلى قيمته. |
| الخطوط | `options` | checkboxes | بلا تحديد | `progress-bar-striped` (إضافة نمط مخطط إلى الشريط)، `progress-bar-animated` (تحريك الخطوط (يتطلب نمطًا مخططًا)) | نمط مخطط وخطوط متحركة. |

### [مؤقت العد التنازلي](/ar/hc/documentation/learn-dxpr-builder/elements/countdown-timer)

يعد تنازليًا إلى تاريخ أو وقت من اليوم أو نهاية فاصل متكرر. الاسم الآلي: `az_countdown`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| نمط العد التنازلي | `countdown_style` | radio | `plain` (عادي) | `plain` (عادي)، `style1` (شبكة)، `style6` (قلب ثلاثي الأبعاد)، `style9` (قرص)، `style10` (نمط المطار)، `style12` (شفاف) | النمط المرئي. |
| قيود التاريخ/الوقت | `counter_scope` | radio | `date` (تحديد التاريخ فقط) | `date` (تحديد التاريخ فقط)، `date_time` (تحديد التاريخ والوقت)، `repeating` (تحديد الوقت فقط (يتكرر كل يوم))، `resetting` (عدّاد متصفّر (اضبط الفاصل حتى 24 ساعة)) | ما يعد المؤقت تنازليًا إليه. |
| التاريخ | `date` | datetime | فارغ | التاريخ بصيغة `d.m.Y` المعتمدة | التاريخ المستهدف. يُعرَض عندما يكون `counter_scope` بقيمة `date`. |
| التاريخ/الوقت | `date_time` | datetime | فارغ | التاريخ بتنسيق `d.m.Y` مع الساعة (`H`) | التاريخ والساعة المستهدفان. يُعرَضان عندما يكون `counter_scope` بقيمة `date_time`. |
| الوقت | `time` | datetime | فارغ | الساعة (`H`) | الساعة المستهدفة كل يوم. تُعرَض عندما يكون `counter_scope` بقيمة `repeating`. |
| إعادة الضبط بالساعات | `reset_hours` | slider | 0 | من 0 إلى 24، بخطوة 1 | الساعات في الفاصل. تُعرَض عندما يكون `counter_scope` بقيمة `resetting`. |
| إعادة الضبط بالدقائق | `reset_minutes` | slider | 0 | من 0 إلى 60، بخطوة 1 | الدقائق في الفاصل. تُعرَض عندما يكون `counter_scope` بقيمة `resetting`. |
| إعادة الضبط بالثواني | `reset_seconds` | slider | 0 | من 0 إلى 60، بخطوة 1 | الثواني في الفاصل. تُعرَض عندما يكون `counter_scope` بقيمة `resetting`. |
| المحيل للصفحة | `referrer` | link | فارغ | عنوان URL أو مسار داخلي | الصفحة المفتوحة عند انتهاء العد التنازلي. تُعرَض عندما يكون `counter_scope` بقيمة `repeating` أو `resetting`. |
| إعادة التشغيل التلقائية | `restart` | toggle | مغلق | `yes` عند التفعيل | تبدأ الفاصل مجددًا عند انتهائه. تُعرَض عندما يكون `counter_scope` بقيمة `resetting`. |
| خيارات العرض | `display` | checkboxes | الخمسة كلها محددة | `years` (عرض السنوات المتبقية)، `days` (عرض الأيام المتبقية)، `hours` (عرض الساعات المتبقية)، `minutes` (عرض الدقائق المتبقية)، `seconds` (عرض الثواني المتبقية) | الوحدات المعروضة. |

### [Marquee](/ar/hc/documentation/learn-dxpr-builder/elements/marquee)

شريط أفقي من الصور يُمرَّر دون توقف. الاسم الآلي: `az_marquee`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الصور | `images` | images | ثلاث نسخ من شعار DXPR | صور من متصفح الوسائط | الصور في الشريط. |
| السرعة | `speed` | slider | 3 | من 1 إلى 5، بخطوة 1 | سرعة التمرير؛ 1 الأبطأ و5 الأسرع. |
| الارتفاع | `height` | slider | 50 | من 10 إلى 200، بخطوة 1 | ارتفاع الصورة بالبكسل. |
| تخطيط الصورة | `image_layout` | radio | `fh` (صور بارتفاع ثابت) | `fh` (صور بارتفاع ثابت)، `fw` (صور بعرض ثابت) | هل تتشارك الصور ارتفاعًا أم عرضًا. |
| عرض الصورة | `width` | slider | 400 | من 50 إلى 500، بخطوة 1 | عرض الصورة بالبكسل. يُعرَض عندما يكون `image_layout` بقيمة `fw`. |
| التدرج الرمادي | `grayscale` | toggle | مغلق | `apply` عند التفعيل | يعرض الصور بتدرج رمادي. |
| تلاشي الحواف | `fade_edges` | toggle | مغلق | `apply` عند التفعيل | يتلاشى الشريط عند الحافتين. |

الحقول في أكورديون **SEO**:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| سمة Alt | `alt` | text | فارغ | أي نص | النص البديل للصور. |
| سمة Title | `title` | text | فارغ | أي نص | سمة Title للصور. |

### [الخريطة](/ar/hc/documentation/learn-dxpr-builder/elements/map)

خريطة Google مضمّنة لعنوان. الاسم الآلي: `az_map`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العنوان | `address` | text | فارغ | عنوان الشارع | الموقع المعروض. |
| عرض الخريطة | `width` | text | `100%` | طول CSS، مثل `100px` أو `50%` | العدد المجرد يُحتَسَب بالبكسل. |
| ارتفاع الخريطة | `height` | text | `400px` | طول CSS، مثل `100px` | العدد المجرد يُحتَسَب بالبكسل. |

### [الأيقونة](/ar/hc/documentation/learn-dxpr-builder/elements/icon)

أيقونة واحدة، مربوطة اختياريًا. الاسم الآلي: `az_icon`. تشحن الوحدة 14 مجموعة أيقونات. ويمكن للقوالب والوحدات إضافة المزيد، ويمكن لملف المنشئ تقييد المجموعات التي يراها مستخدموه.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الأيقونة | `icon` | icon | `bi bi-heart` | أيقونة من المجموعات التي يسمح بها ملف المنشئ الخاص بكم | الأيقونة. |
| الحجم | `size` | radio | `fa-lg` (كبير) | `normal` (عادي)، `fa-lg` (كبير)، `fa-2x` (كبير جدًا (2x))، `fa-3x` (كبير للغاية (3x))، `fa-4x` (ضخم (4x))، `fa-5x` (هائل (5x)) | حجم الأيقونة. |
| الرابط | `link` | link | فارغ | عنوان URL أو مسار داخلي | رابط الأيقونة. |
| هدف الرابط | `link_target` | radio | `_self` (النافذة نفسها) | `_self` (النافذة نفسها)، `_blank` (نافذة جديدة) | أين يُفتَح الرابط. يُعرَض عندما يُضبَط `link`. |

الحقول في أكورديون **أدوات الأيقونة**:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| النمط | `st_style` | radio | فارغ (بلا) | فارغ (بلا)، `stbe-util-icon-rounded` (مستدير)، `stbe-util-icon-circle` (دائرة)، `stbe-util-icon-square` (مربع) | شكل الخلفية. |
| حركة الأيقونة | `animation` | radio | فارغ (بلا) | فارغ (بلا)، `fa-spin` (دوران)، `fa-pulse` (نبض) | حركة الأيقونة. |
| اتجاه الأيقونة | `orientation` | radio | فارغ (عادي) | فارغ (عادي)، `fa-rotate-90` (تدوير 90)، `fa-rotate-180` (تدوير 180)، `fa-rotate-270` (تدوير 270)، `fa-flip-horizontal` (قلب أفقي)، `fa-flip-vertical` (قلب عمودي) | تدوير أو قلب. |

### [الفاصل](/ar/hc/documentation/learn-dxpr-builder/elements/divider)

خط أفقي. الاسم الآلي: `az_separator`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| اللون | `bgcolor` | colour | بلا | أي لون | لون الخط. |
| السُمك | `thickness` | radio | `auto` (افتراضي القالب) | `auto` (افتراضي القالب)، `custom` (سُمك مخصص) | هل يُتجاوَز سُمك القالب. |
| السُمك | `custom_thickness` | slider | 3 | من 0 إلى 20، بخطوة 1 | سُمك الخط بالبكسل. يُعرَض عندما يكون `thickness` بقيمة `custom`. |
| الطول | `width` | radio | `auto` (افتراضي القالب) | `auto` (افتراضي القالب)، `custom` (عرض مخصص) | هل يُتجاوَز طول القالب. |
| العرض | `custom_width` | slider | 100 | من 0 إلى 500، بخطوة 10 | طول الخط بالبكسل؛ ويعرض 0 العرض الكامل. يُعرَض عندما يكون `width` بقيمة `custom`. |
| المحاذاة | `align` | radio | `left` (يسار) | `left` (يسار)، `center` (وسط)، `right` (يمين) | المحاذاة الأفقية. تُعرَض عندما يكون `width` بقيمة `custom`. |

## عناصر التخطيط

### [القسم](/ar/hc/documentation/learn-dxpr-builder/layout/sections)

حاوية عليا للصفوف، بخيارات العرض الكامل والارتفاع الكامل ومؤثرات الخلفية. الاسم الآلي: `az_section`. تحصل الأقسام الجديدة على الفئة `py-5` في **فئات HTML**.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العرض الكامل | `fluid` | toggle | مغلق | `yes` عند التفعيل | يستخدم حاوية بعرض كامل (`container-fluid`). |
| ارتفاع 100% | `fullheight` | toggle | مغلق | `yes` عند التفعيل | يملأ القسم ارتفاع نافذة العرض. |
| التوسيط العمودي | `vertical_centering` | toggle | مغلق | `yes` عند التفعيل | يوسّط المحتوى عموديًا. |

الحقول في أكورديون **مؤثرات الخلفية**. كلها عدا **مؤثر الخلفية** تعتمد على قيمته، كما يعرض عمود الوصف:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| مؤثر الخلفية | `effect` | radio | فارغ (صورة بسيطة) | فارغ (صورة بسيطة)، `fixed` (صورة ثابتة)، `parallax` (صورة بارالاكس)، `gradient` (تدرج لوني)، `youtube` (فيديو YouTube) | مؤثر الخلفية. |
| سرعة البارالاكس | `parallax_speed` | slider | 0 | من 0 إلى 100، بخطوة 1 | سرعة تمرير البارالاكس. تُعرَض عندما يكون `effect` بقيمة `parallax`. |
| وضع البارالاكس | `parallax_mode` | radio | `fixed` (ثابت) | `fixed` (ثابت)، `scroll` (محلي) | إرفاق خلفية الصورة. يُعرَض عندما يكون `effect` بقيمة `parallax`. |
| التعطيل على الجوال | `parallax_mobile_disable` | toggle | مغلق | `yes` عند التفعيل | يطفيء البارالاكس على الشاشات الأضيق من 481 بكسل. يُعرَض عندما يكون `effect` بقيمة `parallax`. |
| لون البداية | `gradient_start_color` | colour | بلا | أي لون | لون بداية التدرج. يُعرَض عندما يكون `effect` بقيمة `gradient`. |
| لون النهاية | `gradient_end_color` | colour | بلا | أي لون | لون نهاية التدرج. يُعرَض عندما يكون `effect` بقيمة `gradient`. |
| اتجاه التدرج | `gradient_direction` | slider | 180 | من 1 إلى 360، بخطوة 1 | زاوية التدرج بالدرجات. تُعرَض عندما يكون `effect` بقيمة `gradient`. |
| موضع البداية | `gradient_start` | slider | 0 | من 0 إلى 100، بخطوة 1 | موضع لون البداية بالنسبة. يُعرَض عندما يكون `effect` بقيمة `gradient`. |
| موضع النهاية | `gradient_end` | slider | 100 | من 0 إلى 100، بخطوة 1 | موضع لون النهاية بالنسبة. يُعرَض عندما يكون `effect` بقيمة `gradient`. |
| خيارات الفيديو | `video_options` | checkboxes | بلا تحديد | `disMobile` (التعطيل على أجهزة الجوال)، `loop` (تكرار)، `audio` (إلغاء الكتم (غير موثوق عند التشغيل التلقائي بسبب تحديثات سياسات المتصفح الأخيرة))، `noCrop` (تعطيل اقتصاص المشغّل)، `resizeSection` (تغيير حجم القسم ليلائم الفيديو)، `showControls` (عرض عناصر التحكم) | خيارات خلفية YouTube. تُعرَض عندما يكون `effect` بقيمة `youtube`. |
| عنوان URL لفيديو YouTube | `video_youtube` | text | فارغ | عنوان URL لـ YouTube | فيديو خلفية YouTube. يُعرَض عندما يكون `effect` بقيمة `youtube`. |
| وقت البدء بالثواني | `video_start` | text | 0 | الثواني | وقت بدء الفيديو. يُعرَض عندما يكون `effect` بقيمة `youtube`. |
| وقت الإيقاف بالثواني | `video_stop` | text | 0 | الثواني | وقت إيقاف الفيديو. يُعرَض عندما يكون `effect` بقيمة `youtube`. |

### [الصف](/ar/hc/documentation/learn-dxpr-builder/layout/rows-and-columns)

صف شبكة Bootstrap يحمل أعمدة. ويبدأ الصف الجديد بعمودين بنصف العرض. الاسم الآلي: `az_row`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الأعمدة متساوية الارتفاع | `equal` | toggle | مغلق | `yes` عند التفعيل | يمنح كل الأعمدة الارتفاع نفسه. |
| عكس الصف | `reverse_horizontal` | toggle | مغلق | `yes` عند التفعيل | يعكس ترتيب الأعمدة على الشاشات بعرض 768 بكسل فأعلى. |

### [العمود](/ar/hc/documentation/learn-dxpr-builder/layout/rows-and-columns)

عمود داخل صف. فالصفوف تنشيء أعمدتها، لذا فالعمود ليس في منتقي العناصر. الاسم الآلي: `az_column`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| التوسيط العمودي | `vertical_centering` | toggle | مغلق | `yes` عند التفعيل | يوسّط محتوى العمود عموديًا. |

### [التبويبات](/ar/hc/documentation/learn-dxpr-builder/layout/tabs-element)

حاوية بلوحات تبويبات قابلة للتبديل؛ ويُضاف كل تبويب مع عنصر التحكم **إضافة تبويب**. الاسم الآلي: `az_tabs`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| اتجاه التبويبات | `az_dirrection` | radio | فارغ (الافتراضي) | فارغ (الافتراضي)، `tabs-left` (اليسار)، `tabs-right` (اليمين) | موضع شريط التبويبات. وتكتب الشيفرة المعامل بهذه الطريقة. |
| النمط | `tab_style` | radio | فارغ (الافتراضي) | فارغ (الافتراضي)، `modern` (العصري)، `accordion` (الأكورديون) | نمط التبويبات. |
| ملائم للجوال | `responsive` | toggle | مفعّل | `yes` عند التفعيل | يعرض التبويبات كقابلة للطي على الشاشات الصغيرة. |

كل تبويب (`az_tab`) له إعداداته الخاصة:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| عنوان التبويب | `title` | text | العنوان | أي نص | تسمية التبويب. |
| وصف التبويب | `subtitle` | ckeditor | فارغ | HTML | سطر تعريفي قصير اختياري معروض على التبويب النشط. |

### [اللوحة القابلة للطي](/ar/hc/documentation/learn-dxpr-builder/layout/collapsibles-element)

حاوية لوحات قابلة للطي؛ وتُضاف كل لوحة مع عنصر التحكم **إضافة مفتاح تبديل**. الاسم الآلي: `az_accordion`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الطي | `collapsed` | toggle | مغلق | `yes` عند التفعيل | تبدأ وكل لوحة مغلقة. وعند التعطيل، تبدأ اللوحة الأولى مفتوحة. |
| أيقونة التوسيع | `expandicon` | radio | فارغ (بلا) | فارغ (بلا)، `az-accordion--icon-plusminus` (+)، `az-accordion--icon-arrow` (﹀) | أيقونة بجانب عنوان كل لوحة. |

كل لوحة (`az_toggle`) لها إعداداتها الخاصة:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| عنوان مفتاح التبديل | `title` | text | العنوان | أي نص | عنوان اللوحة. |

### [الكاروسيل](/ar/hc/documentation/learn-dxpr-builder/layout/carousel-layout)

حاوية شرائح؛ تحمل كل شريحة عناصر أخرى وتُضاف مع عنصر التحكم **إضافة شريحة**. والشرائح (`az_slide`) بلا حقول خاصة بها. الاسم الآلي: `az_carousel`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الشرائح في كل إطار | `items` | slider | 1 | من 1 إلى 10، بخطوة 1 | شرائح معروضة جنبًا إلى جنب. وتعرض الشاشات الأضيق عددًا أقل. |
| تعطيل التشغيل التلقائي | `autoplay` | toggle | مغلق | `yes` عند التفعيل | يوقف تقدم الشرائح من تلقاء نفسها. |
| الفاصل الزمني للتشغيل التلقائي | `interval` | slider | 5000 | من 1000 إلى 20000، بخطوة 100 | الوقت بين الشرائح بالمللي ثانية. |
| الإيقاف عند التحويم | `stoponhover` | toggle | مغلق | `yes` عند التفعيل | يوقف التشغيل التلقائي مؤقتًا بينما المؤشر فوق الكاروسيل. |

الحقول في أكورديون **النقاط**. كل حقل بعد **التنقل بالنقاط** لا يُعرَض إلا وهو مفعّل:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| التنقل بالنقاط | `pagination` | toggle | مفعّل | `yes` عند التفعيل | يعرض نقطة لكل شريحة. |
| اتجاه النقاط | `pagination_orientation` | radio | `outside` (خارج المنزلق) | `outside` (خارج المنزلق)، `inside` (داخل المنزلق) | موضع النقاط. |
| شكل النقطة | `pagination_shape` | radio | `bar` (شريط) | `bar` (شريط)، `circle` (دائرة)، `square` (مربع)، `triangle` (مثلث) | شكل النقطة. |
| تحويل النقطة النشطة | `pagination_transform` | radio | فارغ (بلا) | فارغ (بلا)، `growTaller` (النمو طولًا)، `growWider` (النمو عرضًا)، `scaleUp` (التكبير) | المؤثر على النقطة النشطة. |
| لون النقطة | `pagination_color` | colour | بلا | أي لون | لون النقطة. |
| لون النقطة النشطة | `pagination_active_color` | colour | بلا | أي لون | لون النقطة النشطة. |

الحقول في أكورديون **التالي/السابق**. كل حقل بعد **التالي/السابق** لا يُعرَض إلا وهو مفعّل:

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| التالي/السابق | `navigation` | toggle | مغلق | `yes` عند التفعيل | يعرض سهمي التالي والسابق. |
| الاتجاه | `navigation_orientation` | radio | `outside` (خارج المنزلق) | `outside` (خارج المنزلق)، `inside` (داخل المنزلق) | موضع الأسهم. |
| شكل النقطة | `navigation_shape` | radio | فارغ (بلا خلفية) | فارغ (بلا خلفية)، `circle` (دائرة)، `square` (مربع)، `bar` (شريط) | شكل خلفية السهم. ويسميه المربع أيضًا **شكل النقطة**. |
| لون الأيقونة | `navigation_icon_color` | colour | بلا | أي لون | لون أيقونة السهم. |
| لون الأيقونة عند التحويم | `navigation_icon_hover_color` | colour | بلا | أي لون | لون أيقونة السهم عند التحويم. |
| لون الخلفية | `navigation_background_color` | colour | بلا | أي لون | لون خلفية السهم. |
| لون الخلفية عند التحويم | `navigation_background_hover_color` | colour | بلا | أي لون | لون خلفية السهم عند التحويم. |
| موضع التنقل الخارجي | `navigation_position` | select | `adjacent` (مجاور) | `adjacent` (مجاور)، `topCenter` (أعلى الوسط)، `topLeft` (أعلى اليسار)، `topRight` (أعلى اليمين)، `bottomCenter` (أسفل الوسط)، `bottomLeft` (أسفل اليسار)، `bottomRight` (أسفل اليمين) | موضع الأسهم خارج المنزلق. |

### [الطبقات الموضوعة](/ar/hc/documentation/learn-dxpr-builder/layout/positioned-layers)

لوحة تُسحَب عليها العناصر الفرعية وتُغيَّر أحجامها بحرية. ولا يمكن تداخل عنصر طبقات موضوعة داخل آخر. الاسم الآلي: `az_layers`. ويخزّن كل فرع موضعه في معاملات مخفية: `pos_left` و`pos_top` و`pos_width` و`pos_height` و`pos_zindex`.

| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العرض | `width` | text | `100%` | طول CSS، مثل `100px` أو `50%` | عرض اللوحة. والعدد المجرد يُحتَسَب بالبكسل. |
| الارتفاع | `height` | slider | 500 | من 0 إلى 10000، بخطوة 1 | ارتفاع اللوحة بالبكسل. |
| التجاوب | `responsive` | toggle | مغلق | `yes` عند التفعيل | يقيس ارتفاع اللوحة وأحجام الخطوط مع العرض المتاح. |

## ما الخطوة التالية؟

- [نظرة عامة على العناصر](/hc/documentation/learn-dxpr-builder/elements)
- [نظرة عامة على التخطيط](/hc/documentation/learn-dxpr-builder/layout/overview)
- [إعدادات العناصر](/hc/documentation/learn-dxpr-builder/element-settings)