|
|
| (۵ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <html> | | <html> |
| | | <div class="nikan-box"> |
| <!-- باکس خدمات چاپ متین - نسخه نهایی با سایه دقیق (بدون سایه در وسط) -->
| | <!-- متن خود را اینجا وارد کنید --> |
| <div class="matin-info-box"> | | <p>هنگامی که شما از چاپ متین بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید...</p> |
| <h2 class="matin-title">چاپ بنر در چاپ متین</h2> | |
| <div class="matin-body"> | |
| | |
| هنگامی که شما از <strong>چاپ متین</strong> بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا <strong>چاپ سررسید اختصاصی</strong> خود باشید. اگر قبلاً بنر خود را طراحی کردهاید، به سادگی فایلهای آماده خود را بر روی سایت ما آپلود کنید. بعد از اینکه سفارش خود را ارسال کردید، فایلهای شما را بررسی میکنیم تا اطمینان حاصل شود که فایلها دارای شرایط درست و دقیق هستند و ما در نهایت برای شما تأیید <strong>چاپ روی بنر</strong> را ارسال خواهیم کرد.
| |
| </p>
| |
| </div>
| |
| </div> | | </div> |
|
| |
| <style>
| |
| .matin-info-box {
| |
| direction: rtl;
| |
| font-family: 'IRANSans', Tahoma, Arial, sans-serif;
| |
| background-color: #ffffff;
| |
| max-width: 950px;
| |
| margin: 40px auto;
| |
| padding: 30px 40px;
| |
| position: relative; /* برای قرارگیری سایهها */
| |
|
| |
| /* استایل اصلی باکس */
| |
| border: 1px solid #e5e7eb;
| |
| border-top: 3px solid #8b1e1e; /* نوار زرشکی بالا */
| |
| border-radius: 0; /* تیز بودن گوشهها مشابه تصویر */
| |
|
| |
| /* حذف سایه پیشفرض */
| |
| box-shadow: none !important;
| |
| }
| |
|
| |
| /* ایجاد سایه اختصاصی (تیرهتر در گوشهها، بدون سایه در وسط) */
| |
| .matin-info-box::before,
| |
| .matin-info-box::after {
| |
| content: "";
| |
| position: absolute;
| |
| 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; /* سایه راست */
| |
| }
| |
|
| |
| .matin-title {
| |
| font-size: 1.5rem;
| |
| color: #333;
| |
| text-align: center;
| |
| margin: 0 0 25px 0;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| .matin-body p {
| |
| font-size: 1.05rem;
| |
| line-height: 2;
| |
| color: #374151;
| |
| text-align: justify;
| |
| margin: 0;
| |
| }
| |
|
| |
| .matin-body strong {
| |
| color: #8b1e1e;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| /* ریسپانسیو */
| |
| @media (max-width: 600px) {
| |
| .matin-info-box {
| |
| padding: 20px;
| |
| margin: 20px 15px;
| |
| }
| |
| }
| |
| </style>
| |
|
| |
|
| </html> | | </html> |
هنگامی که شما از چاپ متین بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید...