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