שינוי Rollover Button בעמוד האתר

 

 

לעמוד הבא במדריך עמוד 3 לעמוד הראשון במדריך לעמוד הקודם במדריך

 

 

נעתיק באותה דרך את תמונת ה rollover התואמת.

המדריך המקיף לבניית אתר - איך לשנות Rollover Button באתר -  16

מאחר והאייקונים בתמונות הקישורים אינם מתאימים לנושא הקישור נרצה להחליפן באייקונים בעלי קשר אשר יתנו חזות מקצועית יותר לאתר.

בעזרת כלי פוטושופ השונים נסיר את האייקון הנוכחי מתמונת הקישור.

המדריך המקיף לבניית אתר - איך לשנות Rollover Button באתר -  17

לבחירת אייקונים אייכותיים מתאיםים ניגש לאתרי תמונות להורדה מומלצים ונחפש שם אייקונים המתאימים לנושא הקישורים.

המדריך המקיף לבניית אתר - איך לשנות Rollover Button באתר -  18

לאחר שבחרנו והורדנו אותם למחשב, נפתח אותם בפוטושופ.

המדריך המקיף לבניית אתר - איך לשנות Rollover Button באתר -  19

קצרה היריעה מללמד כאן פוטושופ, אך בקצרה נתאים את גודל האייקון לתמונת הקישור ע"י שינוי גודל התמונה (Image Size) ובעזרת כלי הבחירה (Rectangular Tool) נסמן את האייקון המבוקש (למשל המצלמה), נעתיק אותו לקובץ הפוטושופ שלנו ולבסוף נסיר את הרקע הלבן (בעזרת ה Magic Tool) מסביב לאייקון...

המדריך המקיף לבניית אתר - איך לשנות Rollover Button באתר -  20

כך זה נראה לאחר ההתאמה.

המדריך המקיף לבניית אתר - איך לשנות Rollover Button באתר -  21

נוסיף גם עוד איזה אפקט קטן של זוהר (בעמוד הבא).

 

לעמוד הבא במדריך עמוד 3 לעמוד הראשון במדריך לעמוד הקודם במדריך

 

 

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

 

1. ההכנות לבניית האתר

2. כתיבת תוכן האתר

חזרה למעלה

3. חזרה למדריך עיצוב תבנית האתר

4. המשך תהליך בניית האתר

5. סיום תהליך הקמת האתר

 

 

 

 

fiverr - logo