آیا به دنبال راهی برای استفاده از انتخابگر های CSS برای فرم های چند صفحه ای گرویتی فرمز هستید؟ پلاگین گراویتی فرمز یک افزونه وردپرس فرم ساز بسیار قدرتمند می باشد. که شما با این افزونه می توانید در چند دقیقه به سرعت، حرفه ای ترین فرم ها را بسازید و از آن به عنوان دریافت اطلاعات به صورت آسان از کاربر استفاده کنید. هم اکنون آخرین نسخه اورجینال و فارسی افزونه گراویتی را می توانید از وبسایت سمندون تهیه و استفاده نمایید.
توجه: برای خرید افزونه گرویتی فرمز اینجا کلیک کنید.
نحوه استفاده از انتخابگر های CSS برای فرم های چند صفحه ای گرویتی فرمز
معرفی افزونه:
گرویتی فرمز یک افزونه قدرتمند وردپرس است که برای ساده سازی فرآیند ایجاد و مدیریت فرم ها در وب سایت ها طراحی شده. این افزونه که توسط شرکت (Rocketgenius) توسعه یافته، یک رابط کاربر پسند بصری را ارائه می دهد. که به کاربران اجازه می دهد بدون زحمت انواع مختلفی از فرم ها، مانند فرم های تماس، نظرسنجی، آزمون ها و موارد دیگر را بسازند. این افزونه طیف گسترده ای از فیلد های فرم، شامل: فیلد های متنی، دکمه های رادیویی، چک باکس ها و آپلود فایل ها را فراهم می کند و کاربران را قادر می سازد تا فرم ها را برای رفع نیاز های خاص خود سفارشی کنند.
این افزونه در ویژگی های پیشرفته اش برتری دارد. و به منطق شرطی اجازه می دهد تا فرم های پویا را ایجاد کند که با ورودی های کاربر سازگار است. علاوه بر این، به طور یکپارچه با خدمات محبوب شخص ثالث، مانند درگاه های پرداخت، ابزار های بازاریابی ایمیلی، و سیستم های (CRM) ادغام می شود و عملکرد آن را افزایش می دهد. این افزونه همچنین از فرم های چند صفحه ای، حفاظت از هرز نامه و مدیریت ورود فرم پشتیبانی می کند.
نگه دارنده نوار پیشرفت برای انتخابگر های سی اس اس فرم های چند صفحه ای در افزونه گرویتی فرمز
- به عنوان مثال: نگه دارنده نوار پیشرفت فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_progressbar_wrapper {border: 1px solid red}
- به عنوان مثال: نگه دارنده نوار پیشرفت فرم چند صفحه ای (div) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gf_progressbar_wrapper {border: 1px solid red}
عنوان نوار پیشرفت برای انتخابگر های سی اس اس فرم های چند صفحه ای در افزونه گرویتی فرمز
عنوان نوار پیشرفت حاوی متن “Step x of y” است.
- مثال: عنوان نوار پیشرفت فرم چند صفحه ای (h3) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_title {color: red}
- به عنوان مثال: عنوان نوار پیشرفت فرم چند صفحه ای (h3) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gf_progressbar_wrapper .gf_progressbar_title {color: red}
درصد نوار پیشرفت برای انتخابگر های سی اس اس فرم های چند صفحه ای در افزونه گرویتی فرمز
این نوار درصد پیشرفت است که آن را در زیر عنوان در قسمت بالا نشان می دهد.
- به عنوان مثال: نوار پیشرفت فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_progressbar_wrapper .gf_progressbar {border: 1px solid red}
- به عنوان مثال: نوار پیشرفت فرم چند صفحه ای (div) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gf_progressbar_wrapper .gf_progressbar {border: 1px solid red}
نوار درصد برای انتخابگر های سی اس اس فرم های چند صفحه ای در افزونه گرویتی فرمز
- مثال: نوار درصد در نوار پیشرفت فرم چند صفحه ای – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage {border: 1px solid red}
- به عنوان مثال: نوار درصد در نوار پیشرفت فرم چند صفحه ای – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage {border: 1px solid red}
درصد مقدار تکمیل شده برای انتخابگر های سی اس اس فرم های چند صفحه ای در افزونه گرویتی فرمز
- به عنوان مثال: درصد تعداد تکمیل شده (محدوده) در نوار پیشرفت فرم چند صفحه ای – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span {border: 1px solid red}
- به عنوان مثال: درصد تعداد تکمیل شده (فضای) در نوار پیشرفت فرم چند صفحه ای – فقط برای فرم شماره (1) اعمال می شود.
body #gform_wrapper_1 .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span {border: 1px solid red}
نگه دارنده مراحل برای انتخابگر های سی اس اس فرم های چند صفحه ای در افزونه گرویتی فرمز
شامل متن مراحل تعریف شده توسط کاربر است.
- مثال: نگه دارنده مراحل فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_page_steps {border: 1px solid red}
- مثال: نگه دارنده مراحل فرم چند صفحه ای (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gf_page_steps {border: 1px solid red}
تمامی مراحل برای انتخابگر های سی اس اس فرم های چند صفحه ای در افزونه گرویتی فرمز
- به عنوان مثال: مرحله فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_page_steps .gf_step {color: red}
- به عنوان مثال: مرحله فرم چند صفحه ای (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gf_page_steps .gf_step {color: red}
مراحل فعال برای انتخابگر های سی اس اس فرم های چند صفحه ای در افزونه گرویتی فرمز
- به عنوان مثال: مرحله فعال فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_page_steps .gf_step_active {color: red}
- به عنوان مثال: مرحله فعال فرم چند صفحه ای (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gf_page_steps .gf_step_active {color: red}
مراحل غیر فعال برای فرم های چند صفحه ای در افزونه گرویتی فرمز
- به عنوان مثال: مرحله غیر فعال فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_page_steps .gf_step_pending {color: red}
- به عنوان مثال: مرحله غیر فعال فرم چند صفحه ای (div) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gf_page_steps .gf_step_pending {color: red}
صفحات برای فرم های چند صفحه ای در افزونه گرویتی فرمز
هر مجموعه فیلد «صفحه بندی شده» را کامل می کند.
- مثال: صفحه فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_page {border: 1px solid red}
- مثال: صفحه فرم چند صفحه ای (div) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_page {border: 1px solid red}
- مثال: صفحه فرم چند صفحه ای (div) – فقط برای صفحه (2) در فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 #gform_page_1_2 {border: 1px solid red}
پاورقی برای فرم های چند صفحه ای در افزونه گرویتی فرمز
شامل دکمه های صفحه بندی قبلی و بعدی است.
- مثال: پاورقی فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_page_footer {border: 1px solid red}
- به عنوان مثال: پاورقی (فوتر) فرم چند صفحه ای (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page_footer {border: 1px solid red}
دکمه ها برای فرم های چند صفحه ای در افزونه گرویتی فرمز
دکمه بعدی
- مثال: فرم چند صفحه ای – دکمه بعدی (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button {border: 1px solid red}
- به عنوان مثال: فرم چند صفحه ای – دکمه بعدی (ورودی) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page_footer .gform_next_button {border: 1px solid red}
- به عنوان مثال: فرم چند صفحه – دکمه بعدی (ورودی) – فقط برای دکمه با شناسه شماره (1) در شناسه فرم شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page_footer #gform_next_button_1_1 {border: 1px solid red}
دکمه قبلی برای فرم های چند صفحه ای در افزونه گرویتی فرمز
- مثال: فرم چند صفحه ای – دکمه قبلی (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button {border: 1px solid red}
- به عنوان مثال: فرم چند صفحه ای – دکمه قبلی (ورودی) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page_footer .gform_previous_button {border: 1px solid red}
- به عنوان مثال: فرم چند صفحه – دکمه بعدی (ورودی) – فقط برای دکمه با شناسه شماره (2) در شناسه فرم شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page_footer #gform_previous_button_1_2 {border: 1px solid red}
دکمه ارسال برای فرم های چند صفحه ای در افزونه گرویتی فرمز
- به عنوان مثال: فرم چند صفحه ای – دکمه ارسال (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_page_footer .gform_button {border: 1px solid red}
- مثال: فرم چند صفحه ای – دکمه ارسال (ورودی) – فقط برای شناسه شماره (1) فرم اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page_footer .gform_button {border: 1px solid red}
