دسته طراحی وب

چطور در CSS با ویژگی Background تصویر پس زمینه به عنصری بدهیم؟

چطور در CSS با ویژگی Background تصویر پس زمینه به عنصری بدهیم؟

Pseudo-elements ها در CSS کلمات کلیدی هستند که به انتخابگرها برای انتخاب قسمتی از محتوای عنصر اضافه می شوند. با برخی از این انتخابگرها می توان محتوای مجازی برای عناصر بوجود آورد و آنها را در CSS هدف قرار داد.
در ادامه لیست تمام pseudo-elementها آمده است و می توانید برای بررسی دقیق هر کدام به صفحه مخصوص به آن مراجعه کنید.

ادامه مطلبچطور در CSS با ویژگی Background تصویر پس زمینه به عنصری بدهیم؟

Pseudo-elements ها در CSS چی هستند و چه کاربردی دارند؟

Pseudo-elements ها در CSS چی هستند و چه کاربردی دارند؟

Pseudo-elements ها در CSS کلمات کلیدی هستند که به انتخابگرها برای انتخاب قسمتی از محتوای عنصر اضافه می شوند. با برخی از این انتخابگرها می توان محتوای مجازی برای عناصر بوجود آورد و آنها را در CSS هدف قرار داد.
در ادامه لیست تمام pseudo-elementها آمده است و می توانید برای بررسی دقیق هر کدام به صفحه مخصوص به آن مراجعه کنید.

ادامه مطلبPseudo-elements ها در CSS چی هستند و چه کاربردی دارند؟

آموزش جامع CSS – چطور دکمه بسازیم؟

آموزش جامع CSS - چطور دکمه بسازیم؟

در این آموزش CSS به این می پردازم که چطور یک دکمه یا Button را بوسیله دستورات سی اس اس و HTML بسازید.
در ادامه به شما تعدادی استایل را یاد میدهم که بتوانید حالتی مدرن و امروزی به دکمه ی خود بدهید که از جمله آن گرد کردن حاشیه دکمه ها و تغییر رنگ بک گراند آن است. در بخش اول فیلم شما یاد میگیرید که چطور به سادگی می توانید یک لینک را تبدیل به یک دکمه کنید و در ادامه با استایل های مختلف دکمه های مختلفی بسازید.

ادامه مطلبآموزش جامع CSS – چطور دکمه بسازیم؟

چطور در CSS چندین تصویر به پس زمینه عنصری بدهیم؟

چطور در CSS چندین تصویر به پس زمینه عنصری بدهیم؟

در ادامه آموزش قبل می خواهیم اینبار چند تصویر را به پس زمینه یا Background یک عنصر بدهیم. این کار براحتی قابل انجام هست و کافی است شما به جای دادن یک آدرس، دو یا چند آدرس را به عنوان url در پراپرتی background معرفی کنید که در فیلم کاملا متوجه نحوه نوشتن آن می وشوید.

ادامه مطلبچطور در CSS چندین تصویر به پس زمینه عنصری بدهیم؟

آموزش جامع CSS – چطور یک منو بار عمودی در طراحی کنیم؟

آموزش جامع CSS - چطور یک منو بار عمودی در طراحی کنیم؟

در این آموزش CSS قصد دارم تا به شما چگونگی طراحی یک منوبار افقی با استفاده از CSS را آموزش دهم. ساخت منو در سی اس اس بوسیله لیست ها انجام میگیرد که شما نحوه چیدمان آیتم ها را بصورت افقی تعریف می کنید و در مرحله بعد حتی می توان برای هر آیتم از منو یک زیر منو طراحی کرد.

ادامه مطلبآموزش جامع CSS – چطور یک منو بار عمودی در طراحی کنیم؟

آموزش جامع CSS: چطور یک منو بار افقی طراحی کنیم؟ – قسمت دوم

maxresdefault-7199748

در این آموزش CSS قصد دارم تا به شما چگونگی طراحی یک منوبار افقی با استفاده از CSS را آموزش دهم. ساخت منو در سی اس اس بوسیله لیست ها انجام میگیرد که شما نحوه چیدمان آیتم ها را بصورت افقی تعریف می کنید و در مرحله بعد حتی می توان برای هر آیتم از منو یک زیر منو طراحی کرد.

ادامه مطلبآموزش جامع CSS: چطور یک منو بار افقی طراحی کنیم؟ – قسمت دوم

آموزش جامع CSS: چطور یک منو بار افقی طراحی کنیم؟ – قسمت اول

آموزش جامع CSS: چطور یک منو بار افقی طراحی کنیم؟ - قسمت اول

در این آموزش CSS قصد دارم تا به شما چگونگی طراحی یک منوبار افقی با استفاده از CSS را آموزش دهم. ساخت منو در سی اس اس بوسیله لیست ها انجام میگیرد که شما نحوه چیدمان آیتم ها را بصورت افقی تعریف می کنید و در مرحله بعد حتی می توان برای هر آیتم از منو یک زیر منو طراحی کرد.

ادامه مطلبآموزش جامع CSS: چطور یک منو بار افقی طراحی کنیم؟ – قسمت اول

آموزش جامع CSS : چطور از لیست‌ها در سی اس اس استفاده کنیم؟

آموزش جامع CSS : چطور از لیست‌ها در سی اس اس استفاده کنیم؟

در این قسمت من به سراغ لیست‌ها در CSS می روم که به دو دسته مرتب و نامرتب تقسیم می شوند و در این فیلم آموزشی به لیست های نامرتب می پردازم. لیست‌ نامرتب یا همان Unordered List با استفاده از تگ ul ساخته می‌شود. همچنین گزینه‌های لیست یا همان List Item با استفاده از تگ li نوشته می‌شوند.

ادامه مطلبآموزش جامع CSS : چطور از لیست‌ها در سی اس اس استفاده کنیم؟