أداة التطوير المفقودة يمكن إعادة استخدام جميع الأدوات المساعدة المضمَّنة قابل للدمج في تطبيقاتك صفر تبعيات مصممو غرافيك ومبرمجون ووكالات / مبتدئون وخبراء في CSS

محرر CSS فوري مقابل PrestaShop, WordPress, Shopify...

وجميع أنظمة إدارة المحتوى والمواقع والتطبيقات الأخرى

كفنان: عدِّل، واحفظ، وواصل العمل.
لا حاجة لنقل الصفحة أو إعادة تحميلها.

تجربة مجانية وتراخيص

جرِّبه على موقعك: تجربة مجانية لساعة واحدة، بلا بطاقة ائتمان

كيف يعمل: ثلاث خطوات

لا خطوة بناء، ولا مسار نشر، ولا تجميع لـ CSS. يعمل المحرر على الصفحة كما يراها زوارك.

1

تثبيت

أضف الوحدة أو الإضافة أو التطبيق الخاص بمنصتك - أو مقتطف تمهيد واحد على أي موقع. يقوم مساعد التثبيت بفحص بيئتك نيابة عنك.

2

انقر وعدِّل

انقر على أي عنصر في صفحتك: تُفتح قواعده مع أداة الاختيار المناسبة لكل قيمة. المعاينة مباشرة ومؤجَّلة زمنيًا، ولا يُكتب أي شيء بعد.

3

احفظ بشكل حقيقي

اضغط حفظ: يُحدَّث ملف CSS على خادمك بشكل ذري، مع لقطتي .orig و .bak. يرى زوارك موقعك تمامًا كما صنعته - فالمحرر لا يُحمَّل لهم أبدًا.

توقف عن تعديل CSS بشكل أعمى!

محرر مرئي حقيقي: لكل قيمة الأداة المناسبة. كل بطاقة أدناه مصمَّمة بملف يمكنك تعديله الآن.

748

خصائص CSS محدَّثة (2026)

يُعاد توليد المخطط المدمج من بيانات MDN وwebref: الصياغة الرسمية، وتوافق المتصفحات، ومساعدة لكل خاصية وروابط التوثيق. خاصية غير معروفة؟ تحصل مع ذلك على حقل.

#cssed-home .cssed-tile { border-radius: var(--radius-tuile); box-shadow: var(--ombre); }

على بنيتك التقنية أنت

  • PrestaShop - وحدة جاهزة، تكتب ملف CSS الخاص بالقالب مع نسخ احتياطية
  • WordPress - إضافة أصيلة، تكتب ملف CSS الخاص بالقالب النشط مع نسخ احتياطية
  • Shopify - تطبيق أصيل، تثبيت عبر OAuth، وCSS في حقول تعريف المتجر
  • أي موقع - ملف ZIP مستقل

بلا مخاطر

المعاينة المباشرة مؤجَّلة زمنيًا، والتراجع/الإعادة يعودان 100 خطوة لكل ملف، ولا يُكتب أي شيء حتى تضغط حفظ. من جهة الخادم، تحتفظ لقطتا .orig و .bak بطريق للعودة.

لكل قيمة الأداة المناسبة

منتقي الألوان، وتدرجات بمقابض على العنصر نفسه، ومنتقي الخطوط، ومنحنيات التخفيف، وأشكال clip-path، ومحرر خط زمني لـ @keyframes، ومنظور ثلاثي الأبعاد يُسحب بالفأرة. بل ووضع نافذة منبثقة على شاشة ثانية.

.cssed-tile:hover { transform: translateY(-5px); transition: .18s ease; }

استهداف بالتأشير والنقر

انقر على أي عنصر في الصفحة: تتم تصفية القواعد المطابقة نيابة عنك. لا مزيد من تخمين المحددات.

مرئي <-> المصدر

بدِّل أي ملف إلى عرض مصدر CodeMirror مع حفظ تلقائي، ثم عد إلى المرئي في خطوة تراجع واحدة.

متعدد الملفات، متعدد كل شيء

أوراق أنماط متراكبة مع حالة التعديل والسجل لكل ملف، وحافظة داخلية، وسحب وإفلات، وتحديد متعدد، وجرد لمتغيراتك وخطوطك وألوانك.

صفر تبعيات

Vanilla JS، بلا إطار عمل، بلا jQuery، بلا خطوة بناء. ملف ZIP واحد، ومقتطف bootstrap واحد، ومساعد التثبيت يفحص بيئتك نيابةً عنك.

وضع العمودين، بترتيب DOM

