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