• صفحه اصلی
  • آموزش طراحی انواع فرم های حرفه ای با HTML و CSS3
Subscribe
Notify of
guest
104 نظرات
بازخورد (Feedback) های اینلاین
View all comments
Parhamkns
Parhamkns
3 سال و قبل

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

Parhamkns
Parhamkns
3 سال و قبل
پاسخ به  حسین هزاره

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

pixelspofficial
pixelspofficial
3 سال و قبل

سلام استاد خسته نباشید
این ارور چی میگه
اینم سوروس کدهام هستش

فراز فلاح
فراز فلاح
3 سال و قبل

سلام
در فرم شماره 3 همه چیز درست عمل میکنه فقط یه مشکلی هست، زمانی که در input ها متغیر وارد میشه (برای مثال در اینپوت نام کاربری)placeholder نام کاربری به سمت بالا حرکت میکنه و وقتی روی اینپوت بعدی کلیک میکنی مجدداً برمیگرده و پلیس هولدر روی متغیر وارد شده میوفته . اگه ممکنه راهنمایی کنید

علی مظلوم
ادمین
علی مظلوم
3 سال و قبل
پاسخ به  فراز فلاح

با سلام و خسته نباشید
فایل پروژتون رو فشرده و برای ما ارسال تا مشکلتون رو بررسی و رفع و نحوه حل آن را توضیح دهیم.

alireza2100
alireza2100
3 سال و قبل

سلام استاد من بخش دانلود فرم بخش 3 سوم دانلودش پیغام Invalid Request!
80.210.209.126 مید ه اگر امکان داره رفعش کنید ممنون

علی مظلوم
ادمین
علی مظلوم
3 سال و قبل
پاسخ به  alireza2100

با سلام و خسته نباشید
مشکلی در دانلود یا نمایش ویدیوها مشاهده نکردیم. با مرورگر دیگری تست کنید. همچنین یک بار مودم رو خاموش روشن کنید تا آیپی استاتیک تغییر کند.

دانیال
دانیال
3 سال و قبل

سلام من سایت اچ تی ام ال دارم همه چی عالی شده فقط ایمیل ارسال نمیشه یعنی نمیئونم چیکار کنم که بگم به کجا ارسال بشه درضمن طبق پروژه اول جلو رفتم
خواهش میکنم کمکم کنید وگرنه کلا حاصلی برام نداره

علی مظلوم
ادمین
علی مظلوم
3 سال و قبل
پاسخ به  دانیال

با سلام و خسته نباشید
دقیقا در چه مرحله ای هستین و فایل پروژه رو فشرده و برای ما ارسال تا مشکلتون رو بررسی کنیم.

Asal safarinasab
Asal safarinasab
3 سال و قبل

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

علی مظلوم
ادمین
علی مظلوم
3 سال و قبل
پاسخ به  Asal safarinasab

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

danyal arduino
danyal arduino
3 سال و قبل

سلام
میشه بگید با چه نرم افزاری کار می کنید؟

علی مظلوم
ادمین
علی مظلوم
3 سال و قبل
پاسخ به  danyal arduino

با سلام و خسته نباشید
ادیتور Bracket

pooriarez
pooriarez
3 سال و قبل

سلام خسته نباشید قسمت آموزش طراحی انواع فرم های حرفه ای با HTML و CSS3 و همین طور آموزش جامع HTML و CSS از صفرِ که من نگاه میکردم اکثر فیلما لینکاشون مشکل داشت!! اگه میشه بررسی کنین حتی لینک دانلودم کار نمیکنه مرسی!

علی مظلوم
ادمین
علی مظلوم
3 سال و قبل
پاسخ به  pooriarez

با سلام و خسته نباشید
مشاهده و دانلود فیلم ها رو بررسی کردیم و مشکلی نبود.
پیشنهاد میکنم با مرورگر دیگری تست کنید و در صورت وجود مشکل ما رو مطلع کنید.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)

rezabaz
rezabaz
4 سال و قبل

