الگو:کادر اطلاعاتی: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

@@ خط ۱: / خط ۱: @@
 <html>
-<!-- باکس خدمات چاپ متین - نسخه نهایی (بدون سایه، طراحی فلت) -->
+<!-- باکس خدمات چاپ متین - نسخه نهایی با سایه دقیق (بدون سایه در وسط) -->
 <div class="matin-info-box">
      <h2 class="matin-title">چاپ بنر در چاپ متین</h2>
@@ خط ۱۸: / خط ۱۹: @@
      margin: 40px auto;
      padding: 30px 40px;
+    position: relative; /* برای قرارگیری سایه‌ها */
-     /* حذف کامل سایه‌ها */
+    /* استایل اصلی باکس */
+    border: 1px solid #e5e7eb;
+    border-top: 3px solid #8b1e1e; /* نوار زرشکی بالا */
+    border-radius: 0; /* تیز بودن گوشه‌ها مشابه تصویر */
+     /* حذف سایه پیش‌فرض */
      box-shadow: none !important;
-     filter: none !important;
+}
-     /* گوشه‌های گرد و نوار قرمز بالا */
+/* ایجاد سایه اختصاصی (تیره‌تر در گوشه‌ها، بدون سایه در وسط) */
-     border-radius: 8px;
+.matin-info-box::before,
-     border-top: 5px solid #8b1e1e;
+.matin-info-box::after {
-     border-left: 1px solid #e5e7eb;
+     content: "";
-    border-right: 1px solid #e5e7eb;
+     position: absolute;
-     border-bottom: 1px solid #e5e7eb;
+     bottom: -15px; /* تنظیم فاصله از پایین */
+     z-index: -1;
+     width: 45%; /* پوشش حدود نیمی از عرض هر طرف */
+    height: 20px;
+     background: rgba(0, 0, 0, 0.35); /* تیرگی بیشتر */
+    filter: blur(15px); /* پخش‌شدگی نرم */
+}
+.matin-info-box::before {
+    left: 10px; /* سایه چپ */
+}
+.matin-info-box::after {
+     right: 10px; /* سایه راست */
 }