كيفية إضافة / تغيير المؤشر / السهم الماوس في مدونتك ؟



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

الأشياء المطلوبة :
  • الوصول إلى العلامة <body>
  • ملف المؤشر رائع في شكل الحالي. إتباع تعليمات و أضف كود CSS إلى مدونتك كما في تعليمات أدناه.
  • الآن، يمكنك اتباع هده :الخطوات .
الخطوات :
  • انتقل إلى بلوجر> قالب > تحرير HTML.
  • الآن، البحث عن <body> إذا كنت تستخدم القوالب blogger  الافتراضية ، أو البحث عن <body
  •  الآن، تحت body، لصق الكود التالية:
<style type='text/css'>body, a:hover {cursor: url(https://sites.google.com/site/wikilazy/javascript/Red%20Normal.cur), progress !important;}</style> 

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

1 - المؤشر:
 
- الكود :
<style type='text/css'>body, a:hover {cursor: url(https://sites.google.com/site/wikilazy/javascript/Red%20Normal.cur), progress !important;}</style> 

_____________________________________________

2 - المؤشر:



- الكود :
<style type='text/css'>body, a:hover {cursor: url(https://sites.google.com/site/wikilazy/javascript/RedDot%20Handwriting.ani), progress !important;}</style>  
_____________________________________________


3 - المؤشر:


48345
- الكود:
<style type='text/css'>body, a:hover {cursor: url(https://sites.google.com/site/wikilazy/javascript/ice%20cold%20pointer.ani), progress !important;}</style>   
_____________________________________________

4 - المؤشر:
 47828
- الكود:
<style type='text/css'>body, a:hover {cursor: url(https://sites.google.com/site/wikilazy/javascript/Normal%20select.ani), progress !important;}</style>  

_____________________________________________

إرسال تعليق

أحدث أقدم