تُدرج الملفات دائمًا بترتيب DOM - وهو الترتيب الذي تطبِّقها به الشلالات (cascade). بدِّل إلى عمودين واسحب القواعد أو الخصائص من ملف إلى آخر لإعادة تنظيم CSS بدلًا من حذفه.

عملك يبقى ملكك

دفعة واحدة، بلا اشتراك إجباري. صدِّر CSS الخاص بك في أي وقت (نسخ أو تنزيل .css، حتى في وضع القراءة فقط). بعد التجربة، تبقى أنماطك المحفوظة مطبَّقة إلى الأبد - فنحن لا نأخذ موقعك رهينة أبدًا.

خلف الكواليس: ما الذي يحدث بالضبط على خادمك

لا صناديق سوداء. إليك القائمة الكاملة بما يكتبه CSS_EDITOR - وما لا يفعله أبدًا.

ما الذي يُكتب

  • ملف CSS الذي تعدِّله، يُستبدل بشكل ذري (ملف مؤقت ثم إعادة تسمية - لا ملف نصف مكتوب أبدًا)
  • نسخة .orig عند أول حفظ، ونسخة .bak عند كل حفظ: طريق العودة دائمًا على بُعد نقرة واحدة
  • على Shopify: ملفات CSS الخاصة بك في الحقول الوصفية للمتجر، معروضة من جهة الخادم - دون تعديل أي ملف من ملفات القالب

ما لا يحدث أبدًا

  • المحرر لا يُحمَّل أبدًا لزوارك - فهم يرون موقعك تمامًا كما صنعته
  • أنماطك المحفوظة لا تُحذف أبدًا، حتى بعد انتهاء التجربة أو انقضاء الترخيص
  • لا اعتماد على CDN خارجي أثناء التشغيل على موقعك: الشيفرة التي تثبِّتها هي الشيفرة التي تعمل

لا تأخذ كلامنا على محمل الجد.
جرِّبه وانظر بنفسك.

لقطة الشاشة المقابلة ليست نموذجًا تجريبيًا: إنها هذا المحرر نفسه، مثبتًا في أسفل هذه الصفحة، يحرر أنماط هذه الصفحة. افتحه واختبره هنا مباشرة... أو قم بتنزيله لتجربته مجانًا على موقعك - سواء كان محليًا أو عبر الإنترنت - واحفظ ملفات CSS مباشرة على خادمك بنقرة واحدة. لا حاجة لإعادة تحميل الصفحة؛ فقط واصل تحرير CSS الخاص بك.

CSS_EDITOR مثبَّت أسفل هذه الصفحة نفسها، يعدِّل ورقة أنماطها مباشرةً

الذكاء الاصطناعي مدمج - ذكاؤك الاصطناعي الخاص، دون واجهة برمجة تطبيقات مدفوعة

CSS_EDITOR لا يؤجِّر لك ذكاءً اصطناعيًا. بل يُعدُّ أوامر مثالية للذكاء الاصطناعي الذي تستخدمه أصلًا، ويطبِّق إجاباته بأمان.

وضع الأوامر

حدِّد عنصرًا أو عدة عناصر في صفحتك: يبني CSS_EDITOR أمرًا جاهزًا للصق (طلبك، ومقتطفات DOM، والأنماط المحسوبة، والقواعد الموجودة). الصق إجابة ذكائك الاصطناعي مجددًا: يُطبَّق CSS مع معاينة وتراجع، ويسرد تقرير أي تغييرات في DOM/JS متبقية لتنفيذها يدويًا.

محلل CSS الميت

يفرز المحلل كل محدِّد في أوراق أنماطك مقابل DOM المباشر: مستخدَم (أخضر)، ديناميكي على الأرجح (برتقالي)، غير مستخدَم (أحمر). يعلِّم فحص متقاطع بالذكاء الاصطناعي العناصر الخطرة قبل التنقية. ثم انقل أو احذف بالسحب والإفلات - تُنشأ النسخ الاحتياطية أولًا.

سعر تمهيدي - سنة واحدة من التحديثات المجانية

دفعة واحدة. ملكك إلى الأبد.

جرِّب كل شيء مجانًا لمدة ساعة واحدة على موقعك الخاص. بعد ذلك يُقفل التحرير بلطف — تبقى أنماطك المحفوظة مطبَّقة إلى الأبد، فنحن لا نأخذ موقعك رهينة أبدًا. فعِّل مفتاحك مرة واحدة: يرتبط بنطاقك تلقائيًا، دون أي شيء تنقله.

عرض الإطلاق: خصم -25% باستخدام الرمز LAUNCH25

فردي
24 $ 18 $ / مرة واحدة فقط