سلام ، میخوام یه قسمت از سایت رو یه css وارد کنم ، توی ویرایشگر ورد پرس کجا میتونم اونو پیدا کنم ، مثلا من روی یه قسمت سایت inspect رو میزنم و حالا همین قسمت رو میخوام توی وایرایشگر ادیت کنم باید چکار کنم ؟!

علی مظلوم
ادمین
علی مظلوم
4 سال و قبل
پاسخ به  rezabaz

سلام دوست من
پیشنهاد میکنم حتما مسیر وردپرس کار شدن رو پیش برید.
برای درج کدهای CSS طبیعتا باید کدها رو در داخل فایل اصلی تم همچون style.css یا rtl.css قرار دهید.

oveys
oveys
4 سال و قبل

سلام استاد
می خواستم بدونم که برای ساخت پنل ادمین باید حتما از php یا laravel استفاده کنیم یا میشه که از html; css; java script و bootstrap کامل یه پنل ادمین بسازم.

علی مظلوم
ادمین
علی مظلوم
4 سال و قبل
پاسخ به  oveys

سلام دوست من
طبیعتا رابط کاربری پنل های ادمین رو میتونید با HTML , CSS , Javascript طراحی کنید اما برای داینامیک ادمین ، باید به PHP تسلط کافی داشته باشید.

mortezabb
mortezabb
4 سال و قبل

سلام تو اموزش فرم اول قسمت سی اس اس label.active دقیقا همه چی مثل آموزش قرار میدم اما اتفاقی تو کلیپ نشون میده برای label اتفاق نمیفته واسم مشکل از کجاست.اگر label:active قرار بدم اتفاقی که میفته به این صورته که تا زمانی که موس رو به روی input نگه میدارم label به حرکت در میاد اما وقتی ولش میکنم دوباره به حالت اولیه بر میگرده

mortezabb
mortezabb
4 سال و قبل
پاسخ به  mortezabb

با تشکر مشکلم برطرف شد

علی مظلوم
ادمین
علی مظلوم
4 سال و قبل
پاسخ به  mortezabb

سلام دوست من
فایل پروژتون رو فشرده و برای ما ارسال تا مشکلتون رو بررسی و رفع کنیم

hasaan
hasaan
4 سال و قبل

با عرض سلام خدمت استاد خسته نباشید. ببخشید سیستم ثبت نظرات این اروور رو میده

{“code”:”MethodNotAllowedError”,”message”:”POST is not allowed”} هرکاری کردم درست نشد میشه کمکم کنید. میشه فایل ثبت نظرات رو براتون بفرستم یه نگاهی بهش بندازید

hasaan
hasaan
4 سال و قبل

سلام استاد ببخشین یک سوال دیگر هم داشتم؟صفحه اصلی سایت که در فایل index.php است.بقیه صفحات سایت را در کجا قرار بدم که هنگام کلیک به صفخه مورد نظر وصل شود.ومثل صفحه اصلی نمایش داده شود

علی مظلوم
ادمین
علی مظلوم
4 سال و قبل
پاسخ به  hasaan

سلام دوست من
حتما دوره آموزشی 0 تا 50 طراحی قالب وردپرس رو مشاهده کنید.
سوالاتی رو که الان تو ذهنتون دارید کمی بهم ریخته هست و توی این دوره به اکثر جواب هایی که میخواید میرسید.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)

hasaan
hasaan
4 سال و قبل

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

علی مظلوم
ادمین
علی مظلوم
4 سال و قبل
پاسخ به  hasaan

سلام دوست من
قطعا برای پویا سازی فرم ثبت نظرات کاربران نیاز به پایگاه داده و تسلط به زبان برنامه نویسی مثل PHP یا ASP.Net هست
پیشنهاد میکنم حتما مسیر وردپرس کار شدن رو دنبال کنید
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)

mojtabas74
mojtabas74
4 سال و قبل

سلام در این دوره پروژه ها به صورت responsive طراحی می شود؟

علی مظلوم
ادمین
علی مظلوم
4 سال و قبل
پاسخ به  mojtabas74

