آیا به دنبال راهی برای استفاده از انتخابگر های سی اس اس دکمه ارسال در افزونه گرویتی فرمز هستید؟ پلاگین گراویتی فرمز یک افزونه وردپرس فرم ساز بسیار قدرتمند‌ می باشد. که شما با این افزونه می توانید در چند دقیقه به سرعت، حرفه ای ترین فرم ها را بسازید و از آن به عنوان دریافت اطلاعات به صورت آسان از کاربر استفاده کنید. هم اکنون آخرین نسخه اورجینال و فارسی افزونه گراویتی را می توانید از وبسایت سمندون تهیه و استفاده نمایید.

توجه: برای خرید افزونه گرویتی فرمز اینجا کلیک کنید.

نحوه استفاده از انتخابگر های سی اس اس دکمه ارسال در افزونه گرویتی فرمز

معرفی افزونه:

گرویتی فرمز یک افزونه قدرتمند وردپرس است که برای ساده سازی فرآیند ایجاد و مدیریت فرم ها در وب سایت ها طراحی شده. این افزونه که توسط شرکت (Rocketgenius) توسعه یافته، یک رابط کاربر پسند بصری را ارائه می دهد. که به کاربران اجازه می دهد بدون زحمت انواع مختلفی از فرم ها، مانند فرم های تماس، نظرسنجی، آزمون ها و موارد دیگر را بسازند. این افزونه طیف گسترده ‌ای از فیلد های فرم، شامل: فیلد های متنی، دکمه‌ های رادیویی، چک باکس‌ ها و آپلود فایل ‌ها را فراهم می ‌کند و کاربران را قادر می ‌سازد تا فرم‌ ها را برای رفع نیاز های خاص خود سفارشی کنند.

این افزونه در ویژگی‌ های پیشرفته‌ اش برتری دارد. و به منطق شرطی اجازه می‌ دهد تا فرم ‌های پویا را ایجاد کند که با ورودی ‌های کاربر سازگار است. علاوه بر این، به طور یکپارچه با خدمات محبوب شخص ثالث، مانند درگاه های پرداخت، ابزار های بازاریابی ایمیلی، و سیستم های (CRM) ادغام می شود و عملکرد آن را افزایش می دهد. این افزونه همچنین از فرم های چند صفحه ای، حفاظت از هرز نامه و مدیریت ورود فرم پشتیبانی می کند.

در این مقاله نحوه اعمال سبک ها به دکمه های ارسال گرویتی فرمز را آموزش می دهیم. می توانید از این انتخابگر ها برای اعمال هر گونه استایل اضافی که ممکن است نیاز پیدا کنید، استفاده کنید.

هدف گذاری اساسی دکمه ارسال برای انتخابگر های سی اس اس دکمه ارسال در افزونه گرویتی فرمز

• به عنوان مثال: دکمه ارسال فرم (ورودی) – برای همه فرم ها اعمال می شود.

body .gform_wrapper .gform_footer input[type=submit] {border: 1px solid red}

• به عنوان مثال: دکمه ارسال فرم (ورودی) – فقط برای شناسه شماره (1) فرم اعمال می شود.

body #gform_wrapper_1 .gform_footer input[type=submit] {border: 1px solid red}

دکمه ارسال (تصویر) برای انتخابگر های سی اس اس دکمه ارسال در افزونه گرویتی فرمز

• به عنوان مثال: دکمه ارسال فرم (تصویر) – برای همه فرم ها اعمال می شود.

body .gform_wrapper .gform_footer input[type=image] {border: 1px solid red}

• به عنوان مثال: دکمه ارسال فرم (تصویر) – فقط برای شناسه شماره (1) فرم اعمال می شود.

body #gform_wrapper_1 .gform_footer input[type=image] {border: 1px solid red}

از نمونه های موردی استفاده کنید، مثال های پایه ای به صورت زیر می باشد:

body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
color:#ffffff;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
border: 1px solid rgba(114,114,114,0.4);
border-radius: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
background-color: #0096d6;
}

مثال های هاور برای انتخابگر های سی اس اس دکمه ارسال در افزونه گرویتی فرمز

body .gform_wrapper .gform_footer input[type=submit]:hover {
border: 1px solid rgba(114,114,114,0.6);
background-color: #444444;
}

مثال حالت فعال برای دکمه ارسال در افزونه گرویتی فرمز

body .gform_wrapper .gform_footer input[type=submit]:active {
top: 1px;
}

دکمه مخفی سازی برای دکمه ارسال در افزونه گرویتی فرمز

• استفاده از نمایشگر معمولی (:none;) برای مخفی سازی دکمه، کنترل کننده ارسال فرم، ارسال را لغو می کند. مثال زیر یک روش جایگزین برای پنهان سازی دکمه بدون ایجاد مشکل را نشان می دهد.

body #gform_wrapper_1 .gform_footer input[type=submit] {
visibility: hidden!important;
position: absolute!important;
left: -9999px!important;
}