لموقع شخصي أو مشروع واحد.

  • موقعان (2) (محليان أو عبر الإنترنت)
  • المحرر الكامل بجميع أدوات الاختيار
  • حفظ من جهة الخادم + نسخ احتياطية
  • دعم عبر البريد الإلكتروني

شراء

رمز العرض: LAUNCH25
* الأكثر شعبية
متعدد
96 $ 72 $ / مرة واحدة فقط

لعدة مواقع أو نطاقات فرعية

  • حتى 10 مواقع
  • المحرر الكامل بجميع أدوات الاختيار
  • حفظ من جهة الخادم + نسخ احتياطية
  • دعم ذو أولوية

شراء

رمز العرض: LAUNCH25
وكالة
288 $ 216 $ / مرة واحدة فقط

للوكالات ودمّاجي المواقع متعددي العملاء.

  • حتى 50 موقعًا
  • المحرر الكامل بجميع أدوات الاختيار
  • حفظ من جهة الخادم + نسخ احتياطية
  • دعم مخصص

شراء

رمز العرض: LAUNCH25

بشرائك CSS_editor فأنت تقبل شروط الاستخدام.

دفع آمن عبر Polar.sh - يتم إرسال مفتاح الترخيص إليك بالبريد الإلكتروني فورًا بعد الشراء. التحديثات مشمولة لمدة 12 شهرًا.

عرض الإطلاق: الأسعار المعروضة تشمل بالفعل خصم الإطلاق -25% (الرمز LAUNCH25) على الأسعار العادية 24 $ و96 $ و288 $. قد تُضاف ضرائب عند الدفع حسب بلدك - تديرها Polar.sh.

مقارنة CSS_EDITOR

حقائق لا صفات. تم التحقق من الصفحات الرسمية لكل أداة، نوفمبر 2026 (المصادر تحت كل اسم).

CSS_EDITOR CSS Hero
csshero.org/buy-now		 Microthemer
themeover.com/pricing
المنصات PrestaShop وWordPress وShopify وأي موقع ويب أو تطبيق ويب WordPress فقط WordPress فقط
نموذج التسعير دفعة واحدة، من 18 $ إلى 288 $ (أسعار الإطلاق) اشتراك سنوي (من 29 $ إلى 199 $/سنة حسب عدد المواقع) أو 599 $ مدى الحياة اشتراك سنوي أو شهري، أو تراخيص مدى الحياة (من 125 $ إلى 499 $)
وضع الأوامر بالذكاء الاصطناعي نعم - مع ذكائك الاصطناعي الخاص، بلا واجهة برمجة تطبيقات مدفوعة لا نعم - مساعد ذكاء اصطناعي مدمج (CSS فقط)
محلل CSS الميت نعم، مع فحص متقاطع بالذكاء الاصطناعي لا لا
حفظ من جهة الخادم مع نسخ احتياطية كتابة ذرية، لقطات .orig و .bak تُحفظ التعديلات في قاعدة البيانات، ويُقدَّم للزوار ملف CSS ثابت واحد تخزين خاص؛ يمكن لإضافة Microloader الاستمرار في تقديم الأنماط بعد إلغاء التثبيت
أنماطك إذا توقفت عن الدفع تبقى مطبَّقة إلى الأبد، وقابلة للتصدير في أي وقت تستمر في العمل؛ التجديد مطلوب فقط للتحديثات والدعم والمواقع الجديدة التراخيص مدى الحياة تحتفظ بكل شيء، التحديثات مشمولة

أسئلة صادقة، إجابات صادقة

هل يمكن أن يتسبب CSS_EDITOR في تعطُّل موقعي؟

التحرير للمعاينة فقط حتى تضغط على حفظ، والتراجع يعود 100 خطوة لكل ملف، وكل عملية حفظ تنشئ لقطتي .orig و .bak على خادمك. إذا حدث أي خطأ، فاستعادة الملف السابق بنقرة واحدة. المحرر لا يُحمَّل أبدًا لزوارك - فهم يرون موقعك تمامًا كما صنعته.

هل يبطئ موقعي؟

لا. المحرر أداة تفتحها بصفتك مدير الموقع. يرى زوارك الموقع تمامًا كما صنعته: فملف CSS المقدَّم هو نفسه الملف الذي كان قالبك يقدمه، ولا تُضاف أي شيفرة JavaScript لهم.

ماذا يحدث عند انتهاء التجربة المجانية؟

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

هل يعدِّل تطبيق Shopify ملفات قالب متجري؟

لا. يُثبَّت تطبيق Shopify عبر OAuth ويخزِّن CSS في حقول تعريف المتجر، ويُعرَض من جهة الخادم. صفر تعديل على ملفات القالب، وإلغاء التثبيت نظيف تمامًا.

