برای دسترسی به مقالات حرفه ای ثبت نام کنید
خانه » طراحی وب » شیوه نامه ها (css) » آموزش ساخت فرم ثبت نام

آموزش ساخت فرم ثبت نام

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

نتیجه کار به صورت زیر است:

برای خواندن آموزش به ادامه مطلب برید.

برای شروع کد زیر را به هدر و یا استایل سایت خود اضافه کنید.

 

 

سپس باید در داخل فرم HTML کلاس “registration” را به تگ div اضافه کنید، مانند کد زیر:

 

 

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

فقط سه کلمه “oranges” را در کلاس p.error و register_button تغییر دهید، و همچنین registration input:focus را نیز تغییر دهید.

در زیر چند نمونه را میتوانید مشاهده کنید:

لذت ببرید!

برچسب ها:

درباره حامد مظاهری

حامد مظاهری هستم، نویسنده و مدیر سایت والفا. همه تو نت من و به اسم "John Constantine" میشناسن. علاقه زیادی به گرافیک دارم و همچنین در حال یادگیری طراحی وب هستم. اینجا هم مطالبی و میزارم که خودم استفاده میکنم و به نظرم جالب و مفید هست. برای آشنایی بیشتر با من به پروفایلم سر بزنید: http://About.me/broodyjoker
  • هادی مرادی

    نحوی اموزش ثبت نام تویتر

    • http://www.wallfa.com حسن موحد

      یعنی چی ؟

  • http://nimebuzz.rzb.ir beck

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

    • http://www.wallfa.com حسن موحد

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

  • مهسا

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

    • http://www.wallfa.com حسن موحد

      باید از تگ

بازگشت به بالا