كيفية تغيير لون الروابط على الموقع

جدول المحتويات:

كيفية تغيير لون الروابط على الموقع
كيفية تغيير لون الروابط على الموقع

فيديو: كيفية تغيير لون الروابط على الموقع

فيديو: كيفية تغيير لون الروابط على الموقع
فيديو: Create amazing buttons in Google Sites 2024, يمكن
Anonim

في عملية العمل على الموقع ، يقوم كل من مشرفي المواقع المحترفين والأشخاص الذين يشاركون في تحديث الموقع ، ولكن ليسوا محترفين ، بإجراء تغييرات مختلفة على أسلوب مورد الويب. على سبيل المثال ، قد تحتاج إلى تغيير لون الروابط على الموقع لسبب ما.

كيفية تغيير لون الروابط على الموقع
كيفية تغيير لون الروابط على الموقع

في هذه الحالة ، يجب أن تعرف أن لون الروابط قد تغير باستخدام CSS (أوراق الأنماط المتتالية) - أوراق الأنماط المتتالية. هذه هي الجداول المستخدمة مع لغة البرمجة لإنشاء مورد ويب. يعتبر CSS مسؤولاً عن بنية الموقع ، أي عن أسلوبه ومظهره و html - عن محتوى المصدر. CSS هو استمرار لتطور HTML.

لون الارتباط على الموقع

لذلك ، يمكنك تغيير لون الروابط لكل من الموقع ككل ولكل رابط على حدة. يتم تعيين ألوان الارتباط كسمة للعلامة الرئيسية. السمة هي شيء لا تحتاج إلى كتابته في الكود ، حيث تم تعيين بعضها افتراضيًا بالفعل. تحدد سمة الارتباط لون الروابط الموجودة على صفحة الموقع. الافتراضي هو الأزرق. Alink هي خاصية تحدد لون الروابط النشطة ، وهي باللون الأحمر افتراضيًا. روابط Vlink التي تمت زيارتها ، ولونها المقبول عمومًا هو اللون الأرجواني.

في أغلب الأحيان ، يتم تعيين لون الروابط على صفحات الويب بالتدوين السداسي العشري (#EEEEEE - رمادي) أو بتنسيق rgb (# 808080 - رمادي) ، ولكن يمكنك أيضًا استخدام تدوين اللون الإنجليزي التقليدي (الرمادي - الرمادي). بالإضافة إلى ذلك ، يمكن ضبط اللون بالدرجات ، تنسيق HSL مناسب لذلك. من السهل العثور على المخططات الملونة على الإنترنت.

تغيير لون الروابط

لتغيير لون جميع الروابط على الصفحة ، يكفي تغيير لون سمة اللون في الأنماط. للقيام بذلك ، ابحث عن ملف style.css وافتحه وابحث عن السمة. على سبيل المثال ، {color: green؛ / * لون الرابط * /} ، حيث A هو رابط ، نغير لونه إلى اللون الأخضر. يمكنك تغيير قيمة اللون كما تريد باستخدام أي من أنظمة تدوين اللون. سوف يفهمك المتصفح. سيتم تطبيق النمط على جميع الروابط الموجودة على صفحة الويب. يمكنك تغيير ألوان السمات الأخرى بنفس الطريقة ، على سبيل المثال ، لون الارتباط عند تحريك مؤشر الماوس فوقه.

لإنشاء روابط بألوان مختلفة على صفحة الويب ، استخدم الإدخال التالي في ورقة الأنماط:

.menu a {color: grey؛ }

.content a {color: green؛ }

ويترتب على المثال أن تكون روابط القائمة باللون الرمادي ، وستكون الروابط الموجودة في كتلة المحتوى باللون الأخضر.

يمكن القيام بنفس الخطوات مع الروابط إذا لم تكن الأنماط في ملف منفصل ، ولكن في مستند html نفسه. هذه محددات سياقية.

إذا كنت تريد تحرير الأنماط وتغيير ألوان الروابط بسرعة ، فمن الأفضل استخدام المحرر المرئي Dreamwever. الشيء الرئيسي الذي يجب تذكره هو أن الروابط يجب أن تبدو عضوية بالنسبة إلى صفحة الويب بأكملها. بالنسبة للخلفيات الفاتحة ، تكون الروابط المظلمة أفضل والعكس صحيح.

موصى به: