السلام عليكم ورحمة الله
في المرة الماضية تطرقت الى ماهو (body) وكيف نستخدمه في القالب الجاهز
اليوم سوف نتعرف على (A:link).( A:visited).( A:hover).( A:active)
وكيفية استخدامهم
1- (A:link)= هو الرابط التشعبي تستطيع التغيير في لون الخط حجم الخط اضافة صورة كذالك
2- ( A:visited) =هو الرابط الذي قومت بزيارته
3- ( A:hover) = هو حينما تضع ماشر الموس على أي رابط يتفعل ويتغير لونه و حجم الخط وتستطيع اضافة صورة لها ان اردت ذالك
4- ( A:active) = هو حينما تضغط بالموس يتغير اللون او حجم الخط
ولقد وضعت مثل عن ذالك
جرب الكود التالي على مدونتك وشاهد بنفسك طبعا بعد تسجيل الدخول الى لوحة التحكم ثم قالب المدونة
الرمز:
A:link
{
color:#3300CC;
background:url(http://www.ibtesama.com/vb/images/icons/037.gif);
background-repeat:no-repeat;
padding:8px;
padding-left:28px;
padding-bottom:5px;
}
A:visited
{
text-decoration:none;
color:#FFFFFF;
background:url();
}
A:hover
{
text-decoration:underline;
color:#FFFF00;
background:url();
font-size:18px;
}
A:active
{
text-decoration:none;
color:#669933;
background:url();
}
التعليقات (0)