🃏 مرجع نظام الكروت — OIC Cards System

v1.1.968 · 8 أنواع × 6 مظاهر × عشرات الخيارات

📋 جدول المحتويات

💡 اختر نوع كارد للعرض — لتسريع التحميل، يُعرض قسم واحد في كل مرة
1

📰 الكلاسيك — Classic

4 اتجاهات للصورة + 4 أحجام + 4 ستايلات

.oic-xcard

🎨 المظاهر الستة

🟢 عادي عادي
الافتراضي — خلفية بيضاء + ظل خفيف
[oic_card type="classic" count="3" cols="3" skin="normal"]
🌿 ناعم ناعم
فاتح بدون ظل
[oic_card type="classic" count="3" cols="3" skin="soft"]
🔇 صامت صامت
بلا خلفية وبلا حدود
[oic_card type="classic" count="3" cols="3" skin="silent"]
🌅 متدرج متدرج
خلفية متدرجة (primary→secondary)
[oic_card type="classic" count="3" cols="3" skin="gradient"]
🌑 داكن داكن
خلفية داكنة + نص فاتح
[oic_card type="classic" count="3" cols="3" skin="dark"]
🪟 زجاجي زجاجي
شفاف + blur
[oic_card type="classic" count="3" cols="3" skin="glass"]

📐 الاتجاهات

📐 صورة فوق — dir="top"
الافتراضي — صورة + محتوى تحتها
[oic_card type="classic" count="2" cols="2" dir="top"]
📐 صورة تحت — dir="bottom"
محتوى + صورة تحت
[oic_card type="classic" count="2" cols="2" dir="bottom"]
📐 صورة يمين — dir="right"
كارد أفقي — صورة على اليمين
[oic_card type="classic" count="2" cols="2" dir="right"]
📐 صورة يسار — dir="left"
كارد أفقي — صورة على اليسار
[oic_card type="classic" count="2" cols="2" dir="left"]

📏 الأحجام

📏 حجم صغير — size="sm"
ارتفاع صورة 140px
[oic_card type="classic" count="3" cols="3" size="sm"]
📏 حجم متوسط — size="md"
ارتفاع صورة 200px (افتراضي)
[oic_card type="classic" count="3" cols="3" size="md"]
📏 حجم كبير — size="lg"
ارتفاع صورة 260px
[oic_card type="classic" count="3" cols="3" size="lg"]
📏 حجم ضخم — size="xl"
ارتفاع صورة 340px
[oic_card type="classic" count="3" cols="3" size="xl"]

⚙️ خيارات إضافية

🏷️ تصفية بتصنيف معين
يعرض فقط مقالات من تصنيف "news" — استبدل بـ slug تصنيفك
لا توجد كروت لعرضها
[oic_card type="classic" count="3" cols="3" category="news"]
📊 تنويع عدد الأعمدة
4 أعمدة بدل 3 — يمكن تغيير cols من 1 إلى 6
[oic_card type="classic" count="4" cols="4"]

🔘 أنماط الأزرار (button_style)

💡 يستخدم كلاسات القالب الأصلية من core.css (b-1, b-2, b-gh) — للحفاظ على الهوية الموحدة. متاح في classic، editorial، masonry، service

🔘 أساسي (Primary) — button_style="primary"
زر القالب b-1 — اللون الأساسي
[oic_card type="classic" count="3" cols="3" button_style="primary"]
🔘 ثانوي (Secondary) — button_style="secondary"
زر القالب b-2 — اللون الثانوي
[oic_card type="classic" count="3" cols="3" button_style="secondary"]
🔘 مُفرَّغ (Ghost) — button_style="ghost"
زر القالب b-gh — حدود فقط
[oic_card type="classic" count="3" cols="3" button_style="ghost"]
🔘 دائري (Pill) — button_style="pill"
زر أساسي بحواف دائرية
[oic_card type="classic" count="3" cols="3" button_style="pill"]
🔘 متدرج (Gradient) — button_style="gradient"
يستخدم --gradient من إعدادات القالب
[oic_card type="classic" count="3" cols="3" button_style="gradient"]
🔘 رابط نصي (Link) — button_style="link"
مثل link عادي
[oic_card type="classic" count="3" cols="3" button_style="link"]
🔘 بدون زر (None) — button_style="none"
إخفاء الزر تماماً
[oic_card type="classic" count="3" cols="3" button_style="none"]
2

🖼️ التراكبي — Overlay

