فراغیب

تست برای چاپ: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
برچسب: واگردانی دستی
 
(۲۴ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<div class="patogh-menu-grid">
  {{کارت_پاتوق
    | بج = محبوب
    | نام = چای مخصوص پاتوق
    | توضیحات = چای تازه‌دم سنتی، سرو در استکان کمرباریک.
    | امتیاز = ۴.۹
    | قیمت = ۳۵,۰۰۰
  }}


<html lang="fa" dir="rtl">
  {{کارت_پاتوق
<head>
    | بج = محبوب
     <meta charset="UTF-8">
    | نام = املت مخصوص
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    | توضیحات = املت گوجه‌فرنگی داغ با نان سنگک برشته.
    <title>خدمات چاپ و تبلیغات نعمتی</title>
     | امتیاز = ۴.۸
    <style>
     | قیمت = ۶۵,۰۰۰
  }}
</div>


/* مخفی کردن سایدبار (اگر می‌خواهید کاملاً خالی شود) */
<div class="patogh-grid-2x2">
#mw-panel, #column-one { display: none !important; }
  {{کارت_مقاله
    | تصویر =https://dl.faraghaib.ir/m/۲۶۰۰۱۲-01/۲۶۰۰۱۲-01-102.png
    | عنوان = چرا چای بخش جدانشدنی دورهمی‌های ایرانی است؟
    | توضیحات = نگاهی کوتاه به فرهنگ چای و جایگاه آن در دورهمی‌های دوستانه.
    | لینک = صفحه_مقاله_اول
  }}


/* افزایش عرض محتوا به ۱۰۰٪ */
  {{کارت_مقاله
#content, .mw-body {
    | تصویر = https://cdn.example.com/images/breakfast.webp
     margin-left: 0 !important;
     | عنوان = یک صبحانه سنتی خوب چه ویژگی‌هایی دارد؟
     width: 100% !important;
     | توضیحات = صبحانه ساده، گرم و خوشمزه؛ همان چیزی که یک روز خوب نیاز دارد.
     max-width: none !important;
     | لینک = صفحه_مقاله_second
}
  }}
