المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : طريقة تغيير ألوان الروابط عن طريق كود css مخصص



Rise Team
07-04-2018, 11:16
طريقة تغيير ألوان الروابط عن طريق كود CSS مخصص

لكي تتمكن من تغيير الوان نص الرابط وتغيير لون الرابط عندما نمرر المؤشر فوق الرابط يجب إتباع الخطوات الأتية:

1- لتغيير لون نص الرابط

نقوم باضافة هذا الكود:

a {
color: #cc0000;
}

مثال إذا كان لدينا Class ونريد تغيير لون نص الرابط وليكن اسم ال (title.heading-typo)class

فسيكون كود الرابط CSS بهذا الشكل


.title.heading-typo a:hover {
color: #008625;
}

2- لتغيير لون نص الرابط عند تمرير المؤشر فوق الرابط

سنقوم بتطبيق على المثال السابق مع اضافة هذا الكود


a:hover {
color: yellow;
}

فسيكون كود الرابط CSS بهذا الشكل

.title.heading-typo a:hover {
color: #008625;
}

ملحوظة: إذا لم تتمكن من تشغيل تلك الاكواد قم باضافة امر !important بعد كود اللون
مثال:

.title.heading-typo a {
color: white !important;
}
.title.heading-typo a:hover {
color: #008625 !important;
}

المصادر:

w3schools
(https://www.w3schools.com/cssref/sel_hover.asp)
hyperlinkcode (http://www.hyperlinkcode.com/change-hyperlink-color.php)