استایل جدید فرم تماس با ما

استایل جدید فرم تماس با ما در پست قبلی استایل تماس با ما ۷  استایل ساده و زیبا براتون قرار داده بودیم

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

استایل جدید فرم تماس با ما

شما باید استایل پیوست شده را در پوشه 

wp-content/plugins/contact-form-7/includes/css/styles.css

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

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

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

سپس در صفحه باز شده کدهای زیر را در فرم قرار دهید.

 

<ul id="contact">
<li><span class="text">نام</span>[text* your-name]</li>

<li><span class="text">ایمیل</span>[email* your-email] </li>

<li><span class="text">موضوع</span>[text your-subject]</li>

<li id="message"><span class="text">پیام</span>[textarea your-message] </li>

<li id="submit">[submit "ارسال"]</li>
</ul>

 

و تنظیمات را ذخیره نمایید.کار تمام است حالا به صفحه تماس با ما رفته و استایل جدید را مشاهده نمایید.

 

دانلود کد

6 Comments

  1. سلام مراحلی که گفتید رفتم فرم تماس تنظیم شد ولی ایمیل که میدم به ادرس ایمیلی که مشخص کردم نمیره در اسپم هم نیست لطفا راهنمایی کنید تشکر

    خانم گل
    1. از طریق استایلی که براتون قرار دادم باید طول input را کوتاه کنید.
      فرم فعلی ما با این کد فرق داره .این فرم متصل به ربات تلگرامیه و پیامای افرادو به ربات تلگرامم میفرسته

      admin

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code