پیشنمایش زنده (iframe sandbox)
تمامصفحه
<span class="radikalwp-bdg-verified"><span class="radikalwp-bdg-verified-mark"><svg viewBox="0 0 16 16" width="9" height="9" aria-hidden="true"><path d="M3 8.5L6.5 12L13 4" fill="none" stroke="#fff" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"/><//svg><//span>فروشنده تأییدشده<//span>
.radikalwp-bdg-verified {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 5px 14px 5px 6px;
font-size: 12px;
font-weight: 700;
color: #0e7490;
background: #ecfeff;
border: 1px solid #a5f3fc;
border-radius: 999px;
}
.radikalwp-bdg-verified-mark {
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
background: linear-gradient(135deg, #22d3ee, #0ea5e9);
border-radius: 50%;
box-shadow: 0 3px 8px rgba(14, 165, 233, .4);
}
درباره این اسنیپت
بج تأیید هویت با تیک آبی-فیروزهای و متن «تأییدشده» که حس اعتبار رسمی میدهد؛ برای پروفایل فروشندگان، نظرات خریداران واقعی و پروفایلهای احرازهویتشده ساخته شده است. تیک داخل دایره گرادیانی با سایه رنگی است و متن کنارش وزن متوسط دارد. ظاهری آرام دارد چون اعتبار نباید شلوغ باشد.
پرسشهای متداول
بله؛ فقط «تأییدشده» بگذارید یا در فضاهای تنگ، متن را حذف و فقط دایره تیک را با aria-label استفاده کنید.
گرادیان دایره را طلایی و متن و پسزمینه را کهربایی ملایم کنید؛ برای پلنهای ویژه معنادار است.
بج را inline کنار نام بگذارید و vertical-align: middle بدهید؛ ارتفاع کم آن با خطوط متن تداخل نمیکند.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۶ از ۳ رأی — برای امتیازدهی وارد شوید
دیدگاهها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!