English Español Português Русский العربية
Home / Features / Custom CSS
صديق للمطوّرين

نماذج بدقّة البكسل عبر CSS

الثيمات تأخذك إلى 80%. CSS المخصّص يكمل الباقي. تجاوز الخطوط والألوان والمسافات والحركات — كل ما لا يعبّر عنه الثيم. احفظ تجاوزاتك لكل نموذج.

ابدأ مجاناً شاهد الثيمات
form-design.css
/* Brand fonts */
@import url('https://fonts.googleapis.com/css?family=Inter:400,600,700');
.fb-form {
font-family: 'Inter', sans-serif;
--brand: #5B47FF;
}
.fb-input {
border-radius: 14px;
border: 1px solid #E3E8EE;
transition: border-color .2s;
}
.fb-input:focus {
border-color: var(--brand);
box-shadow: 0 0 0 4px rgba(91,71,255,.12);
}

حيث تتوقّف الثيمات يبدأ CSS

الثيمات المدمجة تغطي الحالات الشائعة. CSS المخصّص يفتح الذيل الطويل — خصوصيات العلامة، الطباعة المخصّصة، التفاعلات الدقيقة، تعديلات التخطيط.

محرّر داخلي

محرّر CSS داخل إعدادات تصميم النموذج. حرّر، احفظ، شاهد التغييرات في المعاينة الحيّة.

تجاوز أي شيء

الحقول، التسميات، الأزرار، حالات الخطأ، التركيز، الانتقالات — كلّها قابلة للاستهداف بمحدّدات CSS قياسية.

ثيم + CSS

ابدأ بثيم للأساس وراكم CSS فوقه. أفضل ما في العالمين — إعداد سريع وتحكّم كامل.

محفوظ لكل نموذج

كل نموذج له CSS خاص. علامات مختلفة ونماذج مختلفة وقواعد مختلفة — دون آثار جانبية عامّة.

مصمّم ومطوّر معاً

يضبط المصمّمون الثيمات بصرياً، ويتعامل المطوّرون مع الحالات الحدّية بـ CSS. كلا التدفّقين في نموذج واحد.

بدون خطوة بناء

احفظ فتُطبَّق الأنماط على النموذج الحيّ فوراً. لا أنبوب نشر ولا إعادة بناء ولا انتظار.

صمّم أي شيء في نموذجك

أهداف شائعة — وكيف تفكّر فيها.

  • خطوط مخصّصة عبر @font-face أو استيراد من Google Fonts
  • رموز ألوان العلامة على الحقول وحلقات التركيز والأزرار
  • تدوير الحواف والظلال ومعالجة العمق
  • مسافات الحقول وموقع التسميات وتخطيطات بأعمدة
  • حركات hover وfocus والانتقالات السلسة
  • حالات خطأ ورسائل تحقّق مخصّصة
  • أوراق طباعة لسير العمل الورقي
  • تجاوزات للموبايل عبر media queries
FORM PREVIEW

أسئلة شائعة

أين أضيف CSS المخصّص؟
افتح نموذجك واذهب إلى التصميم ← CSS المخصّص. يظهر المحرّر مع تمييز الصياغة. احفظ فتُطبَّق الأنماط على النموذج الحيّ فوراً.
هل يمكنني استيراد خطوط خارجية؟
نعم. استخدم @import url(...) في أعلى CSS لجلب Google Fonts أو Adobe Fonts أو أي خط ويب. يحترم النموذج الاستيراد عند التحميل.
هل ينكسر CSS عند تحديثكم لمحرّك العرض؟
نعتبر أسماء فئات CSS العامّة واجهة مستقرّة ونتجنّب إعادة تسميتها في التحديثات الاعتيادية. التغييرات الكبرى تُوثَّق في سجل التغييرات بملاحظات الترحيل.
هل يمكنني تجاوز أنماط الثيم؟
يمكنك تجاوز أي شيء. CSS المخصّص يُحمَّل بعد أنماط الثيم، فتسبق قواعدك في التتالي. لا حاجة لـ !important غالباً.
هل CSS المخصّص متاح في الخطّة المجانية؟
CSS المخصّص ضمن الخطط المدفوعة. الخطّة المجانية تدعم نظام الثيمات الكامل؛ راجع التسعير لتحديد المستوى.
هل يمكنني مشاركة CSS بين عدّة نماذج؟
حالياً كل نموذج له CSS خاص. للأنماط المشتركة بين نماذج كثيرة، انسخ المقتطف أو احفظه في نظام ملاحظات/مقتطفات الفريق.

ذو صلة

الثيمات

5 ثيمات مدمجة تغطي الحالات الشائعة. خصّص الألوان والخطوط بصرياً قبل اللجوء إلى CSS.

اعرف المزيد →

White-label

احذف علامة FormBuilder تماماً في الخطط المدفوعة. ادمج مع CSS المخصّص لهوية علامة كاملة.

اعرف المزيد →

محرّر السحب والإفلات

يهتمّ المحرّر البصري بالبنية والحقول والتحقّق والمنطق الشرطي. CSS يهتمّ بالمظهر.

اعرف المزيد →

صمّم نماذجك تماماً كما تريد

اختر ثيماً وراكم CSS فوقه وأطلِق نموذجاً لا يشبه غيره.

ابدأ مجاناً