تغيير شكل الماوس في موقعك

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

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


تغيير شكل الماوس في موقعك

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

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;}

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

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

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

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

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



4تعليقات

تعليقك يساهم في تطوير المحتوى ويزيد من الفائدة بمشاركتنا بأفكارك واقتراحاتك , رأيك يهمنا فساهم بتعليقاتك معنا
يرجى عدم وضع روابط خارجية في التعليقات لضمان نشرها

  1. السلام عليكم أستاذ 🤝
    بارك الله فيك على الطرح الجميل 🌹
    إضافة مميزة لمحبي تغيير أشكال مواقعهم 🪴
    بارك الله فيك 🤲

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      أشكرك اخي منير على هذا المرور العطر
      والدعم المستمر لنا الله يبارك في عمرك ❤️

      حذف
  2. درس رائع كما عودتنا أ/ عمرو
    بارك الله فيك وجزاك خيرا

    ردحذف
    الردود
    1. عوداً حميداً أستاذ على , نورت يا غالي
      وجزاك الله بالمثل 🌹

      حذف