• Web Development

  הוא מלווה אותך בכל נתיבי הדיגיטל | הדרכה סופר יצירתית

  פורסם ע"י רבקי צולק  חברה on 08/11/2021 ב12:20 pm

  הוא מלווה אותך בכל נתיבי הדיגיטל

  הוא נצמד אליך, את אליו.

  הדעות עליו ממש חלוקות!

  יש את המצדדים בטרנדיות ושובבות 🎉

  אחרים כועסים
  ודורשים בתוקף את המוכר והאהוב 👉

  אז קבלי אותו בתרועות….

  הסמן של העכבר.

  🖱️🖱️ 🖱️

  ספוילר –

  יצא לי לחרוש המון

  על כל הנושא של סמנים

  כשתכננתי את האתר שלי.

  כמו בכל שלב באתר

  גם כאן היה לי חשוב
  שהוא יבטא

  את מה שהקוד מעניק לנו

  בין השאר –
  אתר אחר, יצירתי ומעורר השראה.

  אז חיפשתי סמן קצת אחר

  שיחקתי עם כמה אפקטים,

  ביקשתי חוות דעות.

  היו חוות דעת מתלהבות,

  היו ממש כעוסות!
  (למה גונבים לי את העכבר???)

  זה מה שהביא אותי
  לכתוב

  על הנושא החם הזה.

  סוף ספוילר

  אז המדריך הבא
  הוא קליל,

  כייפי וסופר שימושי.

  תוכלי לבחור בדיוק
  איך יראה הסמן שלך
  בכל אלמנט באתר!

  שלב א – תכנון

  החליטי מהי התמונה
  שהסמן באתר יראה בדיוק כמותה.

  בדוגמא שלנו החלטתי על התמונה הזו: (אופס.. היא מצורפת למטה. איך משלבים תמונות בטקסטס?)

  
  

  שלב ב – נתיב (URL)

  אם את יודעת
  את הנתיב המלא של התמונה – ברשת
  מעולה!

  אם לא, ומדובר באתר וורדפרס –

  העלי את התמונה לאתר
  דרך חדש -> מדיה

  ואח”כ בעריכת המדיה
  העתיקי את כתובת התמונה

  שימי לב:

  הקפידי על תמונה באיכות קטנה,

  אם יש צורך – הקטיני אותה.

  שלב ג’ – וואו!

  יאללה לאקשן 😇

  כדי להגדיר שהסמן הזה
  יוצג בכל האתר כולו

  הוסיפי את פקודת ה CSS הבאה
  איפשהו במקום מתאים באתר.

  למשל בהתאמה אישית -> CSS מותאם.

  * { cursor: url(‘הכתובת של התמונה’), auto!important ; }

  אם את רוצה שהסמן יוצג רק באלמנט מסוים
  שהוספת באלמנטור

  (אגב,
  זה פתח ליצירתיות מדהימה)

  את יכולה לגשת לאלמנט באלמנטור
  מתקדם -> CSS מותאם

  ושם לרשום את הפקודה בשינוי קל

  במקום * רשמי selector

  ככה:
  selector { cursor: url(‘הכתובת של התמונה’), auto!important ; }

  זהו 👏👏👏

  שתפי אותי בתוצאה, אני ממש סקרנית!

  עזר לך? 👍

  

  

  רבקי צולק  הגיבה לפני 3 שנים 1 חברה · 0 תגובות
• 0 תגובות

התחברי כדי להגיב