6 مظاهر (skin = لون التدرج) + 6 ارتفاعات + 5 أنواع overlay + 3 مواقع

.oic-ocard

🎨 المظاهر الستة (skin = لون التدرج)

💡 ميزة جديدة في v1.1.969+: في Overlay، الـ skin يُغيّر لون التدرج الذي خلف النص (وليس خلفية الكارد، لأن الكارد كله صورة)

🟢 عادي عادي
الافتراضي — خلفية بيضاء + ظل خفيف
[oic_card type="overlay" count="3" cols="3" skin="normal"]
🌿 ناعم ناعم
فاتح بدون ظل
[oic_card type="overlay" count="3" cols="3" skin="soft"]
🔇 صامت صامت
بلا خلفية وبلا حدود
[oic_card type="overlay" count="3" cols="3" skin="silent"]
🌅 متدرج متدرج
خلفية متدرجة (primary→secondary)
[oic_card type="overlay" count="3" cols="3" skin="gradient"]
🌑 داكن داكن
خلفية داكنة + نص فاتح
[oic_card type="overlay" count="3" cols="3" skin="dark"]
🪟 زجاجي زجاجي
شفاف + blur
[oic_card type="overlay" count="3" cols="3" skin="glass"]

📏 الارتفاعات الستة

📏 XS — صغير جداً — size="xs"
200px — للقوائم المدمجة
[oic_card type="overlay" count="2" cols="2" size="xs"]
📏 SM — صغير — size="sm"
280px — للشبكات
[oic_card type="overlay" count="2" cols="2" size="sm"]
📏 MD — متوسط (افتراضي) — size="md"
360px — الأكثر استخداماً
[oic_card type="overlay" count="2" cols="2" size="md"]
📏 LG — كبير — size="lg"
460px — للأخبار البارزة
[oic_card type="overlay" count="2" cols="2" size="lg"]
📏 XL — ضخم — size="xl"
560px — للقصص الخاصة
[oic_card type="overlay" count="2" cols="2" size="xl"]
📏 Full — كامل — size="full"
100vh (max 700px) — للهيرو
[oic_card type="overlay" count="2" cols="2" size="full"]

🎭 أنواع الـ Overlay (نمط التدرج)

🎭 Bottom (افتراضي) — overlay="bottom"
تدرج من الأسفل
[oic_card type="overlay" count="2" cols="2" overlay="bottom"]
🎭 Top — overlay="top"
تدرج من الأعلى
[oic_card type="overlay" count="2" cols="2" overlay="top"]
🎭 Full — overlay="full"
تعتيم كامل للكارد
[oic_card type="overlay" count="2" cols="2" overlay="full"]
🎭 C1 (لون أساسي) — overlay="c1"
تدرج بلون primary
[oic_card type="overlay" count="2" cols="2" overlay="c1"]
🎭 Dark — overlay="dark"
تدرج داكن قوي
[oic_card type="overlay" count="2" cols="2" overlay="dark"]

📍 مواقع المحتوى

📍 الأسفل (افتراضي) — content_pos="bottom"
النص في أسفل الكارد
[oic_card type="overlay" count="2" cols="2" content_pos="bottom"]
📍 الوسط — content_pos="center"
النص في منتصف الكارد
[oic_card type="overlay" count="2" cols="2" content_pos="center"]
📍 الأعلى — content_pos="top"
النص في أعلى الكارد
[oic_card type="overlay" count="2" cols="2" content_pos="top"]
3

🎞️ السلايدر — Slider

classic + overlay variants — 6 transitions — autoplay

.oic-xsld

🎨 المظاهر الستة

🟢 عادي عادي
الافتراضي — خلفية بيضاء + ظل خفيف
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" skin="normal"]
🌿 ناعم ناعم
فاتح بدون ظل
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" skin="soft"]
🔇 صامت صامت
بلا خلفية وبلا حدود
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" skin="silent"]
🌅 متدرج متدرج
خلفية متدرجة (primary→secondary)
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" skin="gradient"]
🌑 داكن داكن
خلفية داكنة + نص فاتح
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" skin="dark"]
🪟 زجاجي زجاجي
شفاف + blur
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" skin="glass"]

🎬 الـ Variants

🎞️ Classic Slider
سلايدر كلاسيك — صورة فوق + نص تحت
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" variant="classic"]
🎬 Overlay Slider
سلايدر بنص فوق الصورة (للهيرو)
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" variant="overlay"]

✨ التأثيرات (Transitions)

