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

جدول المحتويات:

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

فيديو: كيفية تغيير المؤشر على الموقع

فيديو: كيفية تغيير المؤشر على الموقع
فيديو: طريقة تغير #شكل و لون #الماوس (mouse) في #ويندوز بدون استخدام اي برنامج 2024, يمكن
Anonim

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

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

انه ضروري

  • - موقع خاص
  • - على الأقل معرفة أساسية بـ HTML
  • - معرفة مكان وجود كود CSS على الموقع

تعليمات

الخطوة 1

أولاً ، قم بتنزيل صورة ستحل محل المؤشر على الموقع. الصور ذات التنسيقات الرسومية الشائعة (.bmp ،.gif ،.jpg

الخطوة 2

لاستبدال المؤشر ، تحتاج إلى صورة بتنسيق.cur أو.ani. للحصول على مثل هذه الصورة ، ابحث في الإنترنت عن صور مصممة خصيصًا للمؤشرات. الامتداد.cur خاص بالصور الثابتة ، وامتداد.ani خاص بالصور المتحركة. احفظ الملف الذي تريده على جهاز الكمبيوتر الخاص بك.

الخطوه 3

ولكن لتغيير المؤشر ، ليس من الضروري على الإطلاق التقاط الصورة النهائية. إذا كنت تريد عمل صورة بنفسك ، فاستخدم أحد البرامج الخاصة لإنشاء مؤشرات أو تحويل تنسيقات ملفات الرسوم.

الخطوة 4

املأ الصورة بالمؤشر على الموقع. بعد ذلك ، في رمز المورد ، ابحث عن العلامة وقم بإجراء التغييرات التالية عليها:

بدلاً من كتابة "images / 1.ani" ، حدد المسار إلى الصورة التي تم تحميلها على موقعك.

الخطوة الخامسة

إذا كنت تريد أن يكون المؤشر على شكل صورة واحدة عند التمرير فوق الرابط ، وعندما يكون في حالة عدم وجود عنصر الارتباط - لتبدو وكأنها صورة أخرى ، فمن الأفضل استخدام CSS لتغيير المؤشر. لإجراء مثل هذه التحويلات ، قم أولاً بتحميل ملف آخر بامتداد.cur أو.ani إلى الموقع.

الخطوة 6

بعد ذلك ، في CSS لموقعك ، أدخل إدخالاً "body {cursor: url ('1.ani')؛}" ، بدلاً من "1.ani" ، حدد المسار إلى الصورة الرئيسية للمؤشر الذي تم تحميله إلى موقع. تضيف هذه الشفرة الخاصية لتغيير المؤشر إلى الصورة المحددة إلى العلامة التي تمت كتابة محتوى جميع صفحات المورد بها.

الخطوة 7

ثم اكتب في CSS السطر "a {cursor: url ('2.ani')؛}" ، مع استبدال "2.ani" بالمسار إلى صورة المؤشر التي تم تحميلها إلى المورد ، والتي يجب أن تظهر عند تمرير المؤشر فوقها الرابط. يسمح لك الإدخال الذي تم إجراؤه باستبدال المؤشر بالصورة المقابلة عندما يضرب المؤشر أي رابط على الموقع ، حيث يقوم بإجراء تغييرات على خاصية العلامة.

موصى به: