دوره های مرتبط با متخصص CSS
مشغول ساخت دوره ی مرتبط با این مسیر هستیم. در حال حاضر دوره ی تکمیل شده ای در این مسیر وجود ندارد!
پست های مرتبط با مسیر متخصص CSS
آموزش ساخت دکمه شب و روز در سایت
اخیرا تعبیه ی یک دکمه ی خاموش و روشن و یا کلید شب و روز در بخش بالایی سایت بسیار مرسوم و جالب توجه است امروز می خواهیم نحوه ی طراحی این دکمه را فرا گیریم. قبل از هر چیز باید بدانیم برای طراحی یک المان در وب سایت 2 مرحله در پیش داریم : […]
مشاهده ی مطلب
وسطچین کردن عناصر html در css
حتما برایتان پیش آمده است که در میانه راه کدنویسی یک قالب یا طراحی یک المان وب با مشکل وسطچین نشدن برخی عناصر مواجه شوید، در ادامه با ما همراه باشید تا “وسطچین کردن در html و css” را به شما آموزش دهیم و یکبار برای همیشه این مشکل را بطور کامل مرتفع سازیم. نحوه […]
مشاهده ی مطلب
آموزش ساخت دکمه تغییر رنگ پس زمینه بصورت لایو !
امروز با یک آموزش جالب و منحصر بفرد در خدمتتان هستیم، بعد از آموزش ساخت دکمه روز و شب سایت تصمیم گرفتیم آموزش ساخت دکمه تغییر رنگ پس زمینه بصورت لایو و زنده به کمک جاوا اسکریپت را برایتان آماده کنیم. امیدواریم مورد توجه شما واقع شود. نحوه ی ساخت دکمه تغییر رنگ بصورت لایو […]
مشاهده ی مطلب
افکت انعکاس متن با CSS
امروز می خواهیم یک افکت جذاب روی متن های شما در سایت پیاده سازی کنیم. در این آموزش از زبان نشانه گذاری HTML و زبان CSS استفاده می کنیم. ویدئوی زیر نحوه ایجاد افکت انعکاس متن با CSS را به شما خواهد آموخت : اگر فرصت مشاهده ی ویدئوی بالا رو ندارید به ادامه ی […]
مشاهده ی مطلب
ساخت تصویر آواتار با HTML & CSS
در آموزش امروز قصد داریم تا نحوه ایجاد تصاویر آواتاری که در سایت ها مشاهده می کنید را بررسی کنیم. در انتهای آموزش شما خواهید توانست یک تصویر آواتار همانند زیر ایجاد کنید. پس تا انتها همراه آموزش “ساخت تصویر آواتار با HTML & CSS” باشید. ساخت تصویر آواتار با HTML & CSS : در […]
مشاهده ی مطلب
استایل دادن به کمک CSS
همانطور که می دانید با کمک های HTML می توانیم ساختار کلی یک صفحه وب را پیاده سازی کنیم. برای استایل دادن و زیباتر کردن آن باید از CSS کمک بگیریم. در ادامه به آموزش استایل دادن به کمک CSS می پردازیم. پس تا انتها همراه ما باشید. احتمالا این قیاس را شنیده اید که […]
مشاهده ی مطلب
گرادینت در CSS
در مقاله های گذشته اشاره هایی به مبحث گرادینت کردیم و در یک پروژه به پس زمینه یک صفحه وب سایت گرادینت دادیم. در ادامه می خواهیم گرادینت در CSS را آموزش دهیم و مبحث را تکمیل تر کنیم. گرادینت به شما این امکان را می دهد که در صفحه و در قسمتی که مشخص […]
مشاهده ی مطلب
گرادینت به پس زمینه با HTML & CSS
در قسمت های گذشته درباره رنگ دهی و انواع روش هایی که می توانید به عناصر مختلف در صفحه وب رنگ دهید صحبت کرده ایم. این رنگ دهی ها به شیوه یکنواخت می باشند و از زیبایی چندانی برخوردار نخواهند بود. پس تا انتها همراه آموزش گرادینت به پس زمینه با HTML & CSS باشید […]
مشاهده ی مطلب
آموزش ساخت دکمه ی همبرگری منو بصورت ضربدری در CSS
از سری آموزش های HTML و CSS سایت تاتژن، امروز در این آموزش قصد داریم نحوه ساخت دکمه همبرگری که به شکل ضربدر در خواهد آمد را آموزش دهیم. تا پایان با این آموزش که کاربردش بعنوان دکمه ی منو سایت است، با ما همراه باشید آموزش ایجاد دکمه ی همبرگری برای منو دکمه ی […]
مشاهده ی مطلب
آموزش ساخت آیکون منو با کمک transform
امروز قصد داریم در این آموزش نحوه ی ایجاد آیکون منو با transform را به شما آموزش دهیم. در ابتدا یک آیکون منو ساده که تشکیل شده از سه خط بر روی یکدیگر هستند را آموزش می دهیم، سپس سراغ ساخت آیکون منویی جذاب تر خواهیم رفت. توجه کنید در این آموزش از هیچ کتابخانه […]
مشاهده ی مطلب
طراحی فلیپ باکس با HTML & CSS
در این آموزش ویدئویی قصد داریم یک باکس ایجاد کنیم که پشت و جلوی این باکس دارای متن متفاوت باشند و با بردن موس بر روی این باکس متن پشت نمایان شود. نام این باکس فلیپ باکس می باشد. شما می توانید ویدئویی آموزشی ایجاد فلیپ باکس را تماشا کنید: برای این بخش فقط از […]
مشاهده ی مطلب
حداقل و حداکثر عرض و ارتفاع در HTML & CSS | خصوصیت min-height و max-height
در طراحی صفحات وب بعضا باید ارتفاعی را مشخص کنیم تا عناصر دیگر را شامل بشود. به طور مثال یک فرم را طراحی کرده ایم و می خواهیم در زیر آن یک عکس قرار بدهیم. با استفاده از min height برای عکس می توانیم یک ارتفاع حداقلی تعریف کنیم تا تمام فرم حتما در زیر […]
مشاهده ی مطلب
گرید بندی صفحه وب با HTML و CSS
در این آموزش قصد داریم به ستون بندی صفحه وب بپردازیم. می خواهیم صفحه خود را به بخش های مساوی تقسیم کنیم. هچنین امکان اینکه بتوانید صفحه را به بخش های نامساوی هم تقسیم کنید وجود دارد. پس تا انتهای آموزش گرید بندی صفحه وب با HTML و CSS با ما همراه باشید. گرید بندی […]
مشاهده ی مطلب
ساخت فرم عضویت در خبرنامه
امروز قصد داریم آموزش ساخت فرم عضویت در خبرنامه را بررسی کنیم. در ادامه به برخی از ویژگی های جاوااسکریپت خواهیم پرداخت. قصد داریم دکمه ای ایجاد کنیم تا کاربر با کلیک بر روی آن محتواهای موجود را حذف کند. در این آموزش از HTML & CSS استفاده می کنیم. یک نکته جاوااسکریپتی نیز بیان […]
مشاهده ی مطلب
دکمه ها در HTML و CSS – انیمیشن دادن به دکمه ها
به احتمال زیاد با button ها آشنایی دارید. دکمه هایی هستند که در صفحات پیاده سازی می شوند. با کلیک بر روی باتن ها می توان فعالیت مدنظر خود را انجام داد. در مقاله دکمه ها در HTML و CSS قصد داریم به بررسی این ویژگی در صفحات وب بپردازیم. همچنین با پیاده سازی دکمه […]
مشاهده ی مطلب
ایجاد dropdown menu در نوبار با CSS
امروز قصد داریم نحوه ایجاد یک منوی نوبار ساده را بررسی بکنیم. همچنین منوهای بازشونده یا dropdown را نیز خواهیم گفت. درانتها نوباری را با کمک HTML & CSS ایجاد میکنیم تا با هاورشدن محتویات منوی dropdown نمایش داده بشود. پس تا انتهای آموزش ایجاد dropdown menu در نوبار همراه ما باشید. dropdown menu چیست؟ […]
مشاهده ی مطلب
