تُستخدم السمة Cascading Style Sheets (CSS) بشكل شائع لتغيير لون الارتباطات التشعبية في صفحات الويب. توجد حلول أقل فاعلية لهذه المشكلة في لغة HTML (لغة ترميز النص التشعبي - "لغة ترميز النص التشعبي").
انه ضروري
معرفة أساسية بلغات HTML و CSS
تعليمات
الخطوة 1
تحضير قالب نمط للارتباطات التشعبية. في أبسط أشكاله ، قد يبدو كالتالي: {color: Green} هنا تسمى "a" "المحدد" ، مما يشير إلى أنه يجب تطبيق وصف النمط الموجود بين قوسين على جميع علامات الارتباط في المستند. يحدد اللون الأخضر لون الارتباط ؛ وهذا تعريف تقريبي للغاية للون ونادرًا ما يستخدم. في كثير من الأحيان ، تتم إضافة "فئة زائفة" إلى محدد "a" - إنها تسمية تسمح لك بتحديد نمط الارتباط في ثلاث حالات مختلفة.
الخطوة 2
استخدم الفئة الزائفة للارتباط لتصميم الحالة العادية (غير النشطة) للارتباط. قد يبدو هكذا ، على سبيل المثال: a: link {color: Green}
الخطوه 3
استخدم مؤشر الفأرة الزائفة لتحديد كيفية ظهور الرابط عند التمرير. على سبيل المثال: a: hover {color: Lime}
الخطوة 4
استخدم الفئة الزائفة التي تمت زيارتها لوصف نمط الارتباط الذي تمت زيارته بالفعل. على سبيل المثال: أ: تم زيارتها {color: DarkGreen}
الخطوة الخامسة
اجمع جميع الحالات الثلاث في قالب وصف نمط واحد. يمكن أن يبدو مظهر كود HTML الذي يحتوي على أوصاف CSS للأنماط ، على سبيل المثال ، كما يلي:
a: link {color: Green}
أ: تمت زيارته {color: DarkGreen}
a: hover {color: Lime}
هنا ، تخبر علامات نمط الفتح والإغلاق HTML للمتصفح أين تبدأ أوصاف النمط ونهايتها ، وبينهما وصف لسلوك الارتباط في ثلاث حالات.
الخطوة 6
يوضح النموذج المستخدم أعلاه خصائص اللون فقط ، ولكن يمكن تضمين سمات أخرى في الوصف. على سبيل المثال ، إذا تطلب تصميم الصفحة عدم وضع خط تحتها الرابط في الحالة العادية (غير النشطة) ، ولكن تم تسطيرها عند تمرير المؤشر فوقها ، فيمكن تعديل الرمز كما يلي:
a: link {color: Green؛ زخرفة النص: لا شيء ؛}
a: زار {color: DarkGreen؛ زخرفة النص: لا شيء ؛}
a: hover {color: Lime؛ زخرفة النص: تسطير ؛}
الخطوة 7
إذا كنت تريد تغيير لون بعض الروابط فقط في الصفحة ، وترك الباقي بالإعدادات الافتراضية ، فقم بإضافة سمة الفئة إلى علامة كل رابط يتم تغييره. على سبيل المثال ، قم بتسمية فئة الارتباط التشعبي هذه newLinks. ثم قد تبدو علامة الارتباط كما يلي: ارتباط نصي يجب إضافة اسم الفئة نفسه إلى وصف النمط:
a.newLinks: رابط {color: Green؛ زخرفة النص: لا شيء ؛}
a.newLinks: تمت زيارتها {color: DarkGreen؛ زخرفة النص: لا شيء ؛}
a.newLinks: تحوم {color: Lime؛ زخرفة النص: تسطير ؛}
الخطوة 8
ضع رمز وصف النمط المعد من الأمثلة الموضحة أعلاه في رأس الصفحة - بين العلامات و. إذا لزم الأمر ، أضف سمة فئة إلى علامات الارتباط بالاسم المستخدم في أوصاف النمط. ثم احفظ الصفحة المعدلة وسيكتمل إجراء تغيير لون الارتباطات التشعبية.
