نشان های ساده
اصلی ثانویه موفق خطرناک اخطار اطلاعات روشن تاریک
                    
           
            <div >
            <span >اصلی</span>
            <span >ثانویه</span>
            <span >موفقیت</span>
            <span >خطرناک</span>
            <span >اخطار</span>
            <span >اطلاعات</span>
            <span >روشن</span>
            <span >تاریک</span>
            </div>
            
          
                
نشان های حاشیه دار
اصلی ثانویه موفق خطرناک اخطار اطلاعات تاریک
                    
           
            <div >
             <span >اصلی</span>
             <span >ثانویه</span>
             <span >موفقیت</span>
             <span >خطرناک</span>
             <span >اخطار</span>
             <span >اطلاعات</span>
             <span >تاریک</span>
             </div>
            
          
                
نشان های روشن
اصلی ثانویه موفقیت خطرناک اخطار اطلاعات تاریک
 
  
     <div >
      <span > <i ></i>اصلی</span>
      <span >ثانویه</span>
      <span >موفقیت</span>
      <span >خطرناک</span>
      <span >اخطار</span>
      <span >اطلاعات</span>
      <span >تاریک</span>
     </div>
   
 
مدیریت شعاع در نشان ها
اصلی ثانویه موفقیت خطرناک
                    
           
            <div >
              <span >اصلی</span>
              <span >ثانویه</span>
              <span >موفقیت</span>
              <span >خطرناک</span>
            </div>
            
          
                
موقعیت نشان
                    
          
          <div >
            <button type="button" >
              آفلاین
              <span
                >
                <span >آفلاین</span>
              </span>
            </button>
            
            <button type="button" >
              مشغول
              <span
                >
                <span >مشغول</span>
              </span>
            </button>
            
<button type="button" > آنلاین <span   >   <span >آنلاین</span> </span> </button> <button type="button" > غیرفعال <span   >   <span >غیرفعال</span> </span> </button> </div>
نشان های آیکن دار
  
    
   <div >
     <button type="button" >
       آفلاین
       <span
         >
         <span >آفلاین</span>
       </span>
     </button>
     
     <button type="button" >
       مشغول
       <span
         >
         <span >مشغول</span>
       </span>
     </button>
     
<button type="button" > آنلاین <span   >   <span >آنلاین</span> </span> </button> <button type="button" > غیرفعال <span   >   <span >غیرفعال</span> </span> </button> </div>
نشان ها همراه با دکمه
                    
           
          <div >
             <button type="button" >
               اعلان <span >4</span>
             </button>
            
             <button type="button" >
             غیرفعال
             <span
               >
               <span >غیرفعال</span>
             </span>
             </button>
            
             <button type="button" >
              ورودی
              <span
                >
                99+
                <span >پیام جدید</span>
              </span>
             </button>
            
<button type="button" class="btn btn-light-danger position-relative">   جدید <span   >   <i ></i> </span> </button> <button type="button" > ورودی <span >   99+   <span >پیام جدید</span> </span> </button> <button type="button" > <b>50%</b> تخفیف <span   >   جدید </span> </button> <button type="button" > <b> 1 </b> تماس بی پاسخ <span   >   <span >مشغول</span> </span>                       </button>
</div>
مدیریت شعاع نشان ها

عنوان جدید

عنوان جدید

عنوان جدید

عنوان جدید

عنوان جدید
عنوان جدید
                    
         
          <div >
              <h1 >مثال عنوان <span >جدید</span></h1>
              <h2 >مثال عنوان <span >جدید</span></h2>
              <h3 >مثال عنوان <span >جدید</span></h3>
              <h4 >مثال عنوان <span >جدید</span></h4>
              <h5 >مثال عنوان <span >جدید</span></h5>
              <h6 >مثال عنوان <span >جدید</span></h6>
           </div>