چگونه ایجاد شود: اشکال CSS
- صفحه قبل موج
- صفحه بعدی لینک دانلود
آموزش نحوه استفاده از CSS برای ایجاد اشکال مختلف.
- صفحه قبل موج
- صفحه بعدی لینک دانلود
جدول زمانی جعبه ابزار
منو
- نوار نمادها
- نماد منو
- کتابچه
- تیکت
- تیکت‌های عمودی
- عنوان تیکت
- تیکتی‌های تمام‌صفحه
- تیکتی‌های قرارگرفته روی ماوس
- منوی بالایی
- منوی بالایی پاسخگو
- منوی تقسیم‌شده
- منوی با نماد
- منوی جستجو
- نوار جستجو
- نوار کناری ثابت
- منوی جانبی
- نوار کناری پاسخگو
- منوی تمام‌صفحه
- منوی خارج از کanvas
- دکمه‌های منوی کناری هنگام قرارگیری روی ماوس
- نوار کناری با نماد
- منوی لغزان
- منوی عمودی
- نواری پایین
- نواری پایین پاسخگو
- لینک‌های منوی پایینی
- لینک‌های منوی راست‌چین
- لینک‌های منوی وسطی
- لینک‌های منوی هم‌اندازه
- منو ثابت
- ناوبری پنهان در حالت اسکرول
- ناوبری پنهان در حالت اسکرول
- ناوبری کوچک در حالت اسکرول
- ناوبری چسبنده
- ناوبری روی تصویر
- منوی فروکش‌شده با قرارگیری ماوس
- منوی فروکش‌شده با کلیک
- منوی فروکش‌شده پیچیده
- منوی فروکش‌شده در ناوبری بالا
- منوی فروکش‌شده در ناوبری جانبی
- ناوبری واکنش‌دار با منوی فروکش‌شده
- منو فرعی ناوبری
- منو فروکش‌شده
- منو پیشرفته
- منو موبایل
- منو پرده‌ای
- جانب چسبنده
- پنل جانبی قابل فروکش
- صفحات
- ناوبری پنیری
- گروه دکمه‌ها
- گروه دکمه‌های عمودی
- نوار اجتماعی چسبنده
- ناوبری قرصی
- تیتر واکنش‌دار
تصویر
- اسلایدر
- گالری اسلایدر
- تصویر模ال
- نورگروه
- گرید تصویر واکنش‌دار
- گرید تصویر
- کتابخانه تصاویر
- کتابخانه تصاویر قابل اسکرول
- کتابخانه تصاویر تب‌دار
- درخشندگی افزودة تصویر
- حرکت افزودة تصویر
- بزرگنمایی افزودة تصویر
- عنوان افزودة تصویر
- آیکون افزودة تصویر
- تأثیر تصویر
- تصویر سیاه و سفید
- متن تصویر
- بلاک متنی تصویر
- متن نوشته بر روی تصویر شفاف
- تصویر تمام‌صفحه
- فرم روی تصویر
- تصویر جلوه‌گر
- تصویر پس‌زمینه تار
- تغییر پس‌زمینه در حالت اسکرول
- تصاویر موازی
- تصویر با گوشه‌های گرد
- تصویر پروفایل
- تصویر واکنش‌دار
- تصویر وسطی
- تصویر مخروطی
- پارچه تصویر
- مقدمه تیم
- تصویر چسبنده
- تصویر معکوس
- تصویر می‌خورد
- گالری گرداننده تصاویر
- گرداننده قابل فیلتر
- تغییر بزرگنمایی تصویر
- لوپ بزرگنمایی تصویر
- اسلایدر مقایسه تصویر
- آیکون وب‌سایت
دکمه
- دکمه‌های اخطار
- دکمه‌های برجسته
- دکمه‌های تقسیم‌شده
- دکمه‌های انیمیشنی
- دکمه‌های تغییر رنگ
- دکمه‌های روی تصویر
- دکمه‌های شبکه‌های اجتماعی
- خواندن بیشتر/کمتر
- دکمه‌های بارگذاری
- دکمه‌های دانلود
- دکمه‌های قرصی
- دکمه‌های اطلاع‌رسانی
- دکمه‌های آیکونی
- دکمه‌های صفحه بعد/قبل
- دکمه‌های بیشتر در نوار ناوبری
- دکمه‌های بلوک‌شده
- دکمه‌های متنی
- دکمه‌های با گوشه‌های گرد
- دکمه بازگشت به بالا
فرم
- فرم ورود
- فرم ثبت‌نام
- فرم پرداخت
- فرم تماس
- فرم ورود اجتماعی
- فرم ثبت‌نام
- فرم با آیکون
- اشتراک‌گذاری اخبار
- فرم پیله‌ای
- فرم واکنش‌دار
- فرم پاپ‌آپ
- فرم درون‌محلی
- پاک کردن حلقه ورودی
- پنهان کردن ابر箭های عددی
- کپی متن به کلیپ‌بورد
- جستجو با انیمیشن
- دکمه جستجو
- جستجو در حالت تمام‌صفحه
- حلقه ورودی در نوار ناوبری
- فرم ورود در نوار ناوبری
- مربع انتخابی/ دکمه انتخابی سفارشی
- مربع انتخابی سفارشی
- تغییر وضعیت کلید
- انتخاب مربع انتخابی
- تشخیص قفل بزرگ‌نویسی
- فعال‌سازی دکمه با کلید Enter
- تأیید رمز عبور
- تغییر可见یت رمز عبور
- فرم چند مرحله‌ای
- تکمیل خودکار
- بستن تکمیل خودکار
- بستن بررسی املایی
- دکمه بارگذاری فایل
- تأیید ورودی خالی
صفحه‌های فیلترشوندة
- لیست‌های فیلترشوندة
- جداول فیلترشوندة
- عناصر فیلترشوندة
- منو فیلترشوندة
- لیست‌های مرتب‌شده
- جداول مرتب‌شده
جداول
بیشتر
- ویدئو تمام‌صفحه
- پنجره مودال
- حذف پنجره مودال
- زمان‌بندی
- نشانگر اسکرول
- نوار پیشرفت
- نوار مهارت
- اسلایدر دامنه
- انتخاب‌گر رنگ
- فیلد ایمیل
- آیکن راهنمایی
- عناصر نمایش داده شده در حالت حالت بالا
- پنجره پاپ‌آپ
- محتوای قابل تا کردن
- تقویم
- شامل HTML
- لیست وظایف
- بارگذار
- نشان
- امتیاز ستاره‌ای
- امتیاز کاربر
- تأثیر پوشش
- چips تماس
- کارت
- کارت برش‌خورده
- کارت پروفایل
- کارت محصول
- اخطار
- متن اعلانی
- نوشته
- برچسب
- نوار
- ابربرچسب
- دایره
- خط افقی با استایل
- کوپن
- گروه لیستی
- گروه لیستی با نشان
- لیست بدون علامت
- متنی پاسخگو
- عنصر سایه‌ای
- عنصر روشن
- پایین چسبنده
- عنصر چسبنده
- یکسان‌سازی
- حذف حرکت شناور
- حرکت شناور HTML
- نوار اطلاع
- پنجره تمام‌صفحه
- تصویر اسکرول
- اسکرول نرم
- اسکرول پس‌زمینه تدریجی
- سربرگ چسبنده
- سربرگ صفحه در حال اسکرول کوچک‌تر شود
- جدول قیمت
- اسکرولینگ پارالل
- تناسب ارتفاع به عرض
- فریم‌های درون‌صفحه‌ای پاسخگو
- تغییر علاقه‌مندی/ناعلاقه‌مندی
- تغییر نمایش/مخفی
- تغییر حالت تاریک
- تغییر متنی
- تغییر کلاس
- افزودن کلاس
- حذف کلاس
- تغییر کلاس
- کلاس فعال
- نمای درخت‌مانند
- حذف اعداد اعشاری
- حذف ویژگی
- تشخیص آفلاین
- عنصر مخفی را پیدا کنید
- صفحه وب را تغییر مسیر دهید
- شکل‌دهی اعداد
- تغییر اندازه با قرار گرفتن روی آن
- جعبه‌های برش‌خورده
- مرکز عمودی
- کلیک کردن دکمه در DIV مرکزی
- لیست مرکزی
- گذرش به حالت بالا
- موج
- شکل
- لینک دانلود
- عنصر به بلندی کامل
- پنجره مرورگر
- نوار پیمایش سفارشی
- نوار پیمایش مخفی
- نمایش/قهرمانی نمایش نوار پیمایش
- ظاهر دستگاه
- پیرامون محتوای قابل ویرایش
- رنگ جایگزین
- غیرقابل تغییر اندازه متنی
- غیرقابل انتخاب متنی
- رنگ انتخاب متنی
- رنگ علامت‌های لیستی
- خط عمودی
- خط‌کش
- خط‌کش متنی
- آیکون‌های آنی‌سازی
- تایمر شمارش معکوس
- تأثیر ماشین تحریر
- صفحه‌ای که به زودی راه‌اندازی می‌شود
- پیام‌های چت
- پنجره چت پاپ‌آپ
- تصویر دو پاره
- نظرات مشتری
- شمارنده بلوک
- اسلایدهای نقل قول
- عناصر لیستی قابل بستن
- پایان‌بندی‌های معمولی دستگاه
- عناصر HTML قابل حرکت
- مطالعه‌ی رسانه‌ای JS
- نشان‌گذار دستورالعمل
- آنی‌سازی JS
- طول رشته JS
- عملگر نمایی JS
- پارامتر پیش‌فرض JS
- عدد تصادفی JS
- ترتیب داده‌های آرایه عددی JS
- عملگر گسترش داده شده JS
- اسکریپت JS به تصویر کشیدن
- تاریخ فعلی را به دست آورید
- URL فعلی را به دست آورید
- اندازه صفحه نمایش فعلی را به دست آورید
- عنصر iframe را به دست آورید
شبکه
- طرح دو ستونی
- طرح سه ستونی
- طرح چهار ستونی
- شبکه گسترش‌یافته
- نمای شبکه لیستی
- طرح ستون‌های ترکیبی
- کارت‌های ستون
- طرح زنجیری
- طرح وبلاگ
تبدیل‌گر
جعبه ابزار
منو
- نوار نمادها
- نماد منو
- کتابچه
- تیکت
- تیکت‌های عمودی
- عنوان تیکت
- تیکتی‌های تمام‌صفحه
- تیکتی‌های قرارگرفته روی ماوس
- منوی بالایی
- منوی بالایی پاسخگو
- منوی تقسیم‌شده
- منوی با نماد
- منوی جستجو
- نوار جستجو
- نوار کناری ثابت
- منوی جانبی
- نوار کناری پاسخگو
- منوی تمام‌صفحه
- منوی خارج از کanvas
- دکمه‌های منوی کناری هنگام قرارگیری روی ماوس
- نوار کناری با نماد
- منوی لغزان
- منوی عمودی
- نواری پایین
- نواری پایین پاسخگو
- لینک‌های منوی پایینی
- لینک‌های منوی راست‌چین
- لینک‌های منوی وسطی
- لینک‌های منوی هم‌اندازه
- منو ثابت
- ناوبری پنهان در حالت اسکرول
- ناوبری پنهان در حالت اسکرول
- ناوبری کوچک در حالت اسکرول
- ناوبری چسبنده
- ناوبری روی تصویر
- منوی فروکش‌شده با قرارگیری ماوس
- منوی فروکش‌شده با کلیک
- منوی فروکش‌شده پیچیده
- منوی فروکش‌شده در ناوبری بالا
- منوی فروکش‌شده در ناوبری جانبی
- ناوبری واکنش‌دار با منوی فروکش‌شده
- منو فرعی ناوبری
- منو فروکش‌شده
- منو پیشرفته
- منو موبایل
- منو پرده‌ای
- جانب چسبنده
- پنل جانبی قابل فروکش
- صفحات
- ناوبری پنیری
- گروه دکمه‌ها
- گروه دکمه‌های عمودی
- نوار اجتماعی چسبنده
- ناوبری قرصی
- تیتر واکنش‌دار
تصویر
- اسلایدر
- گالری اسلایدر
- تصویر模ال
- نورگروه
- گرید تصویر واکنش‌دار
- گرید تصویر
- کتابخانه تصاویر
- کتابخانه تصاویر قابل اسکرول
- کتابخانه تصاویر تب‌دار
- درخشندگی افزودة تصویر
- حرکت افزودة تصویر
- بزرگنمایی افزودة تصویر
- عنوان افزودة تصویر
- آیکون افزودة تصویر
- تأثیر تصویر
- تصویر سیاه و سفید
- متن تصویر
- بلاک متنی تصویر
- متن نوشته بر روی تصویر شفاف
- تصویر تمام‌صفحه
- فرم روی تصویر
- تصویر جلوه‌گر
- تصویر پس‌زمینه تار
- تغییر پس‌زمینه در حالت اسکرول
- تصاویر موازی
- تصویر با گوشه‌های گرد
- تصویر پروفایل
- تصویر واکنش‌دار
- تصویر وسطی
- تصویر مخروطی
- پارچه تصویر
- مقدمه تیم
- تصویر چسبنده
- تصویر معکوس
- تصویر می‌خورد
- گالری گرداننده تصاویر
- گرداننده قابل فیلتر
- تغییر بزرگنمایی تصویر
- لوپ بزرگنمایی تصویر
- اسلایدر مقایسه تصویر
- آیکون وب‌سایت
دکمه
- دکمه‌های اخطار
- دکمه‌های برجسته
- دکمه‌های تقسیم‌شده
- دکمه‌های انیمیشنی
- دکمه‌های تغییر رنگ
- دکمه‌های روی تصویر
- دکمه‌های شبکه‌های اجتماعی
- خواندن بیشتر/کمتر
- دکمه‌های بارگذاری
- دکمه‌های دانلود
- دکمه‌های قرصی
- دکمه‌های اطلاع‌رسانی
- دکمه‌های آیکونی
- دکمه‌های صفحه بعد/قبل
- دکمه‌های بیشتر در نوار ناوبری
- دکمه‌های بلوک‌شده
- دکمه‌های متنی
- دکمه‌های با گوشه‌های گرد
- دکمه بازگشت به بالا
فرم
- فرم ورود
- فرم ثبت‌نام
- فرم پرداخت
- فرم تماس
- فرم ورود اجتماعی
- فرم ثبت‌نام
- فرم با آیکون
- اشتراک‌گذاری اخبار
- فرم پیله‌ای
- فرم واکنش‌دار
- فرم پاپ‌آپ
- فرم درون‌محلی
- پاک کردن حلقه ورودی
- پنهان کردن ابر箭های عددی
- کپی متن به کلیپ‌بورد
- جستجو با انیمیشن
- دکمه جستجو
- جستجو در حالت تمام‌صفحه
- حلقه ورودی در نوار ناوبری
- فرم ورود در نوار ناوبری
- مربع انتخابی/ دکمه انتخابی سفارشی
- مربع انتخابی سفارشی
- تغییر وضعیت کلید
- انتخاب مربع انتخابی
- تشخیص قفل بزرگ‌نویسی
- فعال‌سازی دکمه با کلید Enter
- تأیید رمز عبور
- تغییر可见یت رمز عبور
- فرم چند مرحله‌ای
- تکمیل خودکار
- بستن تکمیل خودکار
- بستن بررسی املایی
- دکمه بارگذاری فایل
- تأیید ورودی خالی
صفحه‌های فیلترشوندة
- لیست‌های فیلترشوندة
- جداول فیلترشوندة
- عناصر فیلترشوندة
- منو فیلترشوندة
- لیست‌های مرتب‌شده
- جداول مرتب‌شده
جداول
بیشتر
- ویدئو تمام‌صفحه
- پنجره مودال
- حذف پنجره مودال
- زمان‌بندی
- نشانگر اسکرول
- نوار پیشرفت
- نوار مهارت
- اسلایدر دامنه
- انتخاب‌گر رنگ
- فیلد ایمیل
- آیکن راهنمایی
- عناصر نمایش داده شده در حالت حالت بالا
- پنجره پاپ‌آپ
- محتوای قابل تا کردن
- تقویم
- شامل HTML
- لیست وظایف
- بارگذار
- نشان
- امتیاز ستاره‌ای
- امتیاز کاربر
- تأثیر پوشش
- چips تماس
- کارت
- کارت برش‌خورده
- کارت پروفایل
- کارت محصول
- اخطار
- متن اعلانی
- نوشته
- برچسب
- نوار
- ابربرچسب
- دایره
- خط افقی با استایل
- کوپن
- گروه لیستی
- گروه لیستی با نشان
- لیست بدون علامت
- متنی پاسخگو
- عنصر سایه‌ای
- عنصر روشن
- پایین چسبنده
- عنصر چسبنده
- یکسان‌سازی
- حذف حرکت شناور
- حرکت شناور HTML
- نوار اطلاع
- پنجره تمام‌صفحه
- تصویر اسکرول
- اسکرول نرم
- اسکرول پس‌زمینه تدریجی
- سربرگ چسبنده
- سربرگ صفحه در حال اسکرول کوچک‌تر شود
- جدول قیمت
- اسکرولینگ پارالل
- تناسب ارتفاع به عرض
- فریم‌های درون‌صفحه‌ای پاسخگو
- تغییر علاقه‌مندی/ناعلاقه‌مندی
- تغییر نمایش/مخفی
- تغییر حالت تاریک
- تغییر متنی
- تغییر کلاس
- افزودن کلاس
- حذف کلاس
- تغییر کلاس
- کلاس فعال
- نمای درخت‌مانند
- حذف اعداد اعشاری
- حذف ویژگی
- تشخیص آفلاین
- عنصر مخفی را پیدا کنید
- صفحه وب را تغییر مسیر دهید
- شکل‌دهی اعداد
- تغییر اندازه با قرار گرفتن روی آن
- جعبه‌های برش‌خورده
- مرکز عمودی
- کلیک کردن دکمه در DIV مرکزی
- لیست مرکزی
- گذرش به حالت بالا
- موج
- شکل
- لینک دانلود
- عنصر به بلندی کامل
- پنجره مرورگر
- نوار پیمایش سفارشی
- نوار پیمایش مخفی
- نمایش/قهرمانی نمایش نوار پیمایش
- ظاهر دستگاه
- پیرامون محتوای قابل ویرایش
- رنگ جایگزین
- غیرقابل تغییر اندازه متنی
- غیرقابل انتخاب متنی
- رنگ انتخاب متنی
- رنگ علامت‌های لیستی
- خط عمودی
- خط‌کش
- خط‌کش متنی
- آیکون‌های آنی‌سازی
- تایمر شمارش معکوس
- تأثیر ماشین تحریر
- صفحه‌ای که به زودی راه‌اندازی می‌شود
- پیام‌های چت
- پنجره چت پاپ‌آپ
- تصویر دو پاره
- نظرات مشتری
- شمارنده بلوک
- اسلایدهای نقل قول
- عناصر لیستی قابل بستن
- پایان‌بندی‌های معمولی دستگاه
- عناصر HTML قابل حرکت
- مطالعه‌ی رسانه‌ای JS
- نشان‌گذار دستورالعمل
- آنی‌سازی JS
- طول رشته JS
- عملگر نمایی JS
- پارامتر پیش‌فرض JS
- عدد تصادفی JS
- ترتیب داده‌های آرایه عددی JS
- عملگر گسترش داده شده JS
- اسکریپت JS به تصویر کشیدن
- تاریخ فعلی را به دست آورید
- URL فعلی را به دست آورید
- اندازه صفحه نمایش فعلی را به دست آورید
- عنصر iframe را به دست آورید
شبکه
- طرح دو ستونی
- طرح سه ستونی
- طرح چهار ستونی
- شبکه گسترش‌یافته
- نمای شبکه لیستی
- طرح ستون‌های ترکیبی
- کارت‌های ستون
- طرح زنجیری
- طرح وبلاگ
تبدیل‌گر
درس‌های انتخابی
پیشنهاد دوره:
پیشنهاد دوره:
لینک حامیان
محتوای ارائه شده توسط CodeW3C.com فقط برای آموزش و تست است و از صحت آن اطمینان نمیشود. ریسکهای ناشی از استفاده از محتوای این وب‌سایت با این وب‌سایت مرتبط نیست. تمام حقوق محفوظ است.
درباره CodeW3C.com
کمک CodeW3C.com
شرایط استفاده
شرایط حریم خصوصی
