---
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%D8%AA%D8%B5%D9%85%D9%8A%D9%85/%D8%AA%D9%86%D8%B3%D9%8A%D9%82-%D8%A7%D9%84%D8%A8%D8%B7%D8%A7%D9%82%D8%A7%D8%AA'
title: 'تنسيق بطاقاتكم | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T01:23:40+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  امنحوا بطاقاتكم مظهرًا يناسب موقعكم: نظام ألوان من نوع البطاقة، وزوايا
  مستديرة وظل من لوحة النمط. وفي النهاية تحصلون على بطاقة يمكنكم تكرارها
  عبر صف للمزايا أو أعضاء الفريق أو الأسعار. ولوضع بطاقة على الصفحة أولًا، انظر
  إضافة بطاقة.
  يتبع الفيديو الخطوات أدناه: فيمنح بطاقة مظهرًا فاتحًا وزوايا مستديرة وظلًا ناعمًا.
tags:
  - 'Design guides'
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: |-
        امنحوا بطاقاتكم مظهرًا يناسب موقعكم: نظام ألوان من نوع البطاقة، وزوايا
        مستديرة وظل من لوحة النمط. وفي النهاية تحصلون على بطاقة يمكنكم تكرارها
        عبر صف للمزايا أو أعضاء الفريق أو الأسعار. ولوضع بطاقة على الصفحة أولًا، انظر
        إضافة بطاقة.
        يتبع الفيديو الخطوات أدناه: فيمنح بطاقة مظهرًا فاتحًا وزوايا مستديرة وظلًا ناعمًا.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T01:23:40+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%D8%AA%D8%B5%D9%85%D9%8A%D9%85/%D8%AA%D9%86%D8%B3%D9%8A%D9%82-%D8%A7%D9%84%D8%A8%D8%B7%D8%A7%D9%82%D8%A7%D8%AA'
      articleSection: 'أدلة التصميم'
    -
      '@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%D8%AA%D8%B5%D9%85%D9%8A%D9%85/%D8%AA%D9%86%D8%B3%D9%8A%D9%82-%D8%A7%D9%84%D8%A8%D8%B7%D8%A7%D9%82%D8%A7%D8%AA'
      description: |-
        امنحوا بطاقاتكم مظهرًا يناسب موقعكم: نظام ألوان من نوع البطاقة، وزوايا
        مستديرة وظل من لوحة النمط. وفي النهاية تحصلون على بطاقة يمكنكم تكرارها
        عبر صف للمزايا أو أعضاء الفريق أو الأسعار. ولوضع بطاقة على الصفحة أولًا، انظر
        إضافة بطاقة.
        يتبع الفيديو الخطوات أدناه: فيمنح بطاقة مظهرًا فاتحًا وزوايا مستديرة وظلًا ناعمًا.
      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/build) /[تنسيق العناصر](/ar/hc/documentation/learn-dxpr-builder/element-settings) /[أدلة التصميم](/ar/hc/documentation/learn-dxpr-builder/design/overview) # تنسيق بطاقاتكم.

 تعلّم DXPR Builderبناء الصفحاتتنسيق العناصرأدلة التصميم

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

 أدلة ذات صلة

- [إضافة عنصر بطاقة](/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)
- [جعل العناصر تتفاعل عند التحويم](/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%AA%D8%B5%D9%85%D9%8A%D9%85/%D8%AA%D8%A3%D8%AB%D9%8A%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AD%D9%88%D9%8A%D9%85)
- [استخدام ألوان علامتكم](/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%AA%D8%B5%D9%85%D9%8A%D9%85/%D8%A3%D9%84%D9%88%D8%A7%D9%86-%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9)

امنحوا بطاقاتكم مظهرًا يناسب موقعكم: نظام ألوان من **نوع** البطاقة، وزوايا مستديرة وظل من لوحة **النمط**. وفي النهاية تحصلون على بطاقة يمكنكم تكرارها عبر صف للمزايا أو أعضاء الفريق أو الأسعار. ولوضع بطاقة على الصفحة أولًا، انظر [إضافة بطاقة](/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).

يتبع الفيديو الخطوات أدناه: فيمنح بطاقة مظهرًا فاتحًا وزوايا مستديرة وظلًا ناعمًا.

  ## تنسيق بطاقة

1. حوّموا فوق البطاقة وافتحوا **المزيد** واختاروا **الإعدادات**.
2. ضمن **النوع**، اختاروا **فاتح**.
3. افتحوا لوحة **النمط**.
4. اضبطوا **نصف قطر الحد** على 8.
5. اضبطوا **ظل الإسقاط** على 2.
6. انقروا **حفظ**.

## ما الذي ترونه

