پرش به محتوا

بخش اطلاعات تماس/عطاری حافظ - فراغیب

از فراغیب
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۶ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشد)
خط ۱: خط ۱:
<html>
<html>
<style>
<style>
    /* بدنه اصلی کارت - حذف Aspect-Ratio برای کاهش ارتفاع */
     .deniz-contact-card {
     .deniz-contact-card {
         width: 100%;
         width: 100%;
         max-width: 1100px;
         max-width: 1100px;
         margin: 10px auto;
         margin: 5px auto;
         padding: 15px clamp(12px, 3%, 30px); /* پدینگ بهینه شده برای کاهش ارتفاع */
         padding: 10px 5px;
         direction: rtl;
         direction: rtl;
         text-align: center;
         text-align: center;
         background-image: url('https://dl.faraghaib.ir/m/105/1.png');
         /* گرادینت استخراج شده از پالت رنگی بنر ارسالی */
         background-size: 100% 100%;
         background: linear-gradient(90deg, #1d4d1a 0%, #4c8c2b 100%);
         background-position: center;
         border-bottom-left-radius: 20px;
         background-repeat: no-repeat;
         border-bottom-right-radius: 20px;
         color: #3e2723;
         color: #ffffff; /* تغییر به سفید برای تضاد عالی با سبز بنر */
         box-sizing: border-box;
         box-sizing: border-box;
         font-family: 'IRANSans', Tahoma, sans-serif;
         font-family: 'IRANSans', Tahoma, sans-serif;
خط ۲۰: خط ۱۸:
         flex-direction: column;
         flex-direction: column;
         align-items: center;
         align-items: center;
        justify-content: flex-start; /* تغییر به flex-start برای چسبیدن به بالا */
     }
     }


خط ۳۰: خط ۲۷:
     }
     }


    /* تیتر */
     .contact-intro {
     .contact-intro {
         display: block;
         display: block;
         width: 100%;
         width: 100%;
         margin-bottom: 12px;
         margin-bottom: 8px;
         font-size: clamp(0.9em, 1.8vw, 1.05em);
         font-size: clamp(0.9em, 1.8vw, 1em);
         color: #2e4633;
         color: #f0f7ed; /* سبز بسیار روشن متمایل به سفید */
         font-weight: bold;
         font-weight: bold;
         text-align: right;
         text-align: right;
     }
     }


    /* ردیف آیکون‌ها */
     .icons-row {
     .icons-row {
         width: 100%;
         width: 100%;
         display: flex;
         display: flex;
         justify-content: center;
         justify-content: center;
        align-items: center;
         flex-wrap: nowrap;
         flex-wrap: nowrap;
         gap: 10px;
         gap: 5px;
     }
     }


خط ۵۴: خط ۵۰:
         flex-direction: column;
         flex-direction: column;
         align-items: center;
         align-items: center;
         flex: 1 1 0;
         flex: 1 1 auto;
         min-width: 70px;
        padding: 0 2px;
         min-width: 60px;
     }
     }


     .icon-block img {
     .icon-block img {
         width: clamp(30px, 4vw, 40px);
         width: clamp(28px, 3.5vw, 36px);
         height: clamp(30px, 4vw, 40px);
         height: clamp(28px, 3.5vw, 36px);
         margin-bottom: 4px;
         margin-bottom: 2px;
         object-fit: contain;
         object-fit: contain;
        /* فیلتر برای درخشش بهتر آیکون‌ها روی پس‌زمینه تیره */
        filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.3));
     }
     }


     .icon-block .caption {
     .icon-block .caption {
         font-size: clamp(0.75em, 1.3vw, 0.9em);
         font-size: clamp(0.7em, 1.2vw, 0.85em);
         line-height: 1.4;
         line-height: 1.2;
         color: #3e2723;
         color: #ffffff;
     }
     }


     .icon-block .caption b {
     .icon-block .caption b {
         display: block;
         display: block;
         color: #2e4633;
         color: #ffffff;
         font-size: clamp(0.85em, 1.5vw, 0.95em);
         font-size: clamp(0.8em, 1.4vw, 0.9em);
        margin-bottom: 1px;
     }
     }


     .deniz-contact-card a {
     .deniz-contact-card a {
         color: #a67c00 !important;
         color: #ffffff !important;
         text-decoration: none;
         text-decoration: none;
         font-weight: 700;
         font-weight: 700;
        white-space: nowrap;
     }
     }


    /* موبایل و نمایشگرهای کوچک */
     @media (max-width: 600px) {
     @media (max-width: 600px) {
        .deniz-contact-card {
            padding: 12px 8px;
        }
         .icons-row {
         .icons-row {
             flex-wrap: wrap;
             flex-wrap: wrap;
             gap: 8px;
             gap: 5px;
         }
         }
         .icon-block {
         .icon-block {
             flex: 1 1 40%; /* چیدمان دو ستونی در موبایل */
             flex: 1 1 45%;
            min-width: 70px;
         }
         }
     }
     }
</style>
</style>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "name": "عطاری و ادویه سرای حافظ",
    "telephone": "+989333009575",
    "contactPoint": [
        {
            "@type": "ContactPoint",
            "telephone": "+989333009575",
            "contactType": "customer service",
            "areaServed": "IR"
        }
    ]
}
</script>


<section class="deniz-contact-card" aria-label="راه‌های ارتباطی">
<section class="deniz-contact-card" aria-label="راه‌های ارتباطی">
خط ۱۲۵: خط ۱۰۵:
                 <div class="caption"><b>تلفن</b><a href="tel:09333009575">09333009575</a></div>
                 <div class="caption"><b>تلفن</b><a href="tel:09333009575">09333009575</a></div>
             </div>
             </div>
             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/telegram.png" alt="تلگرام" loading="lazy">
                 <img src="https://dl.faraghaib.ir/m/100/telegram.png" alt="تلگرام" loading="lazy">
                 <div class="caption"><b>تلگرام</b><a href="https://t.me/attarihafez_ir" target="_blank">@attarihafez_ir</a></div>
                 <div class="caption"><b>تلگرام</b><a href="https://t.me/attarihafez_ir" target="_blank">@attarihafez_ir</a></div>
             </div>
             </div>
             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/telegram.png" alt="آدرس" loading="lazy">
                 <img src="https://dl.faraghaib.ir/m/100/loc.png" alt="آدرس" loading="lazy">
                 <div class="caption"><b>آدرس</b><a href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.681-61.665-22z-0p">شهر آشار</a></div>
                 <div class="caption"><b>آدرس</b><a href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.681-61.665-22z-0p">شهر آشار</a></div>
             </div>
             </div>
             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/chat.png" alt="مشاوره" loading="lazy">
                 <img src="https://dl.faraghaib.ir/m/100/chat.png" alt="مشاوره" loading="lazy">
خط ۱۴۰: خط ۱۲۳:
     </div>
     </div>
</section>
</section>
</html>
</html>

نسخهٔ کنونی تا ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۱:۲۷

راه‌های ارتباطی عطاری و ادویه سرای حافظ:

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=الگو:بخش_اطلاعات_تماس/عطاری_حافظ&oldid=3472»