שינוי זעיר בעיצוב אתרים עם השפעה גדולה

כשהקמתי אתר חדש, רציתי להוסיף לבלוג איזושהי תכונה שתבליט את האתר החדש. עם זאת, לא רציתי לעשות את זה ברור מדי או להסיר את הבלוג עצמו.

התשובה הייתה זעירה, אך הייתה לה השפעה עצומה ... הוספת תמונה זעירה חדשה לקישור בתפריט הניווט. (לחץ על אל פרסם כדי לראות את זה בפעולה). רצתי עם הקישור לבד מספר ימים וקיבלתי אפס תנועה. הוספתי את התמונה ועכשיו 8.5% מהתנועה החוצה עוברת דרך הקישור הזה!

במקום להטמיע את התמונה ב- HTML, השתמשתי ב- CSS כדי שאוכל להשתמש בה בתכונות חדשות אחרות בעתיד. ה- CSS נראה כך:

span.new {רקע: url (/mytheme/new.png) ללא חזרה מימין למעלה; ריפוד: 0px 18px 0px 0px; }

הרקע מעגן את התמונה לראש הימני של הטקסט ומונע ממנה לחזור. הריפוד דוחף את הטווח של 18 פיקסלים מעבר לטקסט, כך שהתמונה שלך תהיה בתצוגה ברורה. כדי להטמיע אותו בדף עכשיו קל, אני פשוט משתמש בתג טווח סביב הטקסט שלי:

ביקורות

לפעמים לא צריך הרבה כדי לכוון את הקוראים לכיוון חדש!

תגובות 3

  1. 1

    טיפ מדהים! כל כך פשוט וכל כך טוב ... זה מסוג הדברים שמוסיפים ערך לבלוג: טיפים פשוטים, טובים ושימושיים ... תודה!

  2. 2
  3. 3

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.