איך ליצור סמן עכבר מותאם אישית באתר

מעוניינים ליצור באתר סמן עכבר מותאם אישית?
הנה הדרכה על שני דרכים ליצירת סמן עכבר מותאם אישית באתר (עם וורדפרס ואלמנטור).

הנה הקוד לדרך הראשונה.

				
					*{
cursor: url(img.png),auto;
}

				
			

בדרך השנייה אנחנו משתמשים בספריית js.
קודם כל יש להעתיק את הקוד שכאן ולהכניס במקום, אפשר להתאים את הסמן באתר הבא,
https://mohamedfrindi.github.io/Mouse.js/

והנה הספרייה השנייה,
https://magicmousejs.web.app/

				
					<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/mohamedfrindi/Mouse.js/dist/mouse-min.js"></script>

<script>
let mouse = new Mouse({
    mouse: 'cirle',
    color: '#f5cd75',
    el: 'a , button',
    mouseHover: false,
    mousePointer: false,
    el_hover: true,
    mouse_clicked: true,
    clrChanged: false
})
mouse.mouse()
</script>
				
			
				
					  <script type="text/javascript" src="https://res.cloudinary.com/veseylab/raw/upload/v1684982764/magicmouse-2.0.0.cdn.min.js"></script>
  <script type="text/javascript">
    options = {
	"cursorOuter": "circle-basic",
	"hoverEffect": "circle-move",
	"hoverItemMove": true,
	"defaultCursor": true,
	"outerWidth": 30,
	"outerHeight": 30
      };
    magicMouse(options);
</script>
				
			

רוצים להבין טוב יותר איך לכתוב קוד בוורדפרס ואלמנטור?

מוזמנים לבדוק את הקורס שלי, קורס הוספת קוד בוורדפרס ואלמנטור

הקורס הזה גם כלול בחבילת כל הקורסים במחיר מיוחד

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?