آیا به دنبال راهی برای استفاده از انتخابگر های سی اس اس فیلد کارت اعتباری در افزونه گرویتی فرمز هستید؟ پلاگین گراویتی فرمز یک افزونه وردپرس فرم ساز بسیار قدرتمند می باشد. که شما با این افزونه می توانید در چند دقیقه به سرعت، حرفه ای ترین فرم ها را بسازید و از آن به عنوان دریافت اطلاعات به صورت آسان از کاربر استفاده کنید. هم اکنون آخرین نسخه اورجینال و فارسی افزونه گراویتی را می توانید از وبسایت سمندون تهیه و استفاده نمایید.
توجه: برای خرید افزونه گرویتی فرمز اینجا کلیک کنید.
نحوه استفاده از انتخابگر های سی اس اس فیلد کارت اعتباری در افزونه گرویتی فرمز
معرفی افزونه:
گرویتی فرمز یک افزونه قدرتمند وردپرس است که برای ساده سازی فرآیند ایجاد و مدیریت فرم ها در وب سایت ها طراحی شده. این افزونه که توسط شرکت (Rocketgenius) توسعه یافته، یک رابط کاربر پسند بصری را ارائه می دهد. که به کاربران اجازه می دهد بدون زحمت انواع مختلفی از فرم ها، مانند فرم های تماس، نظرسنجی، آزمون ها و موارد دیگر را بسازند. این افزونه طیف گسترده ای از فیلد های فرم، شامل: فیلد های متنی، دکمه های رادیویی، چک باکس ها و آپلود فایل ها را فراهم می کند و کاربران را قادر می سازد تا فرم ها را برای رفع نیاز های خاص خود سفارشی کنند.
این افزونه در ویژگی های پیشرفته اش برتری دارد. و به منطق شرطی اجازه می دهد تا فرم های پویا را ایجاد کند که با ورودی های کاربر سازگار است. علاوه بر این، به طور یکپارچه با خدمات محبوب شخص ثالث، مانند درگاه های پرداخت، ابزار های بازاریابی ایمیلی، و سیستم های (CRM) ادغام می شود و عملکرد آن را افزایش می دهد. این افزونه همچنین از فرم های چند صفحه ای، حفاظت از هرز نامه و مدیریت ورود فرم پشتیبانی می کند.
نگه دارنده برای انتخابگر های سی اس اس فیلد کارت اعتباری در افزونه گرویتی فرمز
- به عنوان مثال: نگه دارنده فیلد کارت اعتباری (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard {border: 1px solid red;}
- به عنوان مثال: نگه دارنده فیلد کارت اعتباری (div) – فقط برای فرم ID #1 اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard {border: 1px solid red;}
- به عنوان مثال: نگه دارنده فیلد کارت اعتباری (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی شما)
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard {border: 1px solid red;}
نگه دارنده برای آیکون های کارت اعتباری
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای شکل (ID #1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .gform_card_icon_container {border: 1px solid red;}
آمریکن اکسپرس
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_amex {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای شکل (ID #1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_amex {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای ظرف خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_amex {border: 1px solid red;}
دیس کاور
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_discover {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای شکل (ID #1) اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_discover {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای ظرف خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_discover {border: 1px solid red;}
مستر کارت
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_mastercard {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای شکل (ID #1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_mastercard {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_mastercard {border: 1px solid red;}
ویزا کارت
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_visa {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای شکل (ID #1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_visa {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon_visa {border: 1px solid red;}
ورودی شماره کارت برای
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_full input {border: 1px solid red;}
- مثال: نگه دارنده آیکون کارت اعتباری (ورودی) – فقط برای شکل (ID #1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_full input {border: 1px solid red;}
- مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .ginput_full input {border: 1px solid red;}
تاریخ انقضاء کارت برای انتخابگر های سی اس اس فیلد کارت اعتباری در افزونه گرویتی فرمز
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_expiration_container {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای فرم (ID #1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_expiration_container {border: 1px solid red;}
- به عنوان مثال: نگه دارنده آیکون کارت اعتباری (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی شما)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .ginput_expiration_container {border: 1px solid red;}
ماه
- به عنوان مثال: ماه انقضای کارت (انتخاب کنید) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_expiration_container .ginput_card_expiration_month {border: 1px solid red;}
- به عنوان مثال: ماه انقضای کارت (انتخاب کنید) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_expiration_container .ginput_card_expiration_month {border: 1px solid red;}
- به عنوان مثال: ماه انقضای کارت (انتخاب) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .ginput_expiration_container .ginput_card_expiration_month {border: 1px solid red;}
سال
- به عنوان مثال: ماه انقضای کارت (انتخاب کنید) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_expiration_container .ginput_card_expiration_year {border: 1px solid red;}
- به عنوان مثال: ماه انقضای کارت (انتخاب کنید) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_expiration_container .ginput_card_expiration_year {border: 1px solid red;}
- به عنوان مثال: ماه انقضای کارت (انتخاب) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .ginput_expiration_container .ginput_card_expiration_year {border: 1px solid red;}
نگه دارنده کد امنیتی برای انتخابگر های سی اس اس فیلد کارت اعتباری در افزونه گرویتی فرمز
- به عنوان مثال: نگه دارنده کد امنیتی کارت (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_cardinfo_right {border: 1px solid red;}
- به عنوان مثال: نگه دارنده کد امنیتی کارت (div) – فقط برای فرم (ID #1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_cardinfo_right {border: 1px solid red;}
- به عنوان مثال: نگه دارنده کد امنیتی کارت (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .ginput_cardinfo_right {border: 1px solid red;}
ورودی ها برای انتخابگر های سی اس اس فیلد کارت اعتباری در افزونه گرویتی فرمز
- به عنوان مثال: ورودی کد امنیتی کارت (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_cardinfo_right .ginput_card_security_code {border: 1px solid red;}
- به عنوان مثال: ورودی کد امنیتی کارت (ورودی) – فقط برای شکل (ID) شماره (1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_cardinfo_right .ginput_card_security_code {border: 1px solid red;}
- به عنوان مثال: ورودی کد امنیتی کارت (ورودی) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .ginput_cardinfo_right .ginput_card_security_code {border: 1px solid red;}
آیکون ها برای فیلد کارت اعتباری در افزونه گرویتی فرمز
- به عنوان مثال: آیکون کد امنیتی کارت (span) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_cardinfo_right .ginput_card_security_code_icon {border: 1px solid red;}
- به عنوان مثال: آیکون کد امنیتی کارت (span) – فقط برای شکل (ID #1) اعمال می شود.
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_creditcard .ginput_cardinfo_right .ginput_card_security_code_icon {border: 1px solid red;}
- به عنوان مثال: آیکون کد امنیتی کارت (گستره) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_creditcard .ginput_cardinfo_right .ginput_card_security_code_icon {border: 1px solid red;}