کادر اطلاعاتی - فراغیب
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html> | <html> | ||
<!-- شروع کد باکس عریض خدمات - طراحی شده برای فراغیب --> | |||
<!-- شروع کد باکس خدمات --> | <div class="f-wide-box-wrapper"> | ||
<div class="f-box-wrapper"> | <div class="f-wide-box-content"> | ||
<div class="f-box-content"> | <h2 class="f-wide-box-title">چاپ بنر در چاپ متین</h2> | ||
<h2 class="f-box-title">چاپ بنر در چاپ متین</h2> | <p class="f-wide-box-text"> | ||
<p class="f-box-text"> | |||
هنگامی که شما از <strong>خدمات چاپ و تبلیغات نعمتی</strong> بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا <strong>چاپ سررسید اختصاصی</strong> خود باشید. اگر قبلاً بنر خود را طراحی کردهاید، به سادگی فایلهای آماده خود را بر روی سایت ما آپلود کنید. بعد از اینکه سفارش خود را ارسال کردید، فایلهای شما را بررسی میکنیم تا اطمینان حاصل شود که فایلها دارای شرایط درست و دقیق هستند و ما در نهایت برای شما تأیید <strong>چاپ روی بنر</strong> را ارسال خواهیم کرد. | هنگامی که شما از <strong>خدمات چاپ و تبلیغات نعمتی</strong> بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا <strong>چاپ سررسید اختصاصی</strong> خود باشید. اگر قبلاً بنر خود را طراحی کردهاید، به سادگی فایلهای آماده خود را بر روی سایت ما آپلود کنید. بعد از اینکه سفارش خود را ارسال کردید، فایلهای شما را بررسی میکنیم تا اطمینان حاصل شود که فایلها دارای شرایط درست و دقیق هستند و ما در نهایت برای شما تأیید <strong>چاپ روی بنر</strong> را ارسال خواهیم کرد. | ||
</p> | </p> | ||
| خط ۱۲: | خط ۱۱: | ||
<style> | <style> | ||
/* استایل | /* استایل باکس عریض */ | ||
.f-box-wrapper { | .f-wide-box-wrapper { | ||
position: relative; | position: relative; | ||
width: | width: 95%; /* استفاده از اکثر عرض صفحه */ | ||
max-width: | max-width: 1250px; /* حداکثر عرض مجاز برای خوانایی بهتر */ | ||
margin: | margin: 50px auto; | ||
padding-bottom: | padding-bottom: 25px; | ||
} | } | ||
.f-box-content { | .f-wide-box-content { | ||
position: relative; | position: relative; | ||
background: # | background: #ffffff; | ||
border-top: | border-top: 5px solid #a11e1e; /* خط قرمز بالایی */ | ||
padding: | padding: 35px 45px; /* فضای داخلی بیشتر برای باکس عریض */ | ||
border-left: 1px solid # | border-left: 1px solid #e5e5e5; | ||
border-right: 1px solid # | border-right: 1px solid #e5e5e5; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #e5e5e5; | ||
z-index: 2; | z-index: 2; | ||
direction: rtl; | direction: rtl; | ||
border-radius: 2px; | |||
} | } | ||
.f-box-title { | .f-wide-box-title { | ||
font-size: 1. | font-size: 1.6rem; | ||
font-weight: bold; | font-weight: bold; | ||
color: # | color: #222; | ||
margin-bottom: | margin-bottom: 25px; | ||
text-align: center; | text-align: center; | ||
font-family: 'Tahoma', sans-serif; | |||
} | } | ||
.f-box-text { | .f-wide-box-text { | ||
font-size: | font-size: 1.05rem; | ||
line-height: 1. | line-height: 1.9; /* فاصله خطوط بیشتر برای خوانایی در عرض زیاد */ | ||
color: # | color: #444; | ||
text-align: justify; | text-align: justify; /* تراز از طرفین طبق درخواست */ | ||
margin: 0; | margin: 0; | ||
font-family: 'Tahoma', sans-serif; | |||
} | } | ||
.f-box-text strong { | .f-wide-box-text strong { | ||
color: # | color: #a11e1e; | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
/* ایجاد سایه | /* ایجاد سایه گوشهها مشابه عکس (تمرکز در دو طرف، محو در وسط) */ | ||
.f-box-wrapper::before, | .f-wide-box-wrapper::before, | ||
.f-box-wrapper::after { | .f-wide-box-wrapper::after { | ||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
bottom: | bottom: 12px; | ||
left: | left: 25px; | ||
width: | width: 45%; | ||
height: | height: 25px; | ||
background: transparent; | background: transparent; | ||
box-shadow: 0 | box-shadow: 0 18px 18px rgba(0,0,0,0.35); /* سایه عمیقتر برای گوشهها */ | ||
transform: rotate(- | transform: rotate(-2.5deg); /* زاویه ملایمتر برای باکس عریض */ | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
.f-box-wrapper::after { | .f-wide-box-wrapper::after { | ||
left: auto; | left: auto; | ||
right: | right: 25px; | ||
transform: rotate( | transform: rotate(2.5deg); | ||
} | } | ||
/* | /* بهینهسازی ریسپانسیو */ | ||
@media (max-width: | @media (max-width: 768px) { | ||
.f-box-content { padding: | .f-wide-box-content { padding: 25px; } | ||
.f-box-wrapper { margin: | .f-wide-box-wrapper { width: 92%; margin: 25px auto; } | ||
.f-wide-box-wrapper::before, .f-wide-box-wrapper::after { bottom: 15px; width: 40%; } | |||
} | } | ||
</style> | </style> | ||
<!-- پایان کد باکس | <!-- پایان کد باکس عریض --> | ||
</html> | </html> | ||
نسخهٔ ۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۸:۱۰
چاپ بنر در چاپ متین
هنگامی که شما از خدمات چاپ و تبلیغات نعمتی بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید. اگر قبلاً بنر خود را طراحی کردهاید، به سادگی فایلهای آماده خود را بر روی سایت ما آپلود کنید. بعد از اینکه سفارش خود را ارسال کردید، فایلهای شما را بررسی میکنیم تا اطمینان حاصل شود که فایلها دارای شرایط درست و دقیق هستند و ما در نهایت برای شما تأیید چاپ روی بنر را ارسال خواهیم کرد.