سلام دوست من
بله

Nasrin_S
Nasrin_S
5 سال و قبل

وقت بخیر، امیدوارم با وجود بحران های پیش آمده حال همگی بخیر و خوشی باشه.

در درس 9 متوجه نشدم کاری که { ;login input.login-text + i {margin-top: -47px. انجام میده چیه؟ لطفا برام توضیح بدین مارجین با مقدار منفی دقیقا چه عملی رو انجام میده. دفعه قبلتر در یه دوره ی پیشتر پرسیده بودم اما پاسخی نگرفتم.

display: flex;
align-items: center;
justify-content: center;
height: 100vh;
استایل های بالا هر کدومشون چه عملی انجام میدن؟

ممنون.

علی مظلوم
ادمین
علی مظلوم
5 سال و قبل
پاسخ به  Nasrin_S

سلام دوست من
حتما دوره آموزشی Flexbox رو مشاهده کنید.
vh یا همان viewport height وابسته به ارتفاع viewport است.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)

Nasrin_S
Nasrin_S
5 سال و قبل

با سلام.

1- رویداد blur در جی کوری چیست؟

2- استایل Line-height تنها روی متن و نوشته ی یک المان اعمال میشه؟ میخوام بدونم در صورتی که برای Span:before مقدار Content رو خالی قرار داده باشم و از طرفی استایل Line-height بهش داده باشم در این صورت Line-height اعمال میشه؟ من امتحان کردم نشد. فقط وقتی اعمال شد که مقدار کانتنت رو پر کردم و خالی نگذاشتم. فقط الان نمیدونم که Line-height از بالای متن فاصله ایجاد میکنه یا از پایین متن؟

3- چندتا سوال دیگه هم دارم که مطمئن نیستم درست باشن: text-indent تنها بر روی یک متن اعمال میشه؟ مثل مثال بالایی، اگر مقدار کانتنت Span:before رو خالی بزارم، text-indent اعمال نخواهد شد. درسته؟

4- width:auto مشخص میکنه یک عنصر بقدری که محتوا درونش باشه عرض بگیره. صحیح؟

ممنونم.

علی مظلوم
ادمین
علی مظلوم
5 سال و قبل
پاسخ به  Nasrin_S

سلام دوست من
1 – رویداد blur در jQuery زمانی اتفاق می افتد که کنترل یا عنصر مورد نظر فوکوس برنامه را از دست می دهد (نمونه کد)
2 – بله line-height فقط مربوط به محتوای متنی هست
3 – با استفاده از خصوصیت text-indent میزان تورفتگی اولین خط یک متن مشخص میشه.
4 – بله ولی نیازی نیست اصلا چنین موردی رو در کد قرار بدید چون به صورت پیش فرض عرض به صورت auto هست
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)

zeinab
zeinab
5 سال و قبل

سلام خسته نباشید
ببخشید من فعلا تا آخر فرم اول ، دوره رو پیش بردم.
یه چیزی به نظرم اومد که گفتم که اینجا در میون بزارم، چرا از جی کوئری برای بالا بردن لیبل ها کردید و با خود سی اس اس انجام ندادید؟ دلیلی داشته؟
textarea:focus~.label,
input:focus~.label{
top: -10px;
}

علی مظلوم
ادمین
علی مظلوم
5 سال و قبل
پاسخ به  zeinab

سلام دوست من
اینکه از CSS یا Jquery استفاده کنیم بسته به نظر طراح داره. قطعا از طریق CSS هم امکان پذیره و نظر شما درست هست
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)

royamoslemi
royamoslemi
5 سال و قبل

میدونستین محشرین؟؟؟؟؟

hastiasadi
hastiasadi
5 سال و قبل

ممنون که این همه وقت گذاشتید و انقدر روون آموزش دادید

علی مظلوم
ادمین
علی مظلوم
5 سال و قبل
پاسخ به  hastiasadi

سلام دوست من
ممنون از لطف بیکران شما
امیدواریم در ادامه راه نیز با ما همراه باشید
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)

amir_dini
amir_dini
5 سال و قبل

بی نظیر .
بهترین و کاربردی ترین دوره سطح وب
متشکرم

melina
melina
5 سال و قبل

سلام خسته نباشین…
تو بخش کلاس ها، کدهایی مثل max-height با min-height چه مواقعی به درد میخوره؟؟ ینی همون height کافی نیست؟؟

em7293
ادمین
em7293
5 سال و قبل
پاسخ به  melina

سلام وی لرنی عزیز

گاهی اوقات میخواین یه المان داشته باشین که ارتفاعش متغیر باشه و همچنین حد هم داشته باشه در این صورت از max-height یا min-height استفاده می کنین.مثلا شاید طراحی شما طوری باشه که ارتفاع یک المان از 0 تا 100px متغیر باشه که در این حالت از max-height استفاده می کنین.
اما زمانی که از height استفاده می کنین المان یک ارتفاع ثابت به خودش میگیره.

Mojtaba0
Mojtaba0
5 سال و قبل

سلام
با آموزش این دوره میتونیم لاگین مشابه سایت شما در هدر سایت داشته باشیم ؟

علی مظلوم
ادمین
علی مظلوم
5 سال و قبل
پاسخ به  Mojtaba0

سلام دوست من
چرا که نه حتما میتونید با تمرین زیاد به این امر برسید
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)

M0jtaba0
M0jtaba0
5 سال و قبل
پاسخ به  علی مظلوم

سپاس از آموزش پر انرژی شما…

znd
znd
5 سال و قبل

ممنون خیلی آموزش خوبیه.

Jafar1996
Jafar1996
5 سال و قبل

سلام
ببخشید توی پروژه اخر از چه کدی برای انتخاب فایل از کامپیوتر استفاده کردین ؟ با تشکر.

h_on_u_4_you
h_on_u_4_you
5 سال و قبل

سلام و خسته نباشید
اگه امکانش هست یه نمونه از این فرم ها مثلا فرم 4 رو به php برگردونید تا ببینیم. ممنون میشم.
یکی هم میشه از این کد ها در سایت دست ساز بدون ورد پرس استفاده کرد یا مختص ورد پرس هستن فقط؟
همم این فایل ها دقیقا به کدوم قسمت باید آپلود بشن؟
تو قسمت loging از c-panel میشه اپلود کرد؟ چه مدلی؟
از چه پلاگینی استفاده کنم برا ثبت نام و ورود ؟

Javani97
Javani97
5 سال و قبل

سلام چه کدی باید در css بزنیم که بتونیم به جای یک فایل ضمیمه کردن چند فایل ضمیمه کنیم در input

Javani97
Javani97
5 سال و قبل
پاسخ به  حسین هزاره

درود منظورم مثل عکس زیر هست که وقتی روی گزینه افزودن کلیک میکنم ، بتوانم چند فایل را اضافه کنم

Javani97
Javani97
5 سال و قبل

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

mohsen9878
mohsen9878
6 سال و قبل

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

علی مظلوم
ادمین
علی مظلوم
6 سال و قبل
پاسخ به  mohsen9878

سلام دوست من
حتما دوره آموزشی طراحی وب سایت Landing Page رو مشاهده کنید
از طریق دو کتابخانه animate.css و wow.js میتونید این کار رو انجام دهید.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)

mohsen9878
mohsen9878
5 سال و قبل
پاسخ به  علی مظلوم

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

علی مظلوم
ادمین
علی مظلوم
5 سال و قبل
پاسخ به  mohsen9878

سلام دوست من
کار کتابخانه wow.js هم دقیقا همین است
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)

مجتبی
مجتبی
6 سال و قبل

سلام بابت دوره ممنونم خیلی خوب بود
فقط یه سوال چرا من عکس png خودمو وارد سایت spritecow می کنم و روی یه المان کلیک می کنم کل عکس رو انتخاب می کنه؟ عکس باید ویژگی خاصی داشته باشه؟
متشکرم


104
0
افکار شما را دوست دارم، لطفا نظر دهیدx