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

→ تفاوت با ویرایش قدیمی‌تر

دیداریویکی‌متن

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

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

@@ خط ۱: / خط ۱: @@
 <html>
 <style>
-    /* بدنه اصلی کارت */
      .deniz-contact-card {
          width: 100%;
          max-width: 1100px;
          margin: 5px auto;
-         padding: 10px 5px; /* کاهش شدید پدینگ برای جمع شدن کل المان */
+         padding: 10px 5px;
          direction: rtl;
          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;
          font-family: 'IRANSans', Tahoma, sans-serif;
@@ خط ۲۹: / خط ۲۷: @@
      }
-    /* تیتر */
      .contact-intro {
          display: block;
          width: 100%;
-         margin-bottom: 8px; /* کاهش فاصله زیر تیتر */
+         margin-bottom: 8px;
          font-size: clamp(0.9em, 1.8vw, 1em);
-         color: #2e4633;
+         color: #f0f7ed; /* سبز بسیار روشن متمایل به سفید */
          font-weight: bold;
          text-align: right;
      }
-    /* ردیف آیکون‌ها - فشرده‌سازی کامل */
      .icons-row {
          width: 100%;
          display: flex;
-         justify-content: center; /* مرکز‌چین کردن آیکون‌ها */
+         justify-content: center;
          align-items: center;
          flex-wrap: nowrap;
-         gap: 0px; /* حذف فاصله بین آیکون‌ها */
+         gap: 5px;
      }
-    /* بلوک‌های آیکون - تنظیم عرض و فاصله داخلی */
      .icon-block {
          display: flex;
          flex-direction: column;
          align-items: center;
-         flex: 1 1 25%; /* تقسیم مساوی فضا */
+         flex: 1 1 auto;
-         padding: 0 2px; /* کاهش شدید فاصله داخلی */
+         padding: 0 2px;
          min-width: 60px;
      }
      .icon-block img {
-         width: clamp(28px, 3.5vw, 36px); /* اندازه آیکون‌ها */
+         width: clamp(28px, 3.5vw, 36px);
          height: clamp(28px, 3.5vw, 36px);
-         margin-bottom: 2px; /* کاهش فاصله تصویر تا متن */
+         margin-bottom: 2px;
          object-fit: contain;
+        /* فیلتر برای درخشش بهتر آیکون‌ها روی پس‌زمینه تیره */
+        filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.3));
      }
@@ خط ۷۰: / خط ۶۷: @@
          font-size: clamp(0.7em, 1.2vw, 0.85em);
          line-height: 1.2;
-         color: #3e2723;
+         color: #ffffff;
      }
      .icon-block .caption b {
          display: block;
-         color: #2e4633;
+         color: #ffffff;
          font-size: clamp(0.8em, 1.4vw, 0.9em);
          margin-bottom: 1px;
@@ خط ۸۱: / خط ۷۸: @@
      .deniz-contact-card a {
-         color: #a67c00 !important;
+         color: #ffffff !important;
          text-decoration: none;
          font-weight: 700;
-         white-space: nowrap; /* جلوگیری از شکستن متن */
+         white-space: nowrap;
      }
-    /* موبایل */
      @media (max-width: 600px) {
          .icons-row {
-             flex-wrap: wrap; /* در موبایل آیکون‌ها زیر هم قرار می‌گیرند */
+             flex-wrap: wrap;
              gap: 5px;
          }
          .icon-block {
-             flex: 1 1 45%; /* چیدمان ۲ تایی */
+             flex: 1 1 45%;
          }
      }
 </style>
-<script type="application/ld+json">
-{
-    "@context": "https://schema.org",
-    "@type": "LocalBusiness",
-    "name": "عطاری و ادویه سرای حافظ",
-    "telephone": "+989333009575"
-}
-</script>
 <section class="deniz-contact-card" aria-label="راه‌های ارتباطی">
@@ خط ۱۱۷: / خط ۱۰۵: @@
                  <div class="caption"><b>تلفن</b><a href="tel:09333009575">09333009575</a></div>
              </div>
              <div class="icon-block">
                  <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>
              <div class="icon-block">
                  <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>
              <div class="icon-block">
                  <img src="https://dl.faraghaib.ir/m/100/chat.png" alt="مشاوره" loading="lazy">
@@ خط ۱۳۲: / خط ۱۲۳: @@
      </div>
 </section>
 </html>