אנימציה ב-favicon
favicon מכירים? סמליל של אתר שמופיע גם בדפדפן, לצד ה-URL, וגם בסייר הקבצים כסמליל של הסימנייה לאתר. אז מסתבר שאפשר לעשות אותו באנימציה (הנה, ככה) – כל מה שצריך לעשות זה ליצור קובץ אנימציית גיף ולהגדיר אותו כ-favicon של האתר.
עדכון
צודק המגיב שדרש שאם כבר, אני אסביר איך בכלל עושים פבאייקון.
אז ככה: אין לי מושג. אבל הסתכלתי בהטמל של האתר בו מצאתי את הפבייקון הנ”ל, ונראה שזה משהו כזה:
בין תגי ה-head שמים את
<link rel=”icon” href=”http://www.microsoft-watch.com/favicon-anim.gif” type=”image/gif” >
עבור הפבאייקון שמופיע בדפדפן, ואת
<link rel=”shortcut icon” href=”http://www.microsoft-watch.com/favicon.ico” >
עבור הפבאייקון שמופיע בקיצור הדרך לאתר (סימניה/מועדף).
עוד עדכון
המון תודה לעידוR שעשה שלוש פבאייקונימציות לחדר 404:
ראית את הפאבאייקון של ישראבלוג בפיירפוקס? ה”ש” המכוערת בעולם מתוך הלוגו המכוער של ישראבלוג. משהו ממש, אבל ממש חסר כל תבונה שיווקית מיתוגית.
נו, ולא יכולת לעשות את הצעד הנוסף ולעזור לנו הבורים שלא יודעים איך מגדירים קובץ כפבאייקון של האתר?
חמוד ביותר. מצאת עוד דוגמאות?
תכף תגלה את ה-blink תהפוך לפקאצה.
עכשיו יהיה עוד משהו שימשוך את העיניים ויסיט את צומת ליבנו.
האנימציה לא עובדת באקספלורר 7.
עידו, תגיד יש לך סוס אצלי?
אני בדיוק מכין אחד (תומר – סטטי, לא פקצי) לאתר שלי.
אגב, יש פרטים כלליים בויקי.
מגניב ביותר, תודה!
כאות הוקרה, הכנתי עבורך את ה-favicon-ים המונפשים הבאים:
http://img300.imageshack.us/img300/715/404roomfavicon1um5.gif
http://img300.imageshack.us/img300/7821/404roomfavicon2mz9.gif
http://img130.imageshack.us/img130/6814/404roomfavicon3di3.gif
אני הכי אהבתי את השלישי.
לעצלנים: http://www.chami.com/html-kit/services/favicon/
מדריך מקוצר להכנת פבאייקון:
1. מתקשרים לחנון הסנג’ר האישי (לכולנו יש אחד)
2. אומרים לו “תעשה לי פבאייקון”.
לא היה לך פעם favicon בצורת קובייה עם איקסים אדומים?
אם כן, אני לא רואה אותו כרגע (IE)
ל-ערס פואטי:
ישראבלוג לא ממש זקוק לשיווק, יש אלפי בנות 12 שמשווקות אותו הרבה יותר טוב מכל קבוצת פרסום.
בוריס, אתה טועה. גם קוקה קולה זקוקה לשיווק. גם בנות ה-12 היו בטח שמחות לפאבאייקון בצבעים ורודים או משהו. אבל נראה לי שמיצינו.
למה התגובות מיושרות לשמאל?