تغییر در ظاهر عناصر فرم ها به کمک پلاگین NiceForms

تاریخ انتشار:

Niceforms پلاگینی حرفه ای بر پایه JavaScript برای تغییر در ظاهر عناصر فرم ها می باشد. این پلاگین با تغییر در ساختار عناصر فرم این امکان را به وجود می آورد تا ظاهر عناصر را از حالت ساده و معمولی خارج کرده و با گرافیک حرفه ای تر به نمایش گذاشت.

از قابلیت های این پلاگین می توان به تغییر در ظاهر عناصر زیر اشاره کرد :

  • Button
  • Checkbox
  • Radio Button
  • File Upload Control
  • Dropdown Selectbox
  • List
  • Textarea

niceforms

برای نصب این پلاگین می بایست فایل های مورد نیاز پلاگین از قبیل فایل js و css و همچنین فولدر img را در محل مناسب کپی کرده و سپس با جایگزاری کدهای زیر در قسمت head سایت فایل ها را فراخوانی نمایید.

<script language="javascript" type="text/javascript" src="niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="niceforms-default.css" />

سپس برای اعمال تغییرات باید کلاس فرم مورد نظر را niceform قرار دهید مانند قطعه کد زیر

<form class="niceform">

بعد از انجام این مراحل ظاهر عناصر موجود در فرم تغییر خواهند کرد. لازم به ذکر است برای تغییر در گرافیک و طرح ظاهری عناصر می توانید از فایل psd موجود در پک دانلودی استفاده نمایید.

 

5 دیدگاه برای ”تغییر در ظاهر عناصر فرم ها به کمک پلاگین NiceForms

  1. مسلم

    سلام.
    مطلب خوبی بود. من قبلا تعداد زیادی از این ابزارها رو چه با jquery و چه کتابخونه های دیگه تست کردم اما اکثرا با ساختار راست به چپ (برای فراسی) مشکل دارن. این یکی رو نمیدونم!؟

    1. زاره آوانسیان

      سلام دوست عزیز
      برای فارسی سازی شما باید CSS فیلد مربوط رو یا با استفاده از خواص direction و یا text-align به حالت RTL درآورید و در تستی که من انجام دادم همه چی مرتب و در جای خودش بود.
      موفق باشید

  2. مسلم

    این دکمه ی پرش به بالا هم جالبه ها 🙂 فقط گاهی وارد عانصر و محتوای اصلی صفحه میشه.

    1. زاره آوانسیان

      مرسی از توجه شما
      در مانیتورهای عریض چنین مشکلی وجود ندارد اما در مانیتورهای با رزولوشن پایین تر متاسفانه به دلیل کمبود فضا این اتفاق رخ می دهد شما به بزرگی خودتون ببخشین 🙂

دیدگاه خود را ارسال کنید

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