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)
لكي تتمكن من تغيير الوان نص الرابط وتغيير لون الرابط عندما نمرر المؤشر فوق الرابط يجب إتباع الخطوات الأتية:
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)