قد تكون زرت أحد المواقع ووجدت أن مؤشر الفأرة ليس بشكله الإفتراضي بل له شكل خاص , وقد تكون ظننت أن الأمر معقد برمجياً في حين أنه مجرد تغيير بسيط في الـ CSS ولا يتطلب أى برمجيات معقدته .

لهذا في هذا الدرس البسيط سنعرف كيف نعدل المؤشر بسهولة

body {cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoC9XfoTleCKBC80_geE7dx7EFG4rM0AcUoRV-UwUEymOGY2IdOBk6jaHFgMQtB4eIvnVLU59VhYFizpii8SLJyO9XQTbAQaUWFSXveO-F_yO1NUlZWeuT53SvmnYy2yu6ImTi2Hk99amONDid8hk-9DjotX51eepCNZJexJ6FBzkZUGT3RgELX6nm-Kpe/s1600/cur116.png'), auto;}

a, button {cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9UAPEvrKeAfUTtm-INJgGSwonrr_yvZ6j1PqoSzflzEk-F0k2OWMRNNUyHEHo-iyhcwV4Xs_A2fId-8w6Oab2muqTZYD89BX85uG8M2IwpSCWR_OmtPiukox-dGp53f3Q1Sd4DiW4eAEHpKjaPFTmzKDrrrWy46HAoH2i6jEjJNiPo1HYcaPaxQDg0Ke4/s1600/cur117.png'), pointer !important;}

كل ما تحتاجه هو اضافة هذا الكود فوق الوسم ]]></b:skin>

الأحمر رابط صورة الماوس الأساسي

بالأزرق رابط صورة الماوس عند التمرير على الروابط والأزرار

يمكنك تعديل روابط الصور بأي صور ماوس آخر

وهذا موقع يحتوي مجموعة كبيرة من أشكال الماوس من هنــــــا

اختر صورة الماوس واحفظها كصورة على جهازك ثم اعد رفعها على بلوجر واستخدم رابطها في الكود

المصدر

https://www.cnmu.info/2024/08/Change-Cursor-.html

{ إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تسلِيماً } ﷺ

{ إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تسلِيماً } ﷺ