هل أنا مقيَّد؟ هل يمكنني تصدير CSS الخاص بي؟

لا تقييد. CSS_EDITOR عملية شراء لمرة واحدة، ووظيفة التصدير (نسخ إلى الحافظة أو تنزيل .css) متاحة دائمًا، حتى في وضع القراءة فقط. CSS الخاص بك هو CSS صرف في ملفات صرفة.

ما إصدارات PrestaShop وWordPress المدعومة؟

تدعم وحدة PrestaShop الإصدارات من 1.7 إلى 8.x وتكتب ملف CSS الخاص بالقالب مع نسخ احتياطية. تكتب إضافة WordPress ملف CSS الخاص بالقالب النشط مع نسخ احتياطية. كلاهما يُبنى لك لحظيًا من هذا الموقع.

هل أحتاج إلى الدفع مقابل واجهة برمجة تطبيقات ذكاء اصطناعي لاستخدام ميزات الذكاء الاصطناعي؟

لا. يبني وضع الأوامر أمرًا كاملًا تلصقه في الذكاء الاصطناعي الذي تستخدمه أصلًا (ChatGPT، Claude، Kimi، نموذج محلي...)، ويطبِّق الإجابة مع معاينة وتراجع. يعمل محلل CSS الميت بالطريقة نفسها في فحصه الاختياري عبر الذكاء الاصطناعي. لا حاجة لأي مفتاح واجهة برمجة تطبيقات مدفوع في أي مكان.

ماذا يشمل الترخيص؟

ترخيص دائم لعدد مواقع خطتك (2 أو 10 أو 50)، والمحرر الكامل مع جميع أدوات الاختيار، ووضع الأوامر بالذكاء الاصطناعي، ومحلل CSS الميت، والحفظ على الخادم مع نسخ احتياطية، وجميع التحديثات لمدة 12 شهرًا. يرتبط المفتاح بنطاقاتك تلقائيًا عند أول استخدام.

هل تقدمون استردادًا للأموال؟

لا - وإليك السبب: يمكنك اختبار كل شيء مجانًا لمدة ساعة واحدة على موقعك الخاص قبل الشراء. التجربة هي الضمان. جميع المبيعات نهائية (انظر شروط البيع).

ماذا لو غيَّرت اسم نطاقي؟

تُربط مفاتيح الترخيص تلقائيًا بنطاقاتك عند أول استخدام ولا تُحرَّر تلقائيًا. حسب وضعك، يرجى التواصل مع الدعم الذي قد يتمكن من إعادة تعيين ترخيصك.

هل يمكن دمج CSS_EDITOR في تطبيقي الخاص؟

نعم - النواة مبنية بـ Vanilla JS مع عقد محوِّل موثَّق، مصمَّمة للدمج.

علاوة على ذلك، يمكن استخدام كل أداة مساعدة (التحويل، المنظور، التدرج، إلخ) بشكل مستقل على موقعك.

لأي متطلبات أخرى، يرجى التواصل معنا.

براهين، لا وعود

لقطات شاشة حقيقية من هذا الموقع. ترميز واحد، ثلاثة سمات — قائمة السمات في شريط التنقل تعيد تصميم هذه الصفحة مباشرةً. جرِّبها في سمتك المفضلة.

هذه الصفحة الرئيسية، السمة المرحة هذه الصفحة الرئيسية، سمة المطور الداكنة هذه الصفحة الرئيسية، السمة المؤسسية

هل بدأت بالفعل تصميمك التالي؟
وفِّر الوقت:

اختر منصتك. تجربة ساعة واحدة، بلا بطاقة ائتمان، مباشرةً على موقعك الخاص.

مستقل

أي موقع ويب - ملف ZIP واحد، ومقتطف bootstrap واحد.

نزِّل ملف ZIP
PrestaShop

وحدة أصيلة (من 1.7 إلى 8.x)، تُبنى لحظيًا مع مفتاح ترخيصك مدمجًا فيها.

أنشئ الوحدة ونزِّلها
WordPress

إضافة أصيلة، تُبنى لحظيًا مع مفتاح ترخيصك مدمجًا فيها.

أنشئ الإضافة ونزِّلها
Shopify

تطبيق Shopify أصيل - تثبيت عبر OAuth، وCSS في حقول تعريف المتجر، وصفر تعديل على ملفات القالب.

التثبيت على متجرك

PrestaShop وWordPress: يُصدر البناء مفتاح ترخيص يجب استبداله بالمفتاح المقدَّم بعد الشراء.

بتنزيلك CSS_editor فأنت تقبل شروط الاستخدام.