|
|
| (۱۱ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <html> | | <html> |
| | | <div class="nikan-box"> |
| <!-- شروع باکس خدمات نعمتی - نسخه فشرده -->
| | <!-- متن خود را اینجا وارد کنید --> |
| <div class="f-compact-wrapper"> | | <p> هنگامی که شما از چاپ متین بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید...</p> |
| <div class="f-compact-content"> | |
| <h2 class="f-compact-title">خدمات چاپ و تبلیغات نعمتی</h2>
| |
| <p class="f-compact-text"> | |
| برای تجربه بهترین <strong>خدمات چاپ و تبلیغات نعمتی</strong>، کافیست سفارش خود را به ما بسپارید. ما با کیفیتترین خدمات <strong>چاپ بنر</strong>، <strong>چاپ سررسید اختصاصی</strong> و <strong>طراحی تراکت</strong> را با دقت بالا و قیمت مناسب ارائه میدهیم. همین حالا فایلهای خود را ارسال کنید تا در سریعترین زمان ممکن، سفارش شما را با بالاترین کیفیت آماده و تحویل دهیم.
| |
| </p>
| |
| </div>
| |
| </div> | | </div> |
|
| |
| <style>
| |
| /* فونت ایرانسنس - فرض بر این است که در سایت شما تعریف شده است */
| |
| .f-compact-wrapper, .f-compact-wrapper * {
| |
| font-family: 'IRANSans', Tahoma, sans-serif !important;
| |
| }
| |
|
| |
| .f-compact-wrapper {
| |
| position: relative;
| |
| width: 90%;
| |
| max-width: 800px;
| |
| margin: 30px auto;
| |
| padding-bottom: 15px; /* فضا برای سایه */
| |
| }
| |
|
| |
| .f-compact-content {
| |
| position: relative;
| |
| background: #fff;
| |
| border-top: 4px solid #b71c1c;
| |
| padding: 20px 25px; /* کاهش ارتفاع با تنظیم پدینگ */
| |
| border: 1px solid #e0e0e0;
| |
| z-index: 2;
| |
| direction: rtl;
| |
| text-align: right;
| |
| }
| |
|
| |
| .f-compact-title {
| |
| font-size: 1.3rem;
| |
| font-weight: 800;
| |
| color: #222;
| |
| margin: 0 0 15px 0;
| |
| text-align: center;
| |
| }
| |
|
| |
| .f-compact-text {
| |
| font-size: 0.95rem;
| |
| line-height: 1.7;
| |
| color: #444;
| |
| text-align: justify;
| |
| margin: 0;
| |
| }
| |
|
| |
| .f-compact-text strong {
| |
| color: #b71c1c;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| /* افکت سایه گوشهدار ملایم */
| |
| .f-compact-wrapper::before,
| |
| .f-compact-wrapper::after {
| |
| content: "";
| |
| position: absolute;
| |
| bottom: 5px; /* نزدیکتر به باکس برای ارتفاع کمتر */
| |
| left: 20px;
| |
| width: 40%;
| |
| height: 15px;
| |
| background: transparent;
| |
| box-shadow: 0 12px 10px rgba(0,0,0,0.25);
| |
| transform: rotate(-2deg);
| |
| z-index: 1;
| |
| }
| |
|
| |
| .f-compact-wrapper::after {
| |
| left: auto;
| |
| right: 20px;
| |
| transform: rotate(2deg);
| |
| }
| |
|
| |
| /* ریسپانسیو */
| |
| @media (max-width: 600px) {
| |
| .f-compact-content { padding: 15px; }
| |
| }
| |
| </style>
| |
| <!-- پایان باکس -->
| |
|
| |
|
| </html> | | </html> |