ایجاد دکمه حالت تیره (دارک مود) با جاوا اسکریپت

احتمالا در بسیاری از سایت ها دکمه ای را با عنوان دارک مود دیده اید. دکمه Dark mode یک حالتی است که بعضی از سایت ها در اختیار کاربران خود می گذارند و کاربران می توانند سایت آنها را با حالت تیره مشاهده کنند. در گذشته نیز نحوه ی درست کردن دکمه ی شب و […]

مشاهده ی مطلب

ایجاد dropdown menu در نوبار با CSS

امروز قصد داریم نحوه ایجاد یک منوی نوبار ساده را بررسی بکنیم. همچنین منوهای بازشونده یا dropdown را نیز خواهیم گفت. درانتها نوباری را با کمک HTML & CSS ایجاد میکنیم تا با هاورشدن محتویات منوی dropdown نمایش داده بشود. پس تا انتهای آموزش ایجاد dropdown menu در نوبار همراه ما باشید. dropdown menu چیست؟ […]

مشاهده ی مطلب

دکمه ها در HTML و CSS – انیمیشن دادن به دکمه ها

به احتمال زیاد با button ها آشنایی دارید. دکمه هایی هستند که در صفحات پیاده سازی می شوند. با کلیک بر روی باتن ها می توان فعالیت مدنظر خود را انجام داد. در مقاله دکمه ها در HTML و CSS قصد داریم به بررسی این ویژگی در صفحات وب بپردازیم. همچنین با پیاده سازی دکمه […]

مشاهده ی مطلب

ویژگی های جدول ها در HTML

در این آموزش قصد داریم به بررسی یکسری از ویژگی های جدول ها در HTML بپردازیم. مواردی نظیر، تمام عرض کردن یک جدول، ریسپانسیو کردن جدول و… را بررسی خواهیم کرد. سعی می کنیم تمام ویژگی ها را با بیان مثال هایی بررسی کنیم. رنگی کردن ردیف های یک جدول جدول ها بصورت یک رنگ […]

مشاهده ی مطلب

ساخت فرم عضویت در خبرنامه

امروز قصد داریم آموزش ساخت فرم عضویت در خبرنامه را بررسی کنیم. در ادامه به برخی از ویژگی های جاوااسکریپت خواهیم پرداخت. قصد داریم دکمه ای ایجاد کنیم تا کاربر با کلیک بر روی آن محتواهای موجود را حذف کند. در این آموزش از HTML & CSS استفاده می کنیم. یک نکته جاوااسکریپتی نیز بیان […]

مشاهده ی مطلب

حداقل و حداکثر عرض و ارتفاع در HTML & CSS | خصوصیت min-height و max-height

در طراحی صفحات وب بعضا باید ارتفاعی را مشخص کنیم تا عناصر دیگر را شامل بشود. به طور مثال یک فرم را طراحی کرده ایم و می خواهیم در زیر آن یک عکس قرار بدهیم. با استفاده از min height برای عکس می توانیم یک ارتفاع حداقلی تعریف کنیم تا تمام فرم حتما در زیر […]

مشاهده ی مطلب

طراحی فلیپ باکس با HTML & CSS

در این آموزش ویدئویی قصد داریم یک باکس ایجاد کنیم که پشت و جلوی این باکس دارای متن متفاوت باشند و با بردن موس بر روی این باکس متن پشت نمایان شود. نام این باکس فلیپ باکس می باشد. شما می توانید ویدئویی آموزشی ایجاد فلیپ باکس را تماشا کنید: برای این بخش فقط از […]

مشاهده ی مطلب

آموزش ساخت آیکون منو با کمک transform

امروز قصد داریم در این آموزش نحوه ی ایجاد آیکون منو با transform را به شما آموزش دهیم. در ابتدا یک آیکون منو ساده که تشکیل شده از سه خط بر روی یکدیگر هستند را آموزش می دهیم، سپس سراغ ساخت آیکون منویی جذاب تر خواهیم رفت. توجه کنید در این آموزش از هیچ کتابخانه […]

مشاهده ی مطلب

گرادینت به پس زمینه با HTML & CSS

در قسمت های گذشته درباره رنگ دهی و انواع روش هایی که می توانید به عناصر مختلف در صفحه وب رنگ دهید صحبت کرده ایم. این رنگ دهی ها به شیوه یکنواخت می باشند و از زیبایی چندانی برخوردار نخواهند بود. پس تا انتها همراه آموزش گرادینت به پس زمینه با HTML & CSS باشید […]

مشاهده ی مطلب

گرادینت در CSS

در مقاله های گذشته اشاره هایی به مبحث گرادینت کردیم و در یک پروژه به پس زمینه یک صفحه وب سایت گرادینت دادیم. در ادامه می خواهیم گرادینت در CSS را آموزش دهیم و مبحث را تکمیل تر کنیم. گرادینت به شما این امکان را می دهد که در صفحه و در قسمتی که مشخص […]

مشاهده ی مطلب

تگ input در HTML

با تگ input قبلا در آموزش سیر تا پیاز فرم ها آشنا شده اید. وظیفه این تگ ایجاد یک فیلد، متناسب با داده هایی که قرار است از کاربر بگیریم می باشد. با ما همراه باشید و از آموزش تگ input در HTML استفاده کنید. تگ input در HTML : <input type="text" > نحوه استفاده […]

مشاهده ی مطلب

استایل دادن به کمک CSS

همانطور که می دانید با کمک های HTML می توانیم ساختار کلی یک صفحه وب را پیاده سازی کنیم. برای استایل دادن و زیباتر کردن آن باید از CSS کمک بگیریم. در ادامه به آموزش استایل دادن به کمک CSS می پردازیم. پس تا انتها همراه ما باشید. احتمالا این قیاس را شنیده اید که […]

مشاهده ی مطلب