|
|
| (۲ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <html> | | <html> |
| | | <div class="nikan-box"> |
| <!-- باکس خدمات - سایه هدایت شده به سمت بالا -->
| | <!-- متن خود را اینجا وارد کنید --> |
| <div class="service-box"> | | <p>هنگامی که شما از چاپ متین بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید...</p> |
| <h2 class="service-title">چاپ بنر در چاپ متین</h2>
| |
| <div class="service-content">
| |
| <p> | |
| هنگامی که شما از <strong>چاپ متین</strong> بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا
| |
| <strong>چاپ سررسید اختصاصی</strong> خود باشید. اگر قبلاً بنر خود را طراحی کردهاید، به سادگی فایلهای آماده خود را
| |
| بر روی سایت ما آپلود کنید. بعد از اینکه سفارش خود را ارسال کردید، فایلهای شما را بررسی میکنیم تا اطمینان حاصل شود
| |
| که فایلها دارای شرایط درست و دقیق هستند و ما در نهایت برای شما تأیید <strong>چاپ روی بنر</strong> را ارسال خواهیم کرد.
| |
| </p>
| |
| </div>
| |
| </div> | | </div> |
|
| |
| <style>
| |
| .service-box {
| |
| position: relative;
| |
| direction: rtl;
| |
| background: #ffffff;
| |
| max-width: 950px;
| |
| margin: 50px auto;
| |
| padding: 30px 40px;
| |
| border-top: 4px solid #8b1e1e;
| |
| border-left: 1px solid #e5e7eb;
| |
| border-right: 1px solid #e5e7eb;
| |
| border-bottom: none;
| |
| border-radius: 12px;
| |
| z-index: 2;
| |
| }
| |
|
| |
| .service-box::before,
| |
| .service-box::after {
| |
| content: "";
| |
| position: absolute;
| |
| /* تغییر در اینجا: سایه ۵ پیکسل بالاتر رفت */
| |
| bottom: -5px;
| |
| width: 45%;
| |
| height: 25px;
| |
| z-index: -1;
| |
| filter: blur(14px);
| |
| pointer-events: none;
| |
| /* لبه بالایی سایه را کات میکند تا نفوذ به داخل کادر صفر شود */
| |
| clip-path: inset(0px -50px -50px -50px);
| |
| }
| |
|
| |
| .service-box::before {
| |
| right: 15px;
| |
| background: linear-gradient(
| |
| to left,
| |
| rgba(0, 0, 0, 0.40) 0%,
| |
| rgba(0, 0, 0, 0.20) 40%,
| |
| rgba(0, 0, 0, 0) 100%
| |
| );
| |
| }
| |
|
| |
| .service-box::after {
| |
| left: 15px;
| |
| background: linear-gradient(
| |
| to right,
| |
| rgba(0, 0, 0, 0.40) 0%,
| |
| rgba(0, 0, 0, 0.20) 40%,
| |
| rgba(0, 0, 0, 0) 100%
| |
| );
| |
| }
| |
|
| |
| .service-title {
| |
| margin: 0 0 22px 0;
| |
| text-align: center;
| |
| font-size: 1.5rem;
| |
| font-weight: 700;
| |
| color: #333;
| |
| }
| |
|
| |
| .service-content p {
| |
| margin: 0;
| |
| text-align: justify;
| |
| font-size: 1.05rem;
| |
| line-height: 2;
| |
| color: #374151;
| |
| }
| |
|
| |
| .service-content strong {
| |
| color: #8b1e1e;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| @media (max-width: 600px) {
| |
| .service-box {
| |
| margin: 20px 15px;
| |
| padding: 20px;
| |
| border-radius: 10px;
| |
| }
| |
| }
| |
| </style>
| |
|
| |
|
| </html> | | </html> |
هنگامی که شما از چاپ متین بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید...