تستخدم النوافذ المنبثقة في العديد من مواقع الويب لعرض معلومات إضافية أو رسائل ترويجية. إنها أداة فعالة لجذب انتباه المستخدمين ، ولكن من المهم الانتباه إلى مظهرهم ، بما في ذلك الخط. في هذه المقالة ، سنخبرك بكيفية تغيير خط النافذة المنبثقة بسهولة وسرعة على موقع الويب الخاص بك.
الخطوة الأولى هي إضافة رمز كس إلى صفحة الويب الخاصة بك. للقيام بذلك ، يمكنك استخدام علامة أو توصيل ملف كس خارجي. على سبيل المثال ، لتغيير خط النافذة المنبثقة إلى أريال ، يمكنك استخدام رمز كس التالي:
الجسم {
الخط الأسرة: أريال ، بلا الرقيق;
حجم الخط: 16 بكسل;
}
سيؤدي هذا الرمز إلى تغيير الخط المنبثق إلى أريال وتعيين حجم الخط إلى 16 بكسل. يمكنك أيضا تغيير خصائص الخط الأخرى مثل وزن الخط ونمط الخط واللون.
بعد إضافة رمز كس ، تحتاج إلى اتخاذ الخطوة التالية - تطبيق الخط الجديد على نافذة منبثقة الخاص بك. للقيام بذلك ، يمكنك إضافة فئة يدويا إلى عنصر هتمل من المنبثقة وتطبيق هذه الفئة في رمز كس ، أو يمكنك استخدام محدد مشترك من شأنها أن تنطبق على جميع النوافذ المنبثقة على موقع الويب الخاص بك. على سبيل المثال ، إذا كان لديك عنصر هتمل من نافذة منبثقة مع فئة "المنبثقة" ، ثم يمكنك استخدام التعليمات البرمجية كس التالية:
الآن سيتم تطبيق الخط الجديد على جميع النوافذ المنبثقة مع فئة" المنبثقة". يمكنك أيضا إضافة أنماط أخرى لجعل النافذة المنبثقة أكثر جاذبية وقابلية للقراءة.
نتيجة لذلك ، يعد تغيير الخط المنبثق على موقع الويب الخاص بك طريقة سريعة وسهلة لتحسين مظهر النوافذ المنبثقة وقابليتها للقراءة. لا تنس تجربة خطوط وخصائص مختلفة للعثور على الخيار الأنسب لموقعك على الويب.
- تغيير خط النافذة المنبثقة: تعليمات خطوة بخطوة
- الخطوة 1. افتح ملف نمط موقع الويب الخاص بك
- الخطوة 2. ابحث عن القسم المسؤول عن الأنماط المنبثقة
- الخطوة 3. حدد فئة نمط النافذة المنبثقة التي تريد تغييرها
- الخطوة 4. تعيين خط جديد لفئة النمط المحدد
- الخطوة 5. احفظ التغييرات وقم بتحديث موقعك لعرض الخط المنبثق الجديد
تغيير خط النافذة المنبثقة: تعليمات خطوة بخطوة
هنا هو دليل خطوة بخطوة من شأنها أن تساعدك على تغيير الخط من نافذة منبثقة:
- افتح ملف النمط الخاص بالنافذة المنبثقة. هذا هو عادة ملف مع .تمديد المغلق.
- ابحث عن القسم المسؤول عن تصميم النافذة المنبثقة.
- . تقوم هذه الخاصية بتعيين خط النافذة المنبثقة.
- .
- احفظ التغييرات على ملف النمط.
- قم بتحديث موقع الويب الخاص بك لرؤية نتائج التغييرات.
ملاحظة: تأكد من أن الخط الذي حددته متاح على جهاز الكمبيوتر الخاص بالمستخدم. خلاف ذلك ، سيستخدم المتصفح الخط الافتراضي.
هنا هو رمز كس عينة تبين كيفية تغيير الخط من نافذة منبثقة:
.قافزة {
الخط الأسرة: أريال ، بلا الرقيق;
}
باتباع هذا الدليل التفصيلي ، يمكنك بسهولة تغيير خط النافذة المنبثقة على موقع الويب الخاص بك. تذكر أن اختيار الخط الصحيح يلعب دورا مهما في إنشاء تجربة مستخدم ممتعة.
الخطوة 1. افتح ملف نمط موقع الويب الخاص بك
من أجل تغيير خط النافذة المنبثقة على موقعك ، تحتاج إلى فتح ملف نمط (كس) الذي يحدد مظهر وتصميم عناصر الصفحة.
لفتح هذا الملف ، ستحتاج إلى الوصول إلى نظام ملفات موقعك. عادة ما يسمى ملف النمط النمط.يقع كس في المجلد الجذر لموقعك.
استخدام أي محرر نصوص مثل المفكرة++ ، نص سامية أو رمز استوديو البصرية لفتح هذا الملف.
ملاحظة: قبل إجراء تغييرات على ملف النمط ، يوصى بإنشاء نسخة احتياطية منه بحيث يمكنك استعادة الإصدار السابق في حالة حدوث خطأ.
| بعد فتح ملف النمط ، يمكنك البدء في تغيير خط النافذة المنبثقة على موقعك. | الخطوة 2. ابحث عن القسم المسؤول عن الأنماط المنبثقة |
|---|---|
| الوصف | .مشروط المنبثقة { |
| مثال على أنماط نافذة منبثقة مع فئة" مشروط المنبثقة". يتم تعيين الخط كما أريال أو بلا الرقيق ، وحجم النص هو 14 بكسل. | .نافذة منبثقة { |
عائلة الخط: "تايمز نيو رومان" ، شريف;
حجم الخط: 16 بكسل;
لتغيير خط نافذة منبثقة ، تحتاج إلى تحديد فئة النمط التي سيتم تطبيقها على تلك النافذة. للقيام بذلك ، استخدم السمة
فئة
في المثال أعلاه ، الطبقة
نافذة منبثقة
ينطبق على
تحتوي على نافذة منبثقة. الآن ، لتغيير خط هذه النافذة ، يمكنك تحديد أنماط للفئة
لتغيير خط النافذة المنبثقة إلى أريال ، أو إلى أول خط متاح من عائلة بلا الرقيق.
تذكر أنه يمكنك أيضا استخدام خصائص كس الأخرى مثل
الخط الوزن
لتغيير حجم الخط ونمط الخط وفقا لذلك. استخدم تفضيلاتك وجرب الخطوط لتحقيق النمط المنبثق المطلوب.
منبثقة
، ثم أضف الكود التالي:
3. بدلا من
أريال ، بلا شريف
يمكنك تحديد أي خطوط أخرى يوفرها نظام التشغيل الخاص بك. بعد اسم الخط المحدد ، يمكنك تحديد
بلا الرقيق
أو