• 0

كيف يمكنني إعطاء تنسيق عام للروابط المتشعّبة في موقعي بإستخدام "CSS"؟

كيف يمكنني إعطاء تنسيق عام للروابط المتشعّبة في موقعي بإستخدام "CSS"؟ و ما هي خصائص التعديل عليها؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

يمكنك تحديد لون و نوع الخط و لون الخلفية للروابط في موقعك و ذلك بأربع حالات للرابط:

  • a:link هي مواصفات الرابط العادي الذي لم تتم زيارته من قبل.
  • a:visited هو شكل الرابط الذي تمّت زيارته من الزائر.
  • a:hover وهو شكل الرابط عندما يمرر المستخدم مؤشر "الفأرة" فوق الرابط بدون أن يتم الضغط عليه.
  • a:active وهو شكل الرابط لحظة النقر على الرابط.

فيتم تطبيق ألوان على حالات السابقة حسب الشيفرات التالية:
 

a:link {color:#FF0000;}
a:visited {color:#00FF00;}
a:hover {color:#FF00FF;} 
a:active {color:#0000FF;}

ملاحظة: 

  • يجب استخدام "a:hover" بعد a:link and a:visited
  • يجب استخدام "a:active" بعد a:hover

و لون خلفية الرابط تحدد الخلفية "Background Color": 

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}
 

و تستخدم تعليمة "text-decoration" لإزالة الخط الموجود تحت الرابط التشعبي.

تمّ تعديل بواسطة عزيز

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن