הוא מלווה אותך בכל נתיבי הדיגיטל
הוא נצמד אליך, את אליו.
הדעות עליו ממש חלוקות!
יש את המצדדים בטרנדיות ושובבות
אחרים כועסים
ודורשים בתוקף את המוכר והאהוב
אז קבלי אותו בתרועות….
הסמן של העכבר.
ספוילר –
יצא לי לחרוש המון
על כל הנושא של סמנים
כשתכננתי את האתר שלי.
כמו בכל שלב באתר
גם כאן היה לי חשוב
שהוא יבטא את מה שהקוד מעניק לנו
בין השאר –
אתר אחר, יצירתי ומעורר השראה.
אז חיפשתי סמן קצת אחר
שיחקתי עם כמה אפקטים,
ביקשתי חוות דעות.
היו חוות דעת מתלהבות,
היו ממש כעוסות!
(למה גונבים לי את העכבר???)
זה מה שהביא אותי
לכתוב על הנושא החם הזה.
סוף ספוילר
אז המדריך הבא
הוא קליל, כייפי וסופר שימושי.
תוכלי לבחור בדיוק
איך יראה הסמן שלך
בכל אלמנט באתר!
שלב א – תכנון
החליטי מהי התמונה
שהסמן באתר יראה בדיוק כמותה.
בדוגמא שלנו החלטתי על התמונה הזו:
שלב ב – נתיב (URL)
אם את יודעת
את הנתיב המלא של התמונה – ברשת
מעולה!
אם לא, ומדובר באתר וורדפרס –
העלי את התמונה לאתר
דרך חדש -> מדיה
ואח"כ בעריכת המדיה
העתיקי את כתובת התמונה
שימי לב:
הקפידי על תמונה באיכות קטנה,
אם יש צורך – הקטיני אותה.
שלב ג' – וואו!
יאללה לאקשן
כדי להגדיר שהסמן הזה
יוצג בכל האתר כולו
הוסיפי את פקודת ה CSS הבאה
איפשהו במקום מתאים באתר.
למשל בהתאמה אישית -> CSS מותאם.
* { cursor: url('הכתובת של התמונה'), auto!important ; }
למשל אצלי:
אם את רוצה שהסמן יוצג רק באלמנט מסוים
שהוספת באלמנטור
(אגב,
זה פתח ליצירתיות מדהימה)
את יכולה לגשת לאלמנט באלמנטור
מתקדם -> CSS מותאם
ושם לרשום את הפקודה בשינוי קל
במקום * רשמי selector
ככה:
selector { cursor: url('הכתובת של התמונה'), auto!important ; }
שתפי אותי בתוצאה, אני ממש סקרנית
אני יודעת שאת אוהבת להתעסק עם קוד 
– עובדה שנשארת איתי כאן
אני יודעת גם שחשוב לך
לקפוץ כמה רמות למעלה 
בתחום בניית האתרים
את חולמת להרוויח הרבה יותר 
בהרבה פחות זמן עבודה
להירשם לקבלת שיחת ייעוץ והתאמה – חינם.
ואחזור אליך לשיחת התאמה.
.gif)
לפוסט הזה יש 2 תגובות
איך אני יכולה ליצור כך עכבר מותאם אישית שיופיע בנוסף לעכבר הרגיל?
תודה רבה!
שלום רבקי,
ספציפית בטכניקה הזו אין אפשרות כזו
אבל את יכולה להיות יצירתית ולהגדיר תמונה
של סמן של עכבר רגיל שלידו סמן של עכבר מותאם אישית….
מלא הצלחות!