✨ Fade (الافتراضي) — transition="fade"
تلاشي — الأنعم (مع autoplay 3 ثوانٍ للمعاينة)
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" transition="fade" autoplay="true" interval="3000"]
✨ Zoom — transition="zoom"
تكبير ثم ظهور (مع autoplay 3 ثوانٍ للمعاينة)
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" transition="zoom" autoplay="true" interval="3000"]
✨ Slide RTL — transition="slide-rtl"
انزلاق من اليمين (مع autoplay 3 ثوانٍ للمعاينة)
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" transition="slide-rtl" autoplay="true" interval="3000"]
✨ Slide LTR — transition="slide-ltr"
انزلاق من اليسار (مع autoplay 3 ثوانٍ للمعاينة)
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" transition="slide-ltr" autoplay="true" interval="3000"]
✨ Blur — transition="blur"
ضبابي ثم وضوح (مع autoplay 3 ثوانٍ للمعاينة)
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" transition="blur" autoplay="true" interval="3000"]
✨ None — transition="none"
بدون انتقال (مع autoplay 3 ثوانٍ للمعاينة)
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="slider" count="3" cols="1" transition="none" autoplay="true" interval="3000"]

⚙️ خيارات متقدمة

▶️ Autoplay مع تخصيص
تشغيل تلقائي كل 5 ثوانٍ — يتوقف عند المرور بالماوس
تقنية ·

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية ·

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية ·

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

عام ·

الذكاء الاصطناعي.. امتياز استثماري يُعيد تشكيل الأسواق

في وقت تترقب فيه الأسواق العالمية مآلات التذبذب في أسهم التكنولوجيا، كشف تقرير لوكالة "بلومبرغ" اطلعت عليه "سكاي نيوز عربية" عن تحول جذري في المشهد، حيث لم يعد…

📋 خيارات السلايدر
  • autoplay="true|false" — تشغيل تلقائي (افتراضي: false)
  • interval="milliseconds" — مدة كل شريحة (افتراضي: 5000)
  • transition="fade|zoom|slide-rtl|slide-ltr|blur|none" — نوع التأثير
  • variant="classic|overlay" — وضع التخطيط
[oic_card type="slider" count="4" cols="1" autoplay="true" interval="5000"]
4

🛍️ الخدمات — Service

4 تخطيطات: Centered / Right / Left / Top

.oic-svc-*

🎨 المظاهر الستة

🟢 عادي عادي
الافتراضي — خلفية بيضاء + ظل خفيف
تقنية

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="service" count="3" cols="3" skin="normal"]
🌿 ناعم ناعم
فاتح بدون ظل
تقنية

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="service" count="3" cols="3" skin="soft"]
🔇 صامت صامت
بلا خلفية وبلا حدود
تقنية

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="service" count="3" cols="3" skin="silent"]
🌅 متدرج متدرج
خلفية متدرجة (primary→secondary)
تقنية

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="service" count="3" cols="3" skin="gradient"]
🌑 داكن داكن
خلفية داكنة + نص فاتح
تقنية

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="service" count="3" cols="3" skin="dark"]
🪟 زجاجي زجاجي
شفاف + blur
تقنية

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="service" count="3" cols="3" skin="glass"]

📐 التخطيطات

📐 تخطيط Centered — layout="centered"
أيقونة في المنتصف فوق المحتوى (الافتراضي)
تقنية

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="service" count="3" cols="3" layout="centered"]
📐 تخطيط Right — layout="right"
أيقونة على اليمين + محتوى على اليسار
تقنية

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="service" count="3" cols="3" layout="right"]
📐 تخطيط Left — layout="left"
أيقونة على اليسار + محتوى على اليمين
تقنية

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="service" count="3" cols="3" layout="left"]
📐 تخطيط Top — layout="top"
أيقونة وتاج فوق + محتوى تحت
تقنية

الذكاء الاصطناعي يعيد تشكيل مستقبل الصناعات العالمية

تقنيات الذكاء الاصطناعي تدخل كل قطاع من الرعاية الصحية إلى التصنيع والتعليم.

تقنية

أبرز 10 تطبيقات غيّرت حياتنا اليومية في 2025

نظرة على التطبيقات التي أحدثت ثورة في طريقة عملنا وتواصلنا.

تقنية

مستقبل الحوسبة السحابية: هل نودّع الأجهزة المحلية؟

الحوسبة السحابية تتطور بسرعة وتهدد بتغيير مفهوم الحوسبة الشخصية.

