آیا به دنبال راهی برای استفاده از انتخابگر های سی اس اس فیلد لیست در افزونه گرویتی فرمز هستید؟ پلاگین گراویتی فرمز یک افزونه وردپرس فرم ساز بسیار قدرتمند می باشد. که شما با این افزونه می توانید در چند دقیقه به سرعت، حرفه ای ترین فرم ها را بسازید و از آن به عنوان دریافت اطلاعات به صورت آسان از کاربر استفاده کنید. هم اکنون آخرین نسخه اورجینال و فارسی افزونه گراویتی را می توانید از وبسایت سمندون تهیه و استفاده نمایید.
توجه: برای خرید افزونه گرویتی فرمز اینجا کلیک کنید.
نحوه استفاده از انتخابگر های سی اس اس فیلد لیست در افزونه گرویتی فرمز
معرفی افزونه:
گرویتی فرمز یک افزونه قدرتمند وردپرس است که برای ساده سازی فرآیند ایجاد و مدیریت فرم ها در وب سایت ها طراحی شده. این افزونه که توسط شرکت (Rocketgenius) توسعه یافته، یک رابط کاربر پسند بصری را ارائه می دهد. که به کاربران اجازه می دهد بدون زحمت انواع مختلفی از فرم ها، مانند فرم های تماس، نظرسنجی، آزمون ها و موارد دیگر را بسازند. این افزونه طیف گسترده ای از فیلد های فرم، شامل: فیلد های متنی، دکمه های رادیویی، چک باکس ها و آپلود فایل ها را فراهم می کند و کاربران را قادر می سازد تا فرم ها را برای رفع نیاز های خاص خود سفارشی کنند.
این افزونه در ویژگی های پیشرفته اش برتری دارد. و به منطق شرطی اجازه می دهد تا فرم های پویا را ایجاد کند که با ورودی های کاربر سازگار است. علاوه بر این، به طور یکپارچه با خدمات محبوب شخص ثالث، مانند درگاه های پرداخت، ابزار های بازاریابی ایمیلی، و سیستم های (CRM) ادغام می شود و عملکرد آن را افزایش می دهد. این افزونه همچنین از فرم های چند صفحه ای، حفاظت از هرز نامه و مدیریت ورود فرم پشتیبانی می کند.
نگه دارنده (div) فیلد لیست جدول (HTML) را می پیچد.
- مثال: نگه دارنده فیلد لیست (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_listbody .gform_wrapper .gform_body .gform_fields .gfield .ginput_list {border: 1px solid red}
- به عنوان مثال: نگه دارنده فیلد پیشرفته (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list {border: 1px solid red}
- به عنوان مثال: نگه دارنده فیلد پیشرفته (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_list {border: 1px solid red}
نگه دارنده جدول برای انتخابگر های سی اس اس فیلد لیست در افزونه گرویتی فرمز
فیلد فهرست ساختار جدول (HTML) که حاوی ورودی های فیلد فهرست است.
- مثال: جدول فیلد لیست – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_listbody .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list {border: 1px solid red}
- به عنوان مثال: نگه دارنده فیلد پیشرفته (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list {border: 1px solid red}
- به عنوان مثال: نگه دارنده فیلد پیشرفته (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_list table.gfield_list {border: 1px solid red}
سر صفحه ها (برچسب ها) برای انتخابگر های سی اس اس فیلد لیست در افزونه گرویتی فرمز
سر صفحه های جداول (HTML) (برچسب ها) را هدف قرار می دهد.
- مثال: ستون با اعداد فرد (colgroup) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield div.ginput_container_list table.gfield_list thead th {color: red}
- مثال: ستون با اعداد فرد (colgroup) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield div.ginput_container_list table.gfield_list thead th {color:red}
- مثال: ستون با اعداد فرد (colgroup) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield div.ginput_container_list table.gfield_list thead th {color: red}
ستون ها برای انتخابگر های سی اس اس فیلد لیست در افزونه گرویتی فرمز
ستون های جداول (HTML) (گروه های همگانی) را هدف قرار می دهد – برای تعیین اندازه ها یا ایجاد سبک های ستون با رنگ متناوب مفید است.
- مثال: ستون با اعداد فرد (colgroup) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list colgroup col.gfield_list_col_odd {border: 1px solid red}
- مثال: ستون با اعداد فرد (colgroup) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list colgroup col.gfield_list_col_odd {border: 1px solid red}
- مثال: ستون با اعداد فرد (colgroup) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield ginput_list table.gfield_list colgroup col.gfield_list_col_odd {border: 1px solid red}
- مثال: ستون زوج با شماره (colgroup) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list colgroup col.gfield_list_col_even {border: 1px solid red}
- مثال: ستون زوج با شماره (colgroup) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list colgroup col.gfield_list_col_even {border: 1px solid red}
- مثال: ستون زوج با شماره (colgroup) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield ginput_list table.gfield_list colgroup col.gfield_list_col_even {border: 1px solid red}
- به عنوان مثال: هدف قرار دادن یک ستون خاص (colgroup) توسط (ID) فقط برای لیست (2)، ستون شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list colgroup col#gfield_list_2_col1 {border: 1px solid red}
ردیف ها برای انتخابگر های سی اس اس فیلد لیست در افزونه گرویتی فرمز
ردیف های فرد
ردیف های جداول (HTML) را هدف قرار می دهد، برای تعیین اندازه یا ایجاد سبک های ردیف با رنگ متناوب مفید است.
- مثال: ردیف فرد برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr.gfield_list_row_odd {border: 1px solid red}
- به عنوان مثال: ردیف با اعداد فرد فقط برای شکل دادن (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr.gfield_list_row_odd {border: 1px solid red}
- به عنوان مثال: ردیف با اعداد فرد – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield ginput_list table.gfield_list tbody tr.gfield_list_row_odd {border: 1px solid red}
ردیف های زوج
- مثال: ردیف زوج برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr.gfield_list_row_even {border: 1px solid red}
- مثال: ردیف زوج فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr.gfield_list_row_even {border: 1px solid red}
- مثال: ردیف زوج فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield ginput_list table.gfield_list tbody tr.gfield_list_row_even {border: 1px solid red}
همه ردیف ها، اگر می خواهید تمام ردیف ها را با یک سی اس اس هدف قرار دهید، می توانید از موارد زیر استفاده کنید:
- مثال: برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr.gfield_list_group {border: 1px solid red}
- مثال: فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr.gfield_list_group {border: 1px solid red}
- مثال: فقط برای نگه دارنده خاصی اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield ginput_list table.gfield_list tbody tr.gfield_list_group {border: 1px solid red}
سلول ها برای انتخابگر های سی اس اس فیلد لیست در افزونه گرویتی فرمز
سلول های جدول (HTML) فیلد لیست را هدف قرار می دهد.
- مثال: سلول جدول لیست برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr td.gfield_list_cell {border: 1px solid red}
- به عنوان مثال: سلول جدول لیست فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr td.gfield_list_cell {border: 1px solid red}
- به عنوان مثال: سلول جدول لیست – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield ginput_list table.gfield_list tbody tr td.gfield_list_cell {border: 1px solid red}
نگه دارنده آیکون ها برای انتخابگر های سی اس اس فیلد لیست در افزونه گرویتی فرمز
سلول جدول حاوی آیکون های را برای افزودن یا حذف ردیف ها هدف قرار می دهد.
- مثال: برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr td.gfield_list_icons {border: 1px solid red}
- مثال: فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr td.gfield_list_icons {border: 1px solid red}
- مثال: فقط برای نگه دارنده خاصی اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield ginput_list table.gfield_list tbody tr td.gfield_list_icons {border: 1px solid red}
افزودن یا حذف آیکون ها برای انتخابگر های سی اس اس فیلد لیست در افزونه گرویتی فرمز
آیکون های را برای افزودن یا حذف ردیف ها هدف قرار می دهد.
- به عنوان مثال: آیکون های افزودن ردیف را در فرم (ID) شماره (1) مخفی کنید.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr td.gfield_list_icons .add_list_item {display:none;}
- به عنوان مثال: آیکون های حذف ردیف را در فرم (ID) شماره (1) مخفی کنید.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody tr td.gfield_list_icons .delete_list_item {display:none;}
