انواع الاوفر ماوس للروابط

	Sign In Sign-Up

لا بد لك ان تعرف بعض القواعد في هذا القسم

A. {color:#***}	هذا السطر من الكود يمثل لون الرابطة الأصلي
A.:hover {color:#***}	هذا السطر من الرابطةيمثل لون الرابطة حين وضع مؤشر الماوس فوقها
A.:visited {color:#***}	هذا السطر من الرابطة يمثل لون الرابطة التي زرتها بشكل مؤقت
A.:visited:hover {color:#***}	هذا السطر من الرابطة يمثل لون الرابطة المزارة بشكل دائم

رابطة متغيرة اللون بدون خط	رابطة متغيرة اللون بخط
[FrontPage Save Results Component] <style> <!-- A. {color:#0000FF;text-decoration:none;} A.:hover {color:#FF3300;text-decoration:none} A.:visited {color:#003366;} A.:visited:hover {color:#FF3300;} //--> </style>	[FrontPage Save Results Component] <style> <!-- A. {color:#0000FF;text-decoration:none;} A.:hover {color:#FF3300;text-decoration:underline} A.:visited {color:#003366;} A.:visited:hover {color:#FF3300;} //--> </style>

رابطة يصغر حجمها	رابطة يكبر حجمها
[FrontPage Save Results Component] <style> <!--a:hover{color:red; font-size:12; }--> </style>	[FrontPage Save Results Component] <style> <!-- A. {color:#003366;text-decoration:none;} A.:hover {color:#FF3300;font-weight:bold;text-decoration:none} A.:visited {color:#003366;} A.:visited:hover {color:#FF3300;} //--> </style>

تتبدل الحروف الصغيرة الى كبيرة	يصبح الخط مائلا
[FrontPage Save Results Component] <style> <!--a:hover{color:red; text-transform:uppercase; }--> </style>	[FrontPage Save Results Component] <style> <!--a:hover{color:red; font-style:italic; }--> </style>

يتغير لون الخلفية	يصبح تحت وفوق الرابطة خط
[FrontPage Save Results Component] <style> <!--a:hover{color:red; background-color:yellow; }--> </style>	[FrontPage Save Results Component] <style> <!-- A. {color:#0000ff;text-decoration:underline} A.:hover {color:#FF3300;text-decoration:overline} A.:visited {color:#003366;} A.:visited:hover {color:#FF3300;} //--> </style>

ملاحظــــــــــــــــــــات

تستطيع ان تضع اكثر من خاصية في كود واحد .. مثل الخلفية والخط العريض ووضع خط تحت الجملة او فوقها .. وغير ذلك

فقط انسخ الجزئية الخاصة باي خاصية من كود الى الاخر الذي تعمل عليه مع مراعاة الفواصل بين الجزئيات

مثلا : تريد ان تجعل الجملة يتغير لونها ويصبح تحتها خط ويصبح الخط مائلا فاكتب التالي

<style>
<!--

A. {color:#0000ff;text-decoration:none;}	نص طبيعي ولون ازرق للواجهة
A.:hover {color:#FF3300;font-style:italic;text-decoration:underline}	تحته خط ومائل لونه تغير
A.:visited {color:#cc3366;}	لون الوصلة المزارة المؤقتة
A.:visited:hover {color:#FF9990;}	لون الوصلة المزارة الدائمة

//-->
</style>