איזור התראות
 

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

בדקתי קצת באינטרנט וראיתי שזה נקרא notification badge ולא מצאתי איך מעצבים את זה.
יש למישהו פתרון?

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

השאלה שלי היא איך מעצבים את זה, לא התפריט שנפתח אלא רק איך מעצבים את העיגול הזה.

מז"א מבחינת פוטושופ?

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

יש לך הצעות?

תעשה בגדול ואז תקטין..
רואים שאין לי מושג בעיצוב אה?

המספר זאת לא תמונה... וכמו שדור אמר לך תגדיל את התמונה ואז תעשה את זה לא מסובך באמת שלא

לא משנה, בסוף הסדרתי. תודה רבה בכול מקרה