تحمل البطاقة خلفية فاتحة وزوايا مستديرة وظلًا ناعمًا. فيجلس شريط **الترويسة** الخاص بها في الأعلى، ويفتح **عنوانها** المتن، وتتبعه تحته العناصر التي أضفتموها داخلها.

يلوّن **النوع** البطاقة كلها، لا ترويستها فقط. فـ **الأساسي** و**الثانوي** و**نجاح** و**معلومات** و**تحذير** و**خطر** و**داكن** تملأ البطاقة بلون القالب ذاك وتجعل النص أبيض. ويمنح **فاتح** خلفية فاتحة مع نص عادي. ويترك **الافتراضي** البطاقة لقالبكم.

## الإعدادات

| الإعداد | أين | ما يفعله |
|---|---|---|
| **الترويسة** | **عام** | نص في شريط أعلى البطاقة؛ اتركوه فارغًا دون شريط |
| **العنوان** | **عام** | عنوان أعلى متن البطاقة |
| **النوع** | **عام** | نظام ألوان البطاقة كلها؛ الافتراضي **الافتراضي** |
| **الخلفية** و**لون الخط** | **النمط** | ألوانكم الخاصة، عندما يكون **النوع** هو **الافتراضي** |
| **نصف قطر الحد** | **النمط** | زوايا مستديرة، بالبكسل |
| **ظل الإسقاط** | **النمط** | العمق، من 1 إلى 5 |
| **الحد** (نموذج الصندوق) و**نمط الحد** و**لون الحد** | **النمط** | إطار على جانب أو أكثر |

## أنماط البطاقات

- **بطاقة مسطحة**: **نمط الحد** **مصمت** ولون **حد** فاتح و**نصف قطر الحد** 4، دون ظل.
- **بطاقة مرتفعة**: **ظل الإسقاط** 2 و**نمط الحد** **لا شيء** و**نصف قطر الحد** 8.
- **بطاقة مميزة**: اضبطوا الجانب الأيسر من **الحد** في نموذج الصندوق على 4، و**نمط الحد** **مصمت** ولون **حد** مميز.
- **بطاقة ترتفع**: **ظل الإسقاط** 1 في **النمط** و4 في **نمط التحويم**؛ انظر [جعل العناصر تتفاعل عند التحويم](/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%AA%D8%B5%D9%85%D9%8A%D9%85/%D8%AA%D8%A3%D8%AB%D9%8A%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AD%D9%88%D9%8A%D9%85).

## بطاقات في صف

لشبكة من بطاقات المزايا أو أعضاء الفريق أو الأسعار:

1. أضيفوا صفًا واختاروا تخطيطًا بثلاثة أو أربعة أعمدة متساوية.
2. أضيفوا بطاقة إلى كل عمود وامنحوا كل بطاقة قيم **النوع** و**النمط** نفسها.
3. افتحوا قائمة **المزيد** الخاصة بالصف واختاروا **الإعدادات** وشغّلوا **أعمدة متساوية الارتفاع**.

تصطف الأعمدة، لكن تبقى كل بطاقة بارتفاع محتواها. حافظوا على طول نص كل بطاقة متقاربًا، لتنتهي البطاقات بالارتفاع نفسه. ولجدول أسعار، ميّزوا الباقة الموصى بها بنوع **آخر** أو **ظل إسقاط** أعمق.

## إذا لم تروا النمط

- **الخلفية أو لون الخط في لوحة النمط دون أثر.** يضبط **النوع** غير **الافتراضي** ألوان البطاقة بفئات قالب تتغلب على لوحة **النمط**. اضبطوا **النوع** على **الافتراضي** واختاروا ألوانكم الخاصة.
- **النص الأبيض على بطاقة ملوّنة صعب القراءة.** لونا **التحذير** و**المعلومات** في كثير من القوالب شاحبان، وهذان النوعان يضبطان دائمًا نصًا أبيض. اختاروا **نوعًا** أغمق، أو **فاتح** الذي يُبقي لون النص العادي.
- **الظل لا يظهر.** **ظل الإسقاط** هو 0، أي لا ظل. اضبطوه على 1 أو أعلى.

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

- [إضافة بطاقة](/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): إضافة بطاقة وملؤها بالعناصر.
- [جعل العناصر تتفاعل عند التحويم](/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%AA%D8%B5%D9%85%D9%8A%D9%85/%D8%AA%D8%A3%D8%AB%D9%8A%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AD%D9%88%D9%8A%D9%85): ترك البطاقات ترتفع عندما يشير إليها الزوار.
- [استخدام ألوان علامتكم](/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%AA%D8%B5%D9%85%D9%8A%D9%85/%D8%A3%D9%84%D9%88%D8%A7%D9%86-%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9): إبقاء ألوان البطاقات متناسقة مع بقية الموقع.