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

 

 

לעמוד הבא במדריך עמוד 2 לעמוד הקודם במדריך

 

 

עתה, בכדי שנוכל לערוך אותן, ניצור קובץ נוסף בגודל זהה לגודלן אך להבדיל מסוג תמונת הלחצן שהיא נמצאת כקובץ Gif ניצור קובץ של פוטושופ (psd) - (יוסבר בעמוד הבא).

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

בכדי לקבל את נתוני גודל תמונות הקישורים, ניגשנו לחלון 'Image Size'.

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

ניצור עתה קובץ פוטושופ חדש.

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

לוודא שמאפייני הגודל זהים לתמונות הקישורים.

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

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

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

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

ניגש לתמונה הראשונה ונסמן אותה דרך תפריט 'Select' ו 'All', או Ctrl+A במקלדת.

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

לאחר שסימנו אותה נבצע העתקה שלה דרך תפריט 'Edit' ו 'Copy', או Ctrl+C במקלדת.

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

ניגש לקובץ הפוטושופ החדש שיצרנו ונדביק את הבחירה שלנו דרך תפריט 'Edit' ו 'Paste', או Ctrl+V במקלדת.

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

תמונת קישור ראשונה התווספה לקובץ הפוטושופ שלנו.

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

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

 

לעמוד הבא במדריך עמוד 2 לעמוד הקודם במדריך

 

 

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

 

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

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

חזרה למעלה

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

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

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

 

 

fiverr - logo