درس cssتغيير أشكال مؤشر الماوس

السلام عليكم ورحمة الله وبركاته
.......................................
في هذا الدرس نتعلم كيفية تغيير شكل الماوس عند المرور على كلام معين أو وصلة محددة أو حتى صورة معينة
بداية هذه هي المتغيرات المتاحة ليتغير اليها مؤشر الماوس في css

الكود:

auto

crosshair

default

e-resize

help

move

n-resize

ne-resize

nw-resize

pointer

progress

s-resize

se-resize

sw-resize

text

w-resize

wait

نبدأ الدرس
لتغيير المؤشر عند المرور على كلام معين:
نقوم بتحديد هذا الكلام من ضمن البقية عن طريق

الكود:

الكلام هنا

في الكود السابق تم تحديد الكلام باسم "b"
الآن نقوم بتحديد خواص cssل الفئة "b"
في صفحة السي اس اس او في منطقة style في رأس الصفحة

الكود:

.b{

cursor:pointer;

}

بدل pointer
ضع الشكل الذي تريده من الاشكال السابقة
..............................................................
نفس الطريقة تنطبق على الوصلات
نحدد الوصلة بفئة معينة

الكود:

[url=http://socegy.forumotion.com/%5C%22#%5C%22]وصلة معينة[/url]

من المعروف ان الوصلة عندما يمر المؤشر عليها يتغير الى شكل اليد أي إلى pointer
لو أردنا مثلا ان نجعله لا يتغير سنقوم بتطبيق default هكذا

الكود:

.link a{

cursor:default;

}

ونفس الطريقة تنطبق على الصور
هذا مثال حي على الدرس:
هنــــــــــــــــــــــــــــا
انتهى الدرس

شرح الاخ دونبيرت

بارك الله فيك وجعلها في ميزان حسناتك

تسلمى يا غالية

وموضوع راااااااائع


تقبلى مرووورى