چگونه از CSS برای ایجاد پنجره مرورگر استفاده کنیم
- صفحه قبلی عناصر با ارتفاع کامل
- صفحه بعدی نوار اسکرول سفارشی
آموزش نحوه استفاده از CSS برای ایجاد نمونه پنجره مرورگر.
پنجره مرورگر
- صفحه قبلی عناصر با ارتفاع کامل
- صفحه بعدی نوار اسکرول سفارشی
جدول درس جعبه ابزار
منو
- ستون آیکون
- آیکون منو
- آکورдеون
- تیکت‌ها
- تیکت‌های عمودی
- عنوان تیکت
- تیکیت‌های تمام‌صفحه
- تیکیت‌های حالت توقف
- ناوبری بالایی
- ناوبری بالایی پاسخگو
- ناوبری تقسیم‌شده
- ناوبری با آیکون
- منوی جستجو
- نوار جستجو
- ناوبری کناری ثابت
- ناوبری کناری
- ناوبری کناری پاسخگو
- ناوبری تمام‌صفحه
- منوی خارج از کanvas
- دکمه‌های ناوبری کناری با حالت توقف
- نوار کناری با آیکون
- منوی اسکرول افقی
- منوی عمودی
- ناوبری پایینی
- ناوبری پایینی پاسخگو
- لینک‌های منوی پایینی
- لینک‌های منوی راست‌چین
- لینک‌های منوی مرکزی
- لینک‌های منوی هم‌اندازه
- منوی ثابت
- 下滑 ناوبری در حالت اسکرول
- ناوبری مخفی در حالت اسکرول
- ناوبری کوچک در حالت اسکرول
- ناوبری چسبنده
- ناوبری روی تصویر
- منوی فرو رفتنی قرارگیری
- منوی فرو رفتنی کلیک
- منوی فرو رفتنی پیچیده
- منوی فرو رفتنی در ناوبری بالایی
- منوی فرو رفتنی در ناوبری کناری
- ناوبری پاسخگو با منوی فرو رفتنی
- منوی زیرناوبری
- منوی فرو رفتنی
- منوی بزرگ
- منوی موبایل
- منوی پرده‌ای
- کنار ناوبری تا‌شده
- پنل کناری تا‌شده
- صفحه‌بندی
- ناوبری پنجره‌ای
- گروه دکمه‌ها
- گروه دکمه‌های عمودی
- نوار اجتماعی چسبنده
- ناوبری قرصی
- سربرگ پاسخگو
تصویر
- اسلاید
- گالری اسلاید
- تصویر پاپ‌آپ
- نوربرق
- گرید تصویر پاسخگو
- گرید تصویر
- بایگانی تصویر
- بایگانی تصویر قابل اسکرول
- بایگانی تصویر با تابلو
- آزاد کردن تصویر بر روی تصویر
- اسلایدر بر روی تصویر
- تغییر اندازه تصویر بر روی تصویر
- عنوان بر روی تصویر
- آیکون بر روی تصویر
- تأثیر تصویر
- تصویر سیاه و سفید
- متن تصویر
- بلاک متنی تصویر
- متن نوشتاری شفاف تصویر
- تصویر تمام‌صفحه
- فرم روی تصویر
- تصویر در حالت تمرکز
- تصویر پس‌زمینه تار
- تغییر پس‌زمینه در حالت اسکرول
- تصویر در کنار هم
- تصویر با گوشه‌های گرد
- تصویر پروفایل
- تصویر پاسخگو
- تصویر مرکزی
- تصویر کوچک
- حاشیه تصویر
- مقدار معرفی تیم
- تصویر چسبنده
- تصویر معکوس
- تصویر لرزان
- گالری آثار
- گالری قابل فیلتر شده
- تغییر اندازه تصویر
- لنز بزرگنمایی تصویر
- اسلایدر مقایسه تصویر
- آیکون وب‌سایت
دکمه
- دکمه هشدار
- دکمه با حاشیه
- دکمه تقسیم‌کننده
- دکمه انیمیشنی
- دکمه پیوسته
- دکمه روی تصویر
- دکمه شبکه‌های اجتماعی
- بیشتر/کمتر خواندن
- دکمه بارگذاری
- دکمه دانلود
- دکمه قرصی
- دکمه اعلان
- دکمه آیکونی
- دکمه صفحه بعد/قبلی
- دکمه بیشتر در نوار ناوبری
- دکمه مستطیل
- دکمه نوشتاری
- دکمه با گوشه‌های گرد
- دکمه بازگشت به بالا
فرم
- فرم ورود
- فرم ثبت‌نام
- فرم پرداخت
- فرم ارتباطی
- فرم ورود اجتماعی
- فرم ثبت‌نام
- فرم با آیکون
- اشتراک‌گذاری اخبار
- فرم چیده شده
- فرم پاسخگو
- فرم پاپ‌آپ
- فرم درون‌ریز
- پاک کردن حلقه ورودی
- مخفی کردن ابرنواری شماره‌ها
- کپی متن به صفحه کلید
- جستجو با انیمیشن
- دکمه جستجو
- جستجو در حالت تمام‌صفحه
- حلقه ورودی در نوار ناوبری
- فرم ورود در نوار ناوبری
- مربع انتخابی/دکمه رادیویی سفارشی
- مربع انتخابی سفارشی
- تغییر کلید
- انتخاب مربع انتخابی
- تشخیص قفل بزرگ‌نویسی
- فعال‌سازی دکمه با کلید Enter
- تأیید رمز عبور
- تغییر بین دیدن و مخفی کردن رمز عبور
- فرم چند مرحله‌ای
- تکمیل خودکار
- کنار گذاشتن تکمیل خودکار
- کنار گذاشتن بررسی گرامری
- دکمه بارگذاری فایل
- تأیید ورودی خالی
فیلتر
جدول
- جدول چاپ شده با پارچه زebra
- جدول‌های مرکزی
- جدول‌های تمام‌صفحه
- جدول‌های درون‌گذاری
- جدول‌های چسبیده
- جدول پاسخگو
- جدول مقایسه‌ای
بیشتر
- ویدئو تمام‌صفحه
- پنجره مودال
- حذف پنجره مودال
- زمان‌گذاری
- نشانگر رول‌شده
- نوار پیشرفت
- نوار مهارت
- کشش‌دهنده محدوده
- انتخاب‌گر رنگ
- فیلد ایمیل
- نشان‌های ابزار
- نمایش عناصر با قرار گرفتن روی ماوس
- پنجره پاپ‌آپ
- محتوای قابل تا کردن
- تقویم
- شامل HTML
- لیست وظایف
- بارگذار
- نشان
- نمره ستاره‌ای
- نمره کاربر
- تأثیر پوشاننده
- چیپ‌های ارتباطی
- کارت
- کارت‌های چرخنده
- کارت پروفایل
- کارت محصول
- اخطار
- باکس یادداشت
- نوشته‌های یادداشت
- برچسب
- نوار
- ابربرچسب‌ها
- دایره
- خطوط افقی با طراحی
- کوپن‌ها
- گروه‌های لیستی
- گروه‌های لیستی با نشان
- لیست‌های بدون نشانه
- متنی پاسخگو
- نوشتار سایه‌دار
- نوشتار روشن
- پایین چسبنده
- عناصر چسبنده
- یک‌سان‌سازی
- پاک کردن浮动
- 浮动 پاسخگو
- نوار اخبار
- پنجره تمام‌صفحه
- نقاشی در حالت رول‌شده
- حرکت نرم
- حرکت پس‌زمینه تدریجی
- سربرگ چسبنده
- کم کردن سربرگ در حالت رول‌شده
- جدول قیمت
- حرکت پارالل
- نسبت عرض به ارتفاع
- فрейم‌های درون‌صفحه‌ای پاسخگو
- تغییر علاقه‌مندی/عدم علاقه‌مندی
- تغییر نمایش/پنهان
- تغییر حالت تاریک/ روشن
- تغییر متنی
- تغییر کلاس
- افزودن کلاس
- حذف کلاس
- تغییر کلاس
- کلاس فعال
- نمای درخت
- حذف اعداد اعشاری
- حذف ویژگی
- تشخیص آنلاین
- یافتن عناصر مخفی
- تغییر مسیر وب‌سایت
- شکل‌دهی اعداد
- تغییر اندازه با قرار گرفتن روی ماوس
- جعبه‌های معکوس
- مرکز عمودی
- دکمه‌های مرکزی در DIV
- لیست‌های مرکزی
- 过渡 به حالت قرار گرفتن روی ماوس
- پیکان
- شکل
- لینک‌های دانلود
- عناصر با ارتفاع کامل
- پنجره مرورگر
- نوار اسکرول سفارشی
- پنهان کردن نوار پیمایش
- نمایش/نیاز به نمایش نوار پیمایش
- ظاهر دستگاه
- پیرامون محتوای قابل ویرایش
- رنگ جایگزین
- عدم امکان تغییر اندازه ناحیه متنی
- عدم امکان انتخاب متنی
- رنگ انتخاب متنی
- رنگ نشانه‌ها
- خط عمودی
- خط شکاف
- خط شکاف متنی
- آیکون‌های انیمیشن
- شمارش معکوس زمان
- تأثیر ماشین تحریر
- صفحه‌ای که به زودی راه‌اندازی می‌شود
- پیام‌های چت
- پنجره چت پاپ‌آپ
- نمایش چندین صفحه
- نظرات مشتری
- شمارنده بلوک
- اسلایدهای نقل قول
- عناصر لیستی قابل بستن
- نقطه شکست دستگاه‌های معمول
- عناصر HTML قابل حرکت
- جستجوی رسانه JS
- نشانگر گرافیکی
- انیمیشن JS
- طول رشته JS
- عملگر نمایی JS
- پارامتر پیش‌فرض JS
- عدد تصادفی JS
- ترتیب داده‌های آرایه JS
- گسترش عملگر JS
- جلو رفتن به دیدگاه با JS
- تاریخ فعلی را دریافت کنید
- URL فعلی را دریافت کنید
- اندازه صفحه نمایش فعلی را دریافت کنید
- عناصر iframe را دریافت کنید
شبکه
- طرح دو ستون
- طرح سه ستون
- طرح چهار ستون
- شبکه گسترده
- نمای شبکه لیست
- طرح ستون‌های مخلوط
- کارت‌های ستون
- طرح منحنی
- طرح وبلاگ
تبدیل‌گر
جعبه ابزار
منو
- ستون آیکون
- آیکون منو
- آکورдеون
- تیکت‌ها
- تیکت‌های عمودی
- عنوان تیکت
- تیکیت‌های تمام‌صفحه
- تیکیت‌های حالت توقف
- ناوبری بالایی
- ناوبری بالایی پاسخگو
- ناوبری تقسیم‌شده
- ناوبری با آیکون
- منوی جستجو
- نوار جستجو
- ناوبری کناری ثابت
- ناوبری کناری
- ناوبری کناری پاسخگو
- ناوبری تمام‌صفحه
- منوی خارج از کanvas
- دکمه‌های ناوبری کناری با حالت توقف
- نوار کناری با آیکون
- منوی اسکرول افقی
- منوی عمودی
- ناوبری پایینی
- ناوبری پایینی پاسخگو
- لینک‌های منوی پایینی
- لینک‌های منوی راست‌چین
- لینک‌های منوی مرکزی
- لینک‌های منوی هم‌اندازه
- منوی ثابت
- 下滑 ناوبری در حالت اسکرول
- ناوبری مخفی در حالت اسکرول
- ناوبری کوچک در حالت اسکرول
- ناوبری چسبنده
- ناوبری روی تصویر
- منوی فرو رفتنی قرارگیری
- منوی فرو رفتنی کلیک
- منوی فرو رفتنی پیچیده
- منوی فرو رفتنی در ناوبری بالایی
- منوی فرو رفتنی در ناوبری کناری
- ناوبری پاسخگو با منوی فرو رفتنی
- منوی زیرناوبری
- منوی فرو رفتنی
- منوی بزرگ
- منوی موبایل
- منوی پرده‌ای
- کنار ناوبری تا‌شده
- پنل کناری تا‌شده
- صفحه‌بندی
- ناوبری پنجره‌ای
- گروه دکمه‌ها
- گروه دکمه‌های عمودی
- نوار اجتماعی چسبنده
- ناوبری قرصی
- سربرگ پاسخگو
تصویر
- اسلاید
- گالری اسلاید
- تصویر پاپ‌آپ
- نوربرق
- گرید تصویر پاسخگو
- گرید تصویر
- بایگانی تصویر
- بایگانی تصویر قابل اسکرول
- بایگانی تصویر با تابلو
- آزاد کردن تصویر بر روی تصویر
- اسلایدر بر روی تصویر
- تغییر اندازه تصویر بر روی تصویر
- عنوان بر روی تصویر
- آیکون بر روی تصویر
- تأثیر تصویر
- تصویر سیاه و سفید
- متن تصویر
- بلاک متنی تصویر
- متن نوشتاری شفاف تصویر
- تصویر تمام‌صفحه
- فرم روی تصویر
- تصویر در حالت تمرکز
- تصویر پس‌زمینه تار
- تغییر پس‌زمینه در حالت اسکرول
- تصویر در کنار هم
- تصویر با گوشه‌های گرد
- تصویر پروفایل
- تصویر پاسخگو
- تصویر مرکزی
- تصویر کوچک
- حاشیه تصویر
- مقدار معرفی تیم
- تصویر چسبنده
- تصویر معکوس
- تصویر لرزان
- گالری آثار
- گالری قابل فیلتر شده
- تغییر اندازه تصویر
- لنز بزرگنمایی تصویر
- اسلایدر مقایسه تصویر
- آیکون وب‌سایت
دکمه
- دکمه هشدار
- دکمه با حاشیه
- دکمه تقسیم‌کننده
- دکمه انیمیشنی
- دکمه پیوسته
- دکمه روی تصویر
- دکمه شبکه‌های اجتماعی
- بیشتر/کمتر خواندن
- دکمه بارگذاری
- دکمه دانلود
- دکمه قرصی
- دکمه اعلان
- دکمه آیکونی
- دکمه صفحه بعد/قبلی
- دکمه بیشتر در نوار ناوبری
- دکمه مستطیل
- دکمه نوشتاری
- دکمه با گوشه‌های گرد
- دکمه بازگشت به بالا
فرم
- فرم ورود
- فرم ثبت‌نام
- فرم پرداخت
- فرم ارتباطی
- فرم ورود اجتماعی
- فرم ثبت‌نام
- فرم با آیکون
- اشتراک‌گذاری اخبار
- فرم چیده شده
- فرم پاسخگو
- فرم پاپ‌آپ
- فرم درون‌ریز
- پاک کردن حلقه ورودی
- مخفی کردن ابرنواری شماره‌ها
- کپی متن به صفحه کلید
- جستجو با انیمیشن
- دکمه جستجو
- جستجو در حالت تمام‌صفحه
- حلقه ورودی در نوار ناوبری
- فرم ورود در نوار ناوبری
- مربع انتخابی/دکمه رادیویی سفارشی
- مربع انتخابی سفارشی
- تغییر کلید
- انتخاب مربع انتخابی
- تشخیص قفل بزرگ‌نویسی
- فعال‌سازی دکمه با کلید Enter
- تأیید رمز عبور
- تغییر بین دیدن و مخفی کردن رمز عبور
- فرم چند مرحله‌ای
- تکمیل خودکار
- کنار گذاشتن تکمیل خودکار
- کنار گذاشتن بررسی گرامری
- دکمه بارگذاری فایل
- تأیید ورودی خالی
فیلتر
جدول
- جدول چاپ شده با پارچه زebra
- جدول‌های مرکزی
- جدول‌های تمام‌صفحه
- جدول‌های درون‌گذاری
- جدول‌های چسبیده
- جدول پاسخگو
- جدول مقایسه‌ای
بیشتر
- ویدئو تمام‌صفحه
- پنجره مودال
- حذف پنجره مودال
- زمان‌گذاری
- نشانگر رول‌شده
- نوار پیشرفت
- نوار مهارت
- کشش‌دهنده محدوده
- انتخاب‌گر رنگ
- فیلد ایمیل
- نشان‌های ابزار
- نمایش عناصر با قرار گرفتن روی ماوس
- پنجره پاپ‌آپ
- محتوای قابل تا کردن
- تقویم
- شامل HTML
- لیست وظایف
- بارگذار
- نشان
- نمره ستاره‌ای
- نمره کاربر
- تأثیر پوشاننده
- چیپ‌های ارتباطی
- کارت
- کارت‌های چرخنده
- کارت پروفایل
- کارت محصول
- اخطار
- باکس یادداشت
- نوشته‌های یادداشت
- برچسب
- نوار
- ابربرچسب‌ها
- دایره
- خطوط افقی با طراحی
- کوپن‌ها
- گروه‌های لیستی
- گروه‌های لیستی با نشان
- لیست‌های بدون نشانه
- متنی پاسخگو
- نوشتار سایه‌دار
- نوشتار روشن
- پایین چسبنده
- عناصر چسبنده
- یک‌سان‌سازی
- پاک کردن浮动
- 浮动 پاسخگو
- نوار اخبار
- پنجره تمام‌صفحه
- نقاشی در حالت رول‌شده
- حرکت نرم
- حرکت پس‌زمینه تدریجی
- سربرگ چسبنده
- کم کردن سربرگ در حالت رول‌شده
- جدول قیمت
- حرکت پارالل
- نسبت عرض به ارتفاع
- فрейم‌های درون‌صفحه‌ای پاسخگو
- تغییر علاقه‌مندی/عدم علاقه‌مندی
- تغییر نمایش/پنهان
- تغییر حالت تاریک/ روشن
- تغییر متنی
- تغییر کلاس
- افزودن کلاس
- حذف کلاس
- تغییر کلاس
- کلاس فعال
- نمای درخت
- حذف اعداد اعشاری
- حذف ویژگی
- تشخیص آنلاین
- یافتن عناصر مخفی
- تغییر مسیر وب‌سایت
- شکل‌دهی اعداد
- تغییر اندازه با قرار گرفتن روی ماوس
- جعبه‌های معکوس
- مرکز عمودی
- دکمه‌های مرکزی در DIV
- لیست‌های مرکزی
- 过渡 به حالت قرار گرفتن روی ماوس
- پیکان
- شکل
- لینک‌های دانلود
- عناصر با ارتفاع کامل
- پنجره مرورگر
- نوار اسکرول سفارشی
- پنهان کردن نوار پیمایش
- نمایش/نیاز به نمایش نوار پیمایش
- ظاهر دستگاه
- پیرامون محتوای قابل ویرایش
- رنگ جایگزین
- عدم امکان تغییر اندازه ناحیه متنی
- عدم امکان انتخاب متنی
- رنگ انتخاب متنی
- رنگ نشانه‌ها
- خط عمودی
- خط شکاف
- خط شکاف متنی
- آیکون‌های انیمیشن
- شمارش معکوس زمان
- تأثیر ماشین تحریر
- صفحه‌ای که به زودی راه‌اندازی می‌شود
- پیام‌های چت
- پنجره چت پاپ‌آپ
- نمایش چندین صفحه
- نظرات مشتری
- شمارنده بلوک
- اسلایدهای نقل قول
- عناصر لیستی قابل بستن
- نقطه شکست دستگاه‌های معمول
- عناصر HTML قابل حرکت
- جستجوی رسانه JS
- نشانگر گرافیکی
- انیمیشن JS
- طول رشته JS
- عملگر نمایی JS
- پارامتر پیش‌فرض JS
- عدد تصادفی JS
- ترتیب داده‌های آرایه JS
- گسترش عملگر JS
- جلو رفتن به دیدگاه با JS
- تاریخ فعلی را دریافت کنید
- URL فعلی را دریافت کنید
- اندازه صفحه نمایش فعلی را دریافت کنید
- عناصر iframe را دریافت کنید
شبکه
- طرح دو ستون
- طرح سه ستون
- طرح چهار ستون
- شبکه گسترده
- نمای شبکه لیست
- طرح ستون‌های مخلوط
- کارت‌های ستون
- طرح منحنی
- طرح وبلاگ
تبدیل‌گر
درس‌های انتخابی
پیشنهاد دوره:
پیشنهاد دوره:
ابزارخانه
دستورالعمل‌های JavaScript و HTML DOM
مثال‌های JavaScript
آزمون‌های JavaScript
آموزش‌های پیشرفته JavaScript
دستورالعمل‌های JavaScript و HTML DOM
مثال‌های JavaScript
آزمون‌های JavaScript
آموزش‌های پیشرفته JavaScript
لینک‌های اسپانسر
محتوای ارائه شده توسط CodeW3C.com صرفاً برای آموزش و تست است و صحت آن تضمین نمیشود. ریسکهای ناشی از استفاده از محتوای این وب‌سایت با این وب‌سایت مرتبط نیست. تمام حقوق محفوظ است.
درباره CodeW3C.com
کمک به CodeW3C.com
شرایط استفاده
شرایط حریم خصوصی
