كيفية استخدام CSS لإنشاء نافذة المتصفح
- الصفحة السابقة العنصر الكامل
- الصفحة التالية شريط التمرير المخصص
تعلم كيفية استخدام CSS لإنشاء مثال على نافذة المتصفح.
نافذة المتصفح
- الصفحة السابقة العنصر الكامل
- الصفحة التالية شريط التمرير المخصص
جدول الدروس صندوق النقود
القائمة
- شريط الرموز
- شعار القائمة
- الأورغن
- القسائم
- القسائم العمودية
- عنوان القسائم
- القسائم الكاملة
- القسائم المتراوحة
- التصفح العلوية
- التصفح العلوية التفاعلي
- التصفح المفكك
- الشريط الجانبي المزود بالرمز
- قائمة البحث
- شريط البحث
- الشريط الجانبي الثابت
- التصفح الجانبي
- الشريط الجانبي التفاعلي
- التصفح الكامل
- قائمة القائمة خارج الرسم البياني
- الزر الجانبي المتراوح
- الشريط الجانبي المزود بالرمز
- قائمة تمرير أفقي
- قائمة عمودية
- قائمة توجيه أسفل
- قائمة توجيه أسفل متجاوبة
- روابط قائمة أسفل الحافة
- روابط قائمة صحيحة
- روابط قائمة مركزية
- روابط قائمة متساوية
- قائمة ثابتة
- قائمة توجيه تنقل عند التمرير
- قائمة توجيه إخفاء عند التمرير
- قائمة توجيه تضييق عند التمرير
- قائمة توجيه متصقة
- قائمة توجيه على الصورة
- قائمة سحب مرور
- قائمة سحب نقر
- قائمة سحب متدرجة
- قائمة سحب في مقابلة أعلى
- قائمة سحب في مقابلة جانبية
- قائمة توجيه متجاوبة تحتوي على سحب
- قائمة توجيه فرعية
- قائمة سحب
- قائمة فائقة
- قائمة تزلج
- قائمة ستارة
- مقابلة متقلصة
- مقابلة متقلصة
- صفحات
- توجيه الخبز
- مجموعة أزرار
- مجموعة أزرار عمودية
- مقابلة متصقة
- توجيه حبة
- رأس متجاوب
صورة
- شريحة
- معرض شرائح
- صورة مودالية
- قفص
- شبكة صور متجاوبة
- شبكة صور
- مكتبة صور
- مكتبة صور قابلة للتمرير
- مكتبة صور بطاقية
- توهج داخلي
- تمرير داخلي
- تكبير داخلي
- عنوان داخلي
- شعار داخلي
- تأثير الصورة
- صورة أسود وأبيض
- نص صوري
- نص نصي على الصورة
- نص شفاف على الصورة
- صورة كاملة
- نموذج استمارة على الصورة
- صورة مركزية
- خلفية مظلمة
- تبديل خلفية عند التمرير
- صور متوازية
- صورة مستديرة
- صورة رأسية
- صورة متجاوبة
- صورة مركزية
- مخططات
- حافة الصورة
- تعريف الفريق
- صورة لزجة
- تحويل الصورة
- صورة متزعجة
- معرض الأعمال
- مجموعة من الأعمال القابلة للتصفية
- تكبير الصور
- مكبر للصور
- مقارنة الصور
- شعار الموقع
زر
- زر تنبيه
- زر هلالي
- زر تقسيم
- زر متحرك
- زر متدرج
- زر على الصورة
- زر وسائل التواصل الاجتماعي
- اقرأ المزيد/اقرأ أقل
- زر التحميل
- زر التحميل
- زر حبة
- زر الإشعارات
- زر رمزي
- زر الصفحة التالية/الصفحة السابقة
- زر المزيد في التوجيه
- زر مكعب
- زر نصي
- زر مستدير
- زر العودة إلى القمة
نموذج استمارة
- نموذج استمارة تسجيل الدخول
- نموذج استمارة التسجيل
- نموذج استمارة الدفع
- نموذج استمارة الاتصال
- نموذج استمارة تسجيل الدخول الاجتماعي
- نموذج استمارة تسجيل
- نموذج استمارة يحتوي على رمز
- اشتراك في الأخبار
- نموذج استمارة متداخل
- نموذج استمارة متجاوب
- نموذج استمارة قفازي
- نموذج استمارة داخلي
- إزالة محتوى الحقل
- إخفاء الأشرطة الرقمية
- نسخ النص إلى لوحة المفاتيح
- البحث المتحرك
- زر البحث
- البحث الكامل
- حقل إدخال في قائمة التوجيه
- نموذج تسجيل الدخول في قائمة التوجيه
- مربعات اختيار/أزرار اختيار مخصصة
- حقل اختيار مخصص
- تبديل مفتاح
- تحديد مربع اختيار
- تحقق من التحقق من الت锁定 الكبير
- تنشيط الزر عند ضغط مفتاح Enter
- تحقق من كلمة المرور
- تبديل رؤية كلمة المرور
- نموذج استمارة خطوات متعددة
- التكملة التلقائية
- إغلاق التكملة التلقائية
- إغلاق التحقق من النطق
- زر تحميل ملف
- تحقق من التحقق من التحقق من الإدخال الفارغ
متصفية
شبكة بيانات
- شبكة بيانات زebra
- جداول المركز
- جداول العرض الكامل
- جداول مدمجة
- جداول متصلة
- جداول الديناميكية
- جداول المقارنة
المزيد
- فيديو كامل الشاشة
- النافذة الإ模ائية
- حذف النافذة الإ模ائية
- الخط الزمني
- مؤشر التمرير
- شريط التقدم
- شريط المهارات
- مقياس التدرج
- مزيج الألوان
- حقل البريد الإلكتروني
- النصوص التوضيحية
- إظهار العنصر عند الاستراحة
- النافذة المنبثقة
- المحتوى القابل للطي
- التقويم
- تضمين HTML
- قائمة المهام
- المحمل
- الشريط
- التقييمات النجمية
- التقييمات
- التفعيل
- شريحة الاتصال
- بطاقة
- بطاقة التدوير
- بطاقة الملف الشخصي
- بطاقة المنتج
- التحذير
- نافذة التأكيد
- الملاحظات
- العلامة
- الشريط
- مجال العلامات
- الكرية
- خط الأفقية المزخرف
- كوبون
- مجموعة القوائم
- مجموعة القوائم المزخرفة
- القائمة بدون علامات
- النص الديناميكي
- النص المظلل
- النص المضيء
- القاعدة الثابتة
- العدة الثابتة
- الارتفاع المتساوي
- إزالة التحرك المناسب للأجهزة
- التحرك المناسب للأجهزة
- الشريط الإعلامي
- النافذة الكاملة
- الرسم عند التمرير
- التمرير السلس
- الخلفية المتدرجة عند التمرير
- الشريط العلوية الثابت
- الشريط العلوية يتنكمش عند التمرير
- جداول الأسعار
- التمييز البصري
- نسبة العرض والارتفاع
- القابلة للتداخل في الإطار
- تبديل المفضلة/غير المفضلة
- تبديل العرض/الإخفاء
- تبديل النمط المظلم
- تبديل النص
- تبديل النوع
- إضافة النوع
- إزالة النوع
- تغيير النوع
- النوع النشط
- رؤية الشجرة
- إزالة الأعداد الصغيرة
- إزالة الخاصية
- التحقق من الاتصال بالإنترنت
- البحث عن العناصر المخفية
- إعادة توجيه الصفحة
- تنسيق الأعداد
- التكبير عند الاستراحة
- الصندوق المنقلب
- المركز العمودي
- الضغط في المركز في DIV
- القائمة المركزية
- انتقال الاستراحة
- الرافعة
- الشكل
- رابط التحميل
- العنصر الكامل
- نافذة المتصفح
- شريط التمرير المخصص
- إخفاء شريط التمرير
- إظهار/إجبار إظهار شريط التمرير
- شكل الجهاز
- حافة المحتوى القابل للتحرير
- لون العلامة
- تعطيل تحديد حجم النص
- تعطيل اختيار النص
- لون النص المحدد
- لون العلامات
- الخط العمودي
- خط الفصل
- خط الفصل النصي
- الرموز المتحركة
- مقياس العد التنازلي
- أثر الطباعة
- الصفحة القادمة
- رسائل الدردشة
- فتح نافذة الدردشة المنبثقة
- تمييز الشاشة
- مراجعات العملاء
- حساب العناصر
- شريحة الاقتباس
- القائمة القابلة للإغلاق
- نقاط التوقف الأجهزة
- عناصر HTML القابلة للسحب
- استعلامات وسائل الإعلام في JS
- ميزة التلوين النصي
- التحرك باستخدام JS
- طول السلسلة في JS
- الحساب الأسي في JS
- المعاملات الافتراضية في JS
- رقم عشوائي في JS
- ترتيب قائمة الأعداد في JS
- العملية التكرارية في JS
- التحرك إلى العرض باستخدام JS
- الحصول على التاريخ الحالي
- الحصول على عنوان الويب الحالي
- الحصول على حجم الشاشة الحالية
- الحصول على عنصر iframe
الشبكة
- تصميم الأعمدة الثنائية
- تصميم الأعمدة الثلاثة
- تصميم الأعمدة الأربعة
- توسيع الشبكة
- رؤية الشبكة للقائمة
- تصميم الأعمدة المختلطة
- بطاقات الأعمدة
- التصميم المتوازي
- تصميم لوحة الموقع
المحول
صندوق النقود
القائمة
- شريط الرموز
- شعار القائمة
- الأورغن
- القسائم
- القسائم العمودية
- عنوان القسائم
- القسائم الكاملة
- القسائم المتراوحة
- التصفح العلوية
- التصفح العلوية التفاعلي
- التصفح المفكك
- الشريط الجانبي المزود بالرمز
- قائمة البحث
- شريط البحث
- الشريط الجانبي الثابت
- التصفح الجانبي
- الشريط الجانبي التفاعلي
- التصفح الكامل
- قائمة القائمة خارج الرسم البياني
- الزر الجانبي المتراوح
- الشريط الجانبي المزود بالرمز
- قائمة تمرير أفقي
- قائمة عمودية
- قائمة توجيه أسفل
- قائمة توجيه أسفل متجاوبة
- روابط قائمة أسفل الحافة
- روابط قائمة صحيحة
- روابط قائمة مركزية
- روابط قائمة متساوية
- قائمة ثابتة
- قائمة توجيه تنقل عند التمرير
- قائمة توجيه إخفاء عند التمرير
- قائمة توجيه تضييق عند التمرير
- قائمة توجيه متصقة
- قائمة توجيه على الصورة
- قائمة سحب مرور
- قائمة سحب نقر
- قائمة سحب متدرجة
- قائمة سحب في مقابلة أعلى
- قائمة سحب في مقابلة جانبية
- قائمة توجيه متجاوبة تحتوي على سحب
- قائمة توجيه فرعية
- قائمة سحب
- قائمة فائقة
- قائمة تزلج
- قائمة ستارة
- مقابلة متقلصة
- مقابلة متقلصة
- صفحات
- توجيه الخبز
- مجموعة أزرار
- مجموعة أزرار عمودية
- مقابلة متصقة
- توجيه حبة
- رأس متجاوب
صورة
- شريحة
- معرض شرائح
- صورة مودالية
- قفص
- شبكة صور متجاوبة
- شبكة صور
- مكتبة صور
- مكتبة صور قابلة للتمرير
- مكتبة صور بطاقية
- توهج داخلي
- تمرير داخلي
- تكبير داخلي
- عنوان داخلي
- شعار داخلي
- تأثير الصورة
- صورة أسود وأبيض
- نص صوري
- نص نصي على الصورة
- نص شفاف على الصورة
- صورة كاملة
- نموذج استمارة على الصورة
- صورة مركزية
- خلفية مظلمة
- تبديل خلفية عند التمرير
- صور متوازية
- صورة مستديرة
- صورة رأسية
- صورة متجاوبة
- صورة مركزية
- مخططات
- حافة الصورة
- تعريف الفريق
- صورة لزجة
- تحويل الصورة
- صورة متزعجة
- معرض الأعمال
- مجموعة من الأعمال القابلة للتصفية
- تكبير الصور
- مكبر للصور
- مقارنة الصور
- شعار الموقع
زر
- زر تنبيه
- زر هلالي
- زر تقسيم
- زر متحرك
- زر متدرج
- زر على الصورة
- زر وسائل التواصل الاجتماعي
- اقرأ المزيد/اقرأ أقل
- زر التحميل
- زر التحميل
- زر حبة
- زر الإشعارات
- زر رمزي
- زر الصفحة التالية/الصفحة السابقة
- زر المزيد في التوجيه
- زر مكعب
- زر نصي
- زر مستدير
- زر العودة إلى القمة
نموذج استمارة
- نموذج استمارة تسجيل الدخول
- نموذج استمارة التسجيل
- نموذج استمارة الدفع
- نموذج استمارة الاتصال
- نموذج استمارة تسجيل الدخول الاجتماعي
- نموذج استمارة تسجيل
- نموذج استمارة يحتوي على رمز
- اشتراك في الأخبار
- نموذج استمارة متداخل
- نموذج استمارة متجاوب
- نموذج استمارة قفازي
- نموذج استمارة داخلي
- إزالة محتوى الحقل
- إخفاء الأشرطة الرقمية
- نسخ النص إلى لوحة المفاتيح
- البحث المتحرك
- زر البحث
- البحث الكامل
- حقل إدخال في قائمة التوجيه
- نموذج تسجيل الدخول في قائمة التوجيه
- مربعات اختيار/أزرار اختيار مخصصة
- حقل اختيار مخصص
- تبديل مفتاح
- تحديد مربع اختيار
- تحقق من التحقق من الت锁定 الكبير
- تنشيط الزر عند ضغط مفتاح Enter
- تحقق من كلمة المرور
- تبديل رؤية كلمة المرور
- نموذج استمارة خطوات متعددة
- التكملة التلقائية
- إغلاق التكملة التلقائية
- إغلاق التحقق من النطق
- زر تحميل ملف
- تحقق من التحقق من التحقق من الإدخال الفارغ
متصفية
شبكة بيانات
- شبكة بيانات زebra
- جداول المركز
- جداول العرض الكامل
- جداول مدمجة
- جداول متصلة
- جداول الديناميكية
- جداول المقارنة
المزيد
- فيديو كامل الشاشة
- النافذة الإ模ائية
- حذف النافذة الإ模ائية
- الخط الزمني
- مؤشر التمرير
- شريط التقدم
- شريط المهارات
- مقياس التدرج
- مزيج الألوان
- حقل البريد الإلكتروني
- النصوص التوضيحية
- إظهار العنصر عند الاستراحة
- النافذة المنبثقة
- المحتوى القابل للطي
- التقويم
- تضمين HTML
- قائمة المهام
- المحمل
- الشريط
- التقييمات النجمية
- التقييمات
- التفعيل
- شريحة الاتصال
- بطاقة
- بطاقة التدوير
- بطاقة الملف الشخصي
- بطاقة المنتج
- التحذير
- نافذة التأكيد
- الملاحظات
- العلامة
- الشريط
- مجال العلامات
- الكرية
- خط الأفقية المزخرف
- كوبون
- مجموعة القوائم
- مجموعة القوائم المزخرفة
- القائمة بدون علامات
- النص الديناميكي
- النص المظلل
- النص المضيء
- القاعدة الثابتة
- العدة الثابتة
- الارتفاع المتساوي
- إزالة التحرك المناسب للأجهزة
- التحرك المناسب للأجهزة
- الشريط الإعلامي
- النافذة الكاملة
- الرسم عند التمرير
- التمرير السلس
- الخلفية المتدرجة عند التمرير
- الشريط العلوية الثابت
- الشريط العلوية يتنكمش عند التمرير
- جداول الأسعار
- التمييز البصري
- نسبة العرض والارتفاع
- القابلة للتداخل في الإطار
- تبديل المفضلة/غير المفضلة
- تبديل العرض/الإخفاء
- تبديل النمط المظلم
- تبديل النص
- تبديل النوع
- إضافة النوع
- إزالة النوع
- تغيير النوع
- النوع النشط
- رؤية الشجرة
- إزالة الأعداد الصغيرة
- إزالة الخاصية
- التحقق من الاتصال بالإنترنت
- البحث عن العناصر المخفية
- إعادة توجيه الصفحة
- تنسيق الأعداد
- التكبير عند الاستراحة
- الصندوق المنقلب
- المركز العمودي
- الضغط في المركز في DIV
- القائمة المركزية
- انتقال الاستراحة
- الرافعة
- الشكل
- رابط التحميل
- العنصر الكامل
- نافذة المتصفح
- شريط التمرير المخصص
- إخفاء شريط التمرير
- إظهار/إجبار إظهار شريط التمرير
- شكل الجهاز
- حافة المحتوى القابل للتحرير
- لون العلامة
- تعطيل تحديد حجم النص
- تعطيل اختيار النص
- لون النص المحدد
- لون العلامات
- الخط العمودي
- خط الفصل
- خط الفصل النصي
- الرموز المتحركة
- مقياس العد التنازلي
- أثر الطباعة
- الصفحة القادمة
- رسائل الدردشة
- فتح نافذة الدردشة المنبثقة
- تمييز الشاشة
- مراجعات العملاء
- حساب العناصر
- شريحة الاقتباس
- القائمة القابلة للإغلاق
- نقاط التوقف الأجهزة
- عناصر HTML القابلة للسحب
- استعلامات وسائل الإعلام في JS
- ميزة التلوين النصي
- التحرك باستخدام JS
- طول السلسلة في JS
- الحساب الأسي في JS
- المعاملات الافتراضية في JS
- رقم عشوائي في JS
- ترتيب قائمة الأعداد في JS
- العملية التكرارية في JS
- التحرك إلى العرض باستخدام JS
- الحصول على التاريخ الحالي
- الحصول على عنوان الويب الحالي
- الحصول على حجم الشاشة الحالية
- الحصول على عنصر iframe
الشبكة
- تصميم الأعمدة الثنائية
- تصميم الأعمدة الثلاثة
- تصميم الأعمدة الأربعة
- توسيع الشبكة
- رؤية الشبكة للقائمة
- تصميم الأعمدة المختلطة
- بطاقات الأعمدة
- التصميم المتوازي
- تصميم لوحة الموقع
المحول
المقررات الاختيارية
التوصيات الدراسية:
التوصيات الدراسية:
أداة
دليل مرجعي لـ JavaScript و HTML DOM
أمثلة JavaScript
اختبار JavaScript
دليل متقدم لـ JavaScript
دليل مرجعي لـ JavaScript و HTML DOM
أمثلة JavaScript
اختبار JavaScript
دليل متقدم لـ JavaScript
رابط الممول
المحتوى الذي يقدمه CodeW3C.com مخصص للتعليم والتدريب فقط ولا يضمن دقة المحتوى. لا علاقة بين المخاطر التي تنشأ من استخدام محتوى هذا الموقع وبين هذا الموقع. حقوق النشر محفوظة، جميع الحقوق محفوظة.
عن CodeW3C.com
مساعدة CodeW3C.com
شروط الاستخدام
شروط الخصوصية
