آموزش ساخت فرم تماس حرفه ای در المنتور

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

ساخت فرم تماس با ما در المنتور

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

فرم تماس حرفه ای طراحی شده در این جلسه

در زیر می توانید فرم تماس حرفه ای در صفحه اصلی که توسط افزونه صفحه ساز المنتور و در این جلسه طراحی کردیم را به صورت مجزا مشاهده کنید.

کد CSS برای افزودن پس زمینه گرادیانت به این سکشن

در زیر می‌توانید کدهای مربوط به افزودن پس زمینه جذاب گرادیانت را مشاهده کرده و آن را کپی کرده و مطابق با آموزش ویدیویی آن را در بخش کاستوم CSS این سکشن فرم تماس با ما قرار دهید تا یک بک گراند جذاب به این بخش اضافه شود.

selector::after {
    content: "";
    width: 200px;
    height: 200px;
    background-color: rgba(255,161,116,.3);
    top: 0;
    left: 78vw;
    border-radius: 100%;
    position: absolute;
    z-index: -2;
    filter: blur(60px);
    -webkit-filter: blur(60px);
    overflow-x: hidden;
}

جمع بندی

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

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

• افزونه المنتور چیست؟
• نصب افزونه المنتور نسحه رایگان
• آشنایی کلی با افزونه صفحه ساز المنتور
• آموزش نصب افزونه المنتور نسخه پولی
• آموزش افزودن فونت فارسی به المنتور
• نصب افزونه وبکیما المنت
• آموزش طرح بندی و تنظیمات صفحه در المنتور
• آموزش کار با سکشن و ستون در المنتور
• آموزش 3 تب اصلی تنظیمات در المنتور
• آموزش مفهومی تم بیلدر المنتور
• آموزش طراحی هدر در المنتور
• آموزش طراحی منو موبایل در المنتور
• آموزش طراحی فوتر ریسپانسیو در المنتور
• آموزش طراحی صفحه اصلی سایت در المنتور
• طراحی سکشن دوم در صفحه اصلی المنتور
• طراحی بخش خدمات ما در صفحه اصلی
• نمایش نمونه کارها در صفحه اصلی المنتور
• نمایش مقالات در صفحه اصلی المنتور
• نمایش نظرات مشتریان در المنتور
• نمایش لوگو مشتریان در المنتور