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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آموزش ساخت دکمه ی همبرگری منو بصورت ضربدری در CSS

آموزش ساخت دکمه ی همبرگری منو بصورت ضربدری در CSS

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

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

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

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

گرادینت در CSS

گرادینت در CSS

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

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

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

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

ساخت تصویر آواتار با HTML & CSS

ساخت تصویر آواتار با HTML & CSS

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

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

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

امروز می خواهیم به شما نحوه تغییر رنگ سایت با یک دکمه بصورت live را آموزش بدهیم شاید به خودی خود این آموزش خیلی کاربردی نباشد، اما ایده ای که به شما می دهد می تواند منتهی به ساخت چیز […]