|
|
| (۱۳ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <html> | | <html> |
| | | <div class="nikan-box"> |
| <!-- شروع کد باکس خدمات -->
| | <!-- متن خود را اینجا وارد کنید --> |
| <div class="f-box-wrapper"> | | <p>هنگامی که شما از چاپ متین بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید...</p> |
| <div class="f-box-content"> | |
| <h2 class="f-box-title">چاپ بنر در چاپ متین</h2>
| |
| | |
| هنگامی که شما از <strong>خدمات چاپ و تبلیغات نعمتی</strong> بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا <strong>چاپ سررسید اختصاصی</strong> خود باشید. اگر قبلاً بنر خود را طراحی کردهاید، به سادگی فایلهای آماده خود را بر روی سایت ما آپلود کنید. بعد از اینکه سفارش خود را ارسال کردید، فایلهای شما را بررسی میکنیم تا اطمینان حاصل شود که فایلها دارای شرایط درست و دقیق هستند و ما در نهایت برای شما تأیید <strong>چاپ روی بنر</strong> را ارسال خواهیم کرد.
| |
| </p>
| |
| </div>
| |
| </div> | | </div> |
|
| |
| <style>
| |
| /* استایل جامع باکس */
| |
| .f-box-wrapper {
| |
| position: relative;
| |
| width: 100%;
| |
| max-width: 900px;
| |
| margin: 40px auto;
| |
| padding-bottom: 20px;
| |
| }
| |
|
| |
| .f-box-content {
| |
| position: relative;
| |
| background: #fff;
| |
| border-top: 4px solid #b71c1c; /* رنگ قرمز تیره */
| |
| padding: 30px;
| |
| border-left: 1px solid #e0e0e0;
| |
| border-right: 1px solid #e0e0e0;
| |
| border-bottom: 1px solid #e0e0e0;
| |
| z-index: 2;
| |
| direction: rtl;
| |
| text-align: right;
| |
| }
| |
|
| |
| .f-box-title {
| |
| font-size: 1.5rem;
| |
| font-weight: bold;
| |
| color: #333;
| |
| margin-bottom: 20px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .f-box-text {
| |
| font-size: 1rem;
| |
| line-height: 1.8;
| |
| color: #555;
| |
| text-align: justify;
| |
| margin: 0;
| |
| }
| |
|
| |
| .f-box-text strong {
| |
| color: #b71c1c;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| /* ایجاد سایه گوشهدار (مختص گوشهها) */
| |
| .f-box-wrapper::before,
| |
| .f-box-wrapper::after {
| |
| content: "";
| |
| position: absolute;
| |
| bottom: 10px;
| |
| left: 20px;
| |
| width: 40%;
| |
| height: 20px;
| |
| background: transparent;
| |
| box-shadow: 0 15px 15px rgba(0,0,0,0.3);
| |
| transform: rotate(-3deg);
| |
| z-index: 1;
| |
| }
| |
|
| |
| .f-box-wrapper::after {
| |
| left: auto;
| |
| right: 20px;
| |
| transform: rotate(3deg);
| |
| }
| |
|
| |
| /* واکنشگرایی برای موبایل */
| |
| @media (max-width: 600px) {
| |
| .f-box-content { padding: 20px; }
| |
| .f-box-wrapper { margin: 20px 10px; width: auto; }
| |
| }
| |
| </style>
| |
| <!-- پایان کد باکس خدمات -->
| |
|
| |
|
| |
|
| </html> | | </html> |
هنگامی که شما از چاپ متین بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید...