آموزش فریمورک foundation-ایجاد badge و label

در سری آموزش های فاندیشن تا حالا چیزهای زیادی گفته شده که میتونید لیست آموزش های مربوط به فریمورک فاندیشن رو از اینجا ببینید (کلیک کنید).

در اینجا نحوه افزودن label ها و badge ها رو براتون شرح میدم , به صورت کلی label برای نمایش اطلاعات اظافی (مثلا تگ های یک پست) استفاده میشه و بدج (badge) معمولا برای نمایش اطلاعات عددی استفاده میشه , مثلا تعداد اطلاعات جدید برای کاربر 😐 اگه دقیقا متوجه نشدید که چی میگم نگران نباشید در ادامه ی کار به صورت عملی بهتون نشون خواهم داد.

با استفاده از تگ span میتونید badge و label رو ایجاد کنید , برای ایجاد لیبل کافیه که به تگ span خودتون کلاس label رو بدید , همچنین برای ایجاد badge کافیه که به تگ span خودتون کلاس badge رو بدید 😀 به مثال زیر دقت کنید : (برای دیدن پیش نمایش میتونید اینجا کلیک کنید)

در مثال بالا یک بدج و یک لیبل ایجاد کردیم. بدج یه دایره کوچیک ایجاد میکنه که من در اینجا توش عدد ۱ رو قرار دادم , اما label یک مستطیل کوچیک ایجاد میکنه که من در اینجا داخل لیبل خودم متن label رو نوشتم.

برای ایجاد رنگ های مختلف نیز میتونید از کلاس هایی که در این اموزش گفتم (کلیک کنید) استفاده کنید , به مثال زیر دقت کنید: (برای دیدن پیش نمایش اینجا کلیک کنید)

در مثال بالا رنگ های مختلفی برای بدج و لیبل ایجاد کردیم 😀 به همین راحتی! امیدوارم این اموزش بدرد دوستان بخوره و بتونن چیزهای جالبی طراحی کنند و توی استفاده از فریمورک فاندیشن ماهرتر و استادانه تر عمل کنند.

کسانی که سوال یا مشکلی دارند حالا میخواد توی هر زمینه ای باشه , از بخش نظرات پایین پست مطرح کنند تا پاسخ بدم. موفق باشید.

به اشتراک بگذارید:Email this to someoneShare on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInPin on PinterestShare on StumbleUponFlattr the authorShare on RedditBuffer this pageShare on TumblrPrint this pageShare on YummlyShare on VK
  1. خسته نباشید عالیه
    منتظر اموزش های بعدی از این فریمورک هستم 🙂

    • اموزش های جدید فریمورک فاندیشن به زودی قرار داده میشن. سر بزنید به سایت 😀 موفق باشید.

می‌خواهید دیدگاهتان را بیان کنید؟