<div class="radikalwp-card-qa"><span class="radikalwp-card-qa-tag">سؤال پرتکرار<//span><h3 class="radikalwp-card-qa-q">آیا قالبها با آخرین نسخه المنتور سازگارند؟<//h3><p class="radikalwp-card-qa-a">بله؛ همه قالبها روی نسخههای جدید المنتور تست میشوند و بهروزرسانی رایگان دارند.<//p><a class="radikalwp-card-qa-link" href="#">مشاهده همه پرسشها ←<//a><//div>
.radikalwp-card-qa {
max-width: 300px;
padding: 20px 22px;
background: #eff6ff;
border: 1px solid #bfdbfe;
border-radius: 16px;
}
.radikalwp-card-qa-tag {
display: inline-block;
padding: 4px 12px;
font-size: 10.5px;
font-weight: 800;
color: #1d4ed8;
background: #dbeafe;
border-radius: 999px;
margin-bottom: 12px;
}
.radikalwp-card-qa-q {
margin: 0 0 8px;
font-size: 14px;
font-weight: 800;
color: #1e3a8a;
line-height: 1.8;
}
.radikalwp-card-qa-a {
margin: 0 0 12px;
font-size: 12.5px;
line-height: 1.9;
color: #3b5b8f;
}
.radikalwp-card-qa-link {
font-size: 12px;
font-weight: 700;
color: #1d4ed8;
text-decoration: none;
}
.radikalwp-card-qa-link:hover { text-decoration: underline; }
درباره این اسنیپت
کارت پرسش متداول در ابعاد کوچک با سؤال بولد، پاسخ کوتاه و لینک «بیشتر بدانید». برای سایدبارها، صفحات محصول و بخش پشتیبانی سریع طراحی شده تا بدون آکاردئون سنگین، دو سه پرسش پرتکرار را پاسخ دهد. پسزمینه آبی خیلی ملایم و حاشیه روشن، تمایز از کارتهای معمولی میدهد. چیدمان فشرده در شبکههای چندتایی هم مینشیند.
پرسشهای متداول
آکاردئون برای لیست بلند پرسشهاست؛ این کارت برای نمایش ثابت دو سه پرسش مهم در سایدبار یا باکسهای کنار فرم است و بدون کلیک کار میکند.
بله؛ گرید با minmax(280px, 1fr) بهترین نتیجه را میدهد و کارتها در عرضهای مختلف همارتفاع نمیمانند اما ظاهر یکدستی دارند.
سه رنگ پسزمینه، حاشیه و متنها را با پالت برند جایگزین کنید؛ ساختار بدون تغییر میماند. ابزار مولد گلسمورفیسم رادیکالدبلیوپی هم برای پالتهای ملایم کمک میکند.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۳ از ۴ رأی — برای امتیازدهی وارد شوید
شاید بپسندی
کارت پیام چت دوطرفه
دفتر مرکزی
تهران، خیابان آزادی، پلاک ۱۲۰
کارت آدرس با نقشه گرادیانی
محمد رضایی
توسعهدهنده فرانتاند
دیدگاهها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!