[oic_card type="service" count="3" cols="3" layout="top"]
5

📜 التحريرية — Editorial

بطاقة على صورة بارزة — يمين/يسار

.oic-editorial

🎨 المظاهر الستة

🟢 عادي عادي
الافتراضي — خلفية بيضاء + ظل خفيف
[oic_card type="editorial" count="2" cols="1" skin="normal"]
🌿 ناعم ناعم
فاتح بدون ظل
[oic_card type="editorial" count="2" cols="1" skin="soft"]
🔇 صامت صامت
بلا خلفية وبلا حدود
[oic_card type="editorial" count="2" cols="1" skin="silent"]
🌅 متدرج متدرج
خلفية متدرجة (primary→secondary)
[oic_card type="editorial" count="2" cols="1" skin="gradient"]
🌑 داكن داكن
خلفية داكنة + نص فاتح
[oic_card type="editorial" count="2" cols="1" skin="dark"]
🪟 زجاجي زجاجي
شفاف + blur
[oic_card type="editorial" count="2" cols="1" skin="glass"]

📐 الاتجاهات

➡️ الاتجاه الافتراضي (يمين)
البطاقة على اليمين
[oic_card type="editorial" count="1" cols="1"]
⬅️ الاتجاه العكسي (يسار)
البطاقة على اليسار — للتنويع
[oic_card type="editorial" count="1" cols="1" dir="left"]
6

🏠 هيرو + قائمة — Hero-Sidebar

تخطيط مجلة — خبر كبير + قائمة جانبية

.oic-hnews

🎨 المظاهر الستة

⚙️ متطلبات

7

🧱 الفسيفساء — Masonry

3 أعمدة بارتفاع تلقائي

.oic-mcard

🎨 المظاهر الستة

🟢 عادي عادي
الافتراضي — خلفية بيضاء + ظل خفيف
[oic_card type="masonry" count="6" cols="3" skin="normal"]
🌿 ناعم ناعم
فاتح بدون ظل
[oic_card type="masonry" count="6" cols="3" skin="soft"]
🔇 صامت صامت
بلا خلفية وبلا حدود
[oic_card type="masonry" count="6" cols="3" skin="silent"]
🌅 متدرج متدرج
خلفية متدرجة (primary→secondary)
[oic_card type="masonry" count="6" cols="3" skin="gradient"]
🌑 داكن داكن
خلفية داكنة + نص فاتح
[oic_card type="masonry" count="6" cols="3" skin="dark"]
🪟 زجاجي زجاجي
شفاف + blur
[oic_card type="masonry" count="6" cols="3" skin="glass"]

⚙️ خيارات

📐 الصورة فوق (افتراضي) — img_position="top"
[oic_card type="masonry" count="6" img_position="top"]
📐 الصورة في المنتصف — img_position="middle"
[oic_card type="masonry" count="6" img_position="middle"]
📐 بدون صورة — img_position="none"
[oic_card type="masonry" count="6" img_position="none"]
8

📋 القائمة — List

قائمة مدمجة — مثالية للسايدبار والقوائم الطويلة

.oic-list-card

🎨 المظاهر الستة

🟢 عادي عادي
الافتراضي — خلفية بيضاء + ظل خفيف
[oic_card type="list" count="4" cols="2" skin="normal"]
🌿 ناعم ناعم
فاتح بدون ظل
[oic_card type="list" count="4" cols="2" skin="soft"]
🔇 صامت صامت
بلا خلفية وبلا حدود
[oic_card type="list" count="4" cols="2" skin="silent"]
🌅 متدرج متدرج
خلفية متدرجة (primary→secondary)
[oic_card type="list" count="4" cols="2" skin="gradient"]
🌑 داكن داكن
خلفية داكنة + نص فاتح
[oic_card type="list" count="4" cols="2" skin="dark"]
🪟 زجاجي زجاجي
شفاف + blur
[oic_card type="list" count="4" cols="2" skin="glass"]

📏 الأحجام

📏 صغير — size="sm"
صورة 56×56 — للسايدبار المدمج
[oic_card type="list" count="3" cols="1" size="sm"]
📏 متوسط (افتراضي) — size="md"
صورة 80×80
[oic_card type="list" count="3" cols="1" size="md"]
📏 كبير — size="lg"
صورة 120×120 — للأرشيف
[oic_card type="list" count="3" cols="1" size="lg"]

📦 OIC Cards System v1.1.967 — مرجع كامل

للنظام الجديد المستقل عن النظام القديم