فرم ثبت نام

[spdi 10]

سلام مجدد خدمت دوستان عزیز

چند وقتی هستش دنبال اینطور استایلی جهت فرم هام هستم اما پیدا نمی کنم کسی از دوستان می تونه راهنمائی کنه ؟

نمونه قسمت ثبت نام سایت پانداوو

pandawow.ir

اگه اشتباه نکنم با جاوا اسکریپت هستش! دوستان لطف کنید کد جاوا بدین ، جیکوئری نباشه لطفا اگه با جاوااسکریپت هستش

[sadaf3d 14]

برای این کاری که شما میخاید انجام بدید ( که به نظر بنده لازم هم نیست که این کار رو بکنید چون در جوملا معادل اختراع چرخ از اول هست) باید ابتدا بگید که آیا از فریم ورک های سمت UI یا در واقع سمت کلاینت استفاده میکنید یا خیر؟

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

به این موارد میگن مودال.

در بوت استرپ در این لینک میتونید ببینید که چجوری استفاده میشه:

http://getbootstrap.com/javascript/#modals-sizes

اگه از هیچ فریم ورکی استفاده نمیکنید همین تاپیک رو ادامه بدید.(هر چند که باید بگم معمولا بهتره از فریم ورک استفاده کنید)

ضمنا از این به بعد عنوان تاپیک هاتون رو مرتبط تر انتخاب کنید.

[saber 208]

نمونه های بسیار زیادی اگر بگردید توی نت پیدا میکنید البته اکثرا اونهایی که زیباتر هستن با جیکوئری هستن یه نمونه در لینک زیر هست

How To Create Pop-up Contact Form Using JavaScript | FormGet

[spdi 10]

بوسیله css استایل رو responsive کردم

[spdi 10]

تشکر از saber عزیز

بله چندتایی پیدا کردم ولی بوسیله جیکوئری بودن!

[sadaf3d 14]

با تشکر از saber

این رو هم میتونید امتحان کنید:

Fade and Drop Demo

فاقد جی کوئری هست.

اما کلا این حرکت ها رو یعنی استفاده از این جور چیزا رو خوشایند نمیدونم و به جای اون از بوت استرپ، uikit و فریم ورک های اینچنینی میتونید استفاده کنید.

[spdi 10]

دوست عزیز sadaf3d

یه راه ارتباطی به بنده بدید تا یه عکس به شما نشون بدم نظر دهی کنید برای فرم ها که چطوری زده بشن