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

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

المعاينات والمرفقات

 قد تكون زرت أحد المواقع ووجدت أن مؤشر الفأرة ليس بشكله الإفتراضي بل له شكل خاص , وقد تكون ظننت أن الأمر معقد برمجياً في حين أنه مجرد تغيير بسيط في الـ 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. عوداً حميداً أستاذ على , نورت يا غالي
      وجزاك الله بالمثل 🌹

      حذف