دکمه Dark mode یک حالتی است که بعضی از سایت ها در اختیار کاربران خود می گذارند و کاربران می توانند سایت آنها را با حالت تیره مشاهده کنند. در گذشته نیز نحوه ی درست کردن دکمه ی شب و […]
به احتمال زیاد با button ها آشنایی دارید. دکمه هایی هستند که در صفحات پیاده سازی می شوند. با کلیک بر روی باتن ها می توان فعالیت مدنظر خود را انجام داد. در مقاله دکمه ها در HTML و CSS […]
در این آموزش قصد داریم به بررسی یکسری از ویژگی های جدول ها در HTML بپردازیم. مواردی نظیر، تمام عرض کردن یک جدول، ریسپانسیو کردن جدول و… را بررسی خواهیم کرد. سعی می کنیم تمام ویژگی ها را با بیان […]
در طراحی صفحات وب بعضا باید ارتفاعی را مشخص کنیم تا عناصر دیگر را شامل بشود. به طور مثال یک فرم را طراحی کرده ایم و می خواهیم در زیر آن یک عکس قرار بدهیم. با استفاده از min height […]
در این آموزش ویدئویی قصد داریم یک باکس ایجاد کنیم که پشت و جلوی این باکس دارای متن متفاوت باشند و با بردن موس بر روی این باکس متن پشت نمایان شود. نام این باکس فلیپ باکس می باشد. شما […]
امروز قصد داریم در این آموزش نحوه ی ایجاد آیکون منو با transform را به شما آموزش دهیم. در ابتدا یک آیکون منو ساده که تشکیل شده از سه خط بر روی یکدیگر هستند را آموزش می دهیم، سپس سراغ […]
از سری آموزش های HTML و CSS سایت تاتژن، امروز در این آموزش قصد داریم نحوه ساخت دکمه همبرگری که به شکل ضربدر در خواهد آمد را آموزش دهیم. تا پایان با این آموزش که کاربردش بعنوان دکمه ی منو […]
در قسمت های گذشته درباره رنگ دهی و انواع روش هایی که می توانید به عناصر مختلف در صفحه وب رنگ دهید صحبت کرده ایم. این رنگ دهی ها به شیوه یکنواخت می باشند و از زیبایی چندانی برخوردار نخواهند […]
با تگ input قبلا در آموزش سیر تا پیاز فرم ها آشنا شده اید. وظیفه این تگ ایجاد یک فیلد، متناسب با داده هایی که قرار است از کاربر بگیریم می باشد. با ما همراه باشید و از آموزش تگ […]
همانطور که می دانید با کمک های HTML می توانیم ساختار کلی یک صفحه وب را پیاده سازی کنیم. برای استایل دادن و زیباتر کردن آن باید از CSS کمک بگیریم. در ادامه به آموزش استایل دادن به کمک CSS […]
در آموزش امروز قصد داریم تا نحوه ایجاد تصاویر آواتاری که در سایت ها مشاهده می کنید را بررسی کنیم. در انتهای آموزش شما خواهید توانست یک تصویر آواتار همانند زیر ایجاد کنید. پس تا انتها همراه آموزش “ساخت تصویر […]
در HTML می توانیم رنگ ها را به صورت نام رنگ، کد HEX و مقادیر RGB ،RGBA ،HSL و HSLA بیان کرد. در ادامه به بررسی هر یک از این مقادیر می پردازیم. پس تا انتهای آموزش رنگ ها در […]
