تغيير مؤشر الفأرة في موقعك

السلام عليكم ورحمة الله ,

العديد منا يرغب بتخصيص مدونته وجعلها مميزة عن باقي المدونات لذا فاليوم بإذن الله  رس بسيط في السي إس إس CSS سنشرح فيه كيف تقوم بتغيير مؤشر الفأرة في موقعك بطريقة جد سهلة وبسيطة  ^_^ .

تغيير مؤشر الفأرة في موقعك

نبدأ على بركة الله أول شئ تحتاج أيقونة لمؤشر يجب أن يكون إمتدادها .ico يمكنك تحميلها أو تصميمها بنفسك أما عن رأيي فأنا أقترح عليك هذا الرابط http://findicons.com/search/cursor لأنه يتوفر على مؤشرات جميلة وإحترافية وجاهزة ثم تحلها بصغة .ico

وبعد تحميلها يجب عليك أن تقوم برفعها على موقع يوفر خاصية الرفع برابط مباشر مثل DropBox أو مركز الخليج . في هذذا الدرس سنعتمد على نركز الخليج والإختيار يبقى لك في إختيار منصة رفع مناسبة .
أولا ندخل هذا الرابط http://www.gulfup.com ثم نرفع الأيقونة وبعد رفعها قم بأخذ الرابط كما هو مبين في الصورة الموالية

 الآن حصلنا على رابط مباشر :) جيد جدا تبقت لنا خطوة واحدة

الأمر بسيط جدا، لا يحتاج منك إلا إضافة السطر التالي بملف التنسيق الخاص بموقعكأي في ملف السي إس إس CSS

======================================================

body{

 cursor: url('custom-cursor.ico'), default;

}

   ====================================================== 

لا تنسى تغيير costum-cursor.ico برابط المؤشرة

الخاصية تعمل على فاير فوكس وجوجل كروم لكن لم أجربها على باقي المتصفحات

ومبروك عليك :) أي إستفسار يمكنك وضعه في تعليق وسأتشرف بالإجابة عن سؤالك - كلمة شكر تكفيني , في أمان الله