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

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

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

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

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

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

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

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

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

گرید بندی صفحه وب با HTML و CSS

گرید بندی صفحه وب با HTML و CSS

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

پاپ آپ چت با ادمین سایت

پاپ آپ چت با ادمین سایت

در این آموزش قصد داریم نحوه ایجاد یک پاپ آپ(Popup) را بررسی کنیم. با کمک HTML و CSS صفحه ای را پیاده سازی میکنیم. سپس نیاز است چند خط کد جاوااسکریپت هم به پروژه خود اضافه کنیم. در نهایت می […]

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

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

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

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

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

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

تگ input در HTML

تگ input در HTML

با تگ input قبلا در آموزش سیر تا پیاز فرم ها آشنا شده اید. وظیفه این تگ ایجاد یک فیلد، متناسب با داده هایی که قرار است از کاربر بگیریم می باشد. با ما همراه باشید و از آموزش تگ […]