</div>


        /* Reset & Base Styles */
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: 'Tahoma', 'Arial', sans-serif; line-height: 1.6; color: #333; background-color: #fff; }
        h1, h2, h3 { margin-bottom: 15px; }


        /* Parallax Effect */
{{کارت_مقاله
        .parallax {
     | تصویر = https://dl.faraghaib.ir/m/260009-01/260009-01-102.png
            height: 450px;
     | عنوان = چرا چای بخش جدانشدنی دورهمی‌های ایرانی است؟
            background-attachment: fixed; /* ثابت ماندن تصویر هنگام اسکرول */
     | توضیحات = نگاهی کوتاه به فرهنگ چای و جایگاه آن در دورهمی‌های دوستانه.
            background-position: center;
     | لینک = تست۳
            background-repeat: no-repeat;
  }}
            background-size: 100% 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #fff;
            text-align: center;
            position: relative;
        }
        /* ایجاد لایه تیره روی تصاویر برای خوانایی متن */
        .parallax::before {
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.4);
            z-index: 1;
        }
        .parallax > * { position: relative; z-index: 2; }
 
        /* Sections */
        .container { max-width: 1200px; margin: 0 auto; padding: 60px 20px; text-align: center; }
        .section-title { font-size: 2rem; margin-bottom: 40px; position: relative; padding-bottom: 40px; }
        .section-title::after {
            content: ''; width: 50px; height: 3px; background: #c19a6b; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
        }
 
        /* Product Grid (Circular) */
        .product-circle-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 30px; }
        .product-circle-item img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid #f4f4f4; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
        .product-circle-item p { margin-top: 15px; font-weight: bold; }
 
        /* Best Sellers Grid */
        .best-sellers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 30px; }
        .best-seller-card { border: 1px solid #eee; padding: 15px; transition: 0.3s; }
        .best-seller-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
        .best-seller-card img { width: 100%; height: 350px; object-fit: cover; }
        .product-code { color: #c19a6b; font-weight: bold; display: block; margin: 10px 0; }
 
        /* Info Sections (Security, Sound, etc.) */
        .info-row { display: flex; align-items: center; flex-wrap: wrap; text-align: right; gap: 40px; }
        .info-text { flex: 1; min-width: 300px; }
        .info-image { flex: 1; min-width: 300px; }
        .info-image img { width: 100%; border-radius: 10px; }
 
        /* Contact & Footer */
        .footer-container { background: #222; color: #fff; padding: 50px 20px; }
        .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; text-align: right; }
        .footer-column h3 { color: #c19a6b; }
        .footer-column p { color: #bbb; font-size: 0.9rem; }
 
        /* Map Section */
        .map-section { width: 100%; height: 400px; background: #eee; border-top: 2px solid #c19a6b; }
        .map-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #e0e0e0; color: #666; }
 
        /* Floating WhatsApp */
        .whatsapp-btn { position: fixed; bottom: 30px; left: 30px; width: 60px; height: 60px; background: #25d366; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.3); z-index: 1000; transition: 0.3s; }
        .whatsapp-btn:hover { transform: scale(1.1); }
        .whatsapp-btn img { width: 35px; }
 
        /* Responsive */
        @media (max-width: 768px) {
            .parallax { height: 300px; background-attachment: scroll; } /* در موبایل برای پرفورمنس بهتر پارالاکس غیرفعال می‌شود */
            .info-row { flex-direction: column; text-align: center; }
            .info-text { text-align: center; }
        }
     </style>
</head>
<body>
 
    <!-- 1. Hero Section (Typing Image) -->
    <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000505.jpg');">
        <h1 style="color: #fff;"> چاپ و تبلیغات نعمتی</h1>
        <p>کیفیت ماندگار، چاپ حرفه‌ای و تبلیغات مؤثر برای رشد کسب‌وکار شما</p>
    </div>
<h2 class="section-title" style="text-align:center; padding-bottom: 40px;">محصولات</h2>
</html>
 
 
 
{{محصولات دایره ای}}
 
 
 
<html>
 
 
    <!-- 3. Parallax: Azadi Tower (Shipping) -->
    <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000530.png');">
        <h2 style="color:#fff;font-size: 36px;padding: 102px 0 0 0;">پذیرش سفارش و اجرا در منطقه</h2>
        <p style="color:#fff;font-size: 19px;">ارسال سریع و ایمن با تضمین سلامت و اجرای بی نقص  در منطقه</p>
    </div>
 
    <!-- 4. Best Sellers Section -->
    <div class="container">
        <h2 class="section-title">محصولات پرفروش</h2>
        <div class="best-sellers-grid">
            <div class="best-seller-card">
                <img src="https://dl.faraghaib.ir/m/260005/26000521.png" alt="چاپ و تبلیغات نعمتی">
                <span class="product-code">کد محصول: SD 107</span>
                <p>چاپ بنر حج </p>
            </div>
            <div class="best-seller-card">
                <img src="https://dl.faraghaib.ir/m/260005/26000512.jpg" alt="چاپ و تبلیغات نعمتی">
                <span class="product-code">کد محصول: SD 110</span>
                <p>طراحی و چاپ تسلیت</p>
            </div>
            <div class="best-seller-card">
                <img src="https://dl.faraghaib.ir/m/260005/26000506.png" alt="چاپ و تبلیغات نعمتی">
                <span class="product-code">کد محصول: SD 118</span>
                <p>طراحی و چاپ تبریک و خیر مقدم انواع مراسم</p>
            </div>
<div class="best-seller-card">
                <img src="https://dl.faraghaib.ir/m/260005/26000527.png" alt="چاپ و تبلیغات نعمتی">
                <span class="product-code">کد محصول: SD 118</span>
                <p>طراحی و چاپ بنر تبریک تولد </p>
            </div>
        </div>
    </div>
 
    <!-- 5. Parallax: Drill (Installation) -->
     <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000529.png');">
      <br> <h2 style="color:#fff;font-size: 36px;padding: 102px 0 0 0;">چاپ اختصاصی</h2>
        <p style="color:#fff;font-size: 26px;">چاپ سفارشی با بالاترین کیفیت و دقت در اجرا</p>
     </div>
 
    <!-- 6. Security Section -->
    <div class="container">
        <div class="info-row">
            <div class="info-text">
                <h2 class="section-title" style="text-align: right; margin-right: auto;">کیفیت</h2>
                <p><strong>چاپ و تبلیغات برادران نعمتی</strong> با بهره‌گیری از تجهیزات پیشرفته، متریال باکیفیت و چاپ دقیق، بهترین نتیجه را برای معرفی برند شما ارائه می‌دهد. ما کیفیت ماندگار را در هر سفارش تضمین می‌کنیم.</p>
            </div>
            <div class="info-image">
                <img src="https://dl.faraghaib.ir/m/260005/26000526.png" alt="کیفیت">
            </div>
        </div>
     </div>
 
    <!-- 7. Sound Privacy Section -->
    <div class="container">
        <div class="info-row" style="flex-direction: row-reverse;">
            <div class="info-text" style="text-align: left;">
                <h2 class="section-title" style="text-align: left; margin-left: auto;">اعتماد</h2>
                <p>اعتماد مشتریان، بزرگ‌ترین سرمایه <strong>چاپ و تبلیغات برادران نعمتی</strong> است. ما با کیفیت چاپ، تحویل به‌موقع و خدمات حرفه‌ای، همراه مطمئن کسب‌وکار شما هستیم.</p>
            </div>
            <div class="info-image">
                <img src="https://dl.faraghaib.ir/m/260005/26000519.png" alt="اعتماد">
            </div>
        </div>
    </div>
 
    <!-- 8. Parallax: Phone (Consultation) -->
    <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000525.png');">
        <h2 style="color:#fff;font-size: 36px;padding: 102px 0 0 0;">هویت بصری</h2>
        <p style="color:#fff;font-size: 19px;">چاپ تراکت، پوستر و اقلام تبلیغاتی با کیفیت ممتاز</p>
    </div>
 
    <!-- 9. Energy Saving Section -->
    <div class="container">
        <div class="info-row">
            <div class="info-text">
                <h2 class="section-title">ماندگاری</h2>
                <p><strong>چاپ و تبلیغات برادران نعمتی</strong> با استفاده از بهترین متریال و فناوری‌های چاپ، محصولاتی با رنگ‌های زنده و دوام بالا تولید می‌کند تا تبلیغات شما اثربخشی بیشتری داشته باشد.</p>
            </div>
            <div class="info-image">
                <img src="https://dl.faraghaib.ir/m/260005/26000524.png" alt="ماندگاری">
            </div>
        </div>
    </div>
 
</body>
</html>
برگرفته از «https://fa.faraghaib.ir/wiki/تست_برای_چاپ»