چیدمان تصاویر - فراغیب

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

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

               توضیحات عکس بزرگ اول

               توضیحات عکس بزرگ دوم

               توضیحات ۱

               توضیحات ۲

               توضیحات ۳

               توضیحات ۴

@@ خط ۱: / خط ۱: @@
 <!-- شروع کانتینر اصلی گالری با پس‌زمینه آبی آسمانی ابر و بادی و چیدمان وسط‌چین -->
-<div style="max-width: 1000px; margin: 0 auto; padding: 20px; direction: rtl; text-align: center;
+<div style="max-width: 1000px; margin: 0 auto; padding: 5px; direction: rtl; text-align: center;
              background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #f0f9ff 100%); /* ایجاد رنگ پس‌زمینه ابر و بادی */
              border-radius: 16px; /* منحنی کردن گوشه‌های کل باکس گالری */
@@ خط ۶: / خط ۶: @@
      <!-- ردیف اول: دو عکس بزرگ (همواره کنار هم در موبایل و دسکتاپ) -->
-     <div style="display: flex; gap: 15px; justify-content: center; margin-bottom: 20px;">
+     <div style="display: flex; gap: 15px; justify-content: center; margin-bottom: 5px;">
          <!-- عکس بزرگ اول -->
@@ خط ۱۶: / خط ۱۶: @@
              </div>
              <!-- کپشن تک‌خطی تصویر بزرگ اول: وسط‌چین، بدون کادر، با فاصله کمتر -->
-             <div style="margin-top: 6px; font-size: 90%; color: #0288d1; font-weight: bold; text-align: center; width: 100%;
+             <div style="margin-top: 0px; font-size: 90%; color: #0288d1; font-weight: bold; text-align: center; width: 100%;
                          line-height: 1.1; border: none; background: transparent; box-shadow: none; outline: none;
                          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
@@ خط ۵۱: / خط ۵۱: @@
              </div>
              <!-- کپشن تک‌خطی تصویر کوچک اول: وسط‌چین، بدون کادر، با فاصله کمتر -->
-             <div style="margin-top: 4px; font-size: 80%; color: #039be5; text-align: center; width: 100%;
+             <div style="margin-top: 0px; font-size: 80%; color: #039be5; text-align: center; width: 100%;
                          line-height: 1.1; border: none; background: transparent; box-shadow: none; outline: none;
                          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
@@ خط ۶۶: / خط ۶۶: @@
              </div>
              <!-- کپشن تک‌خطی تصویر کوچک دوم: وسط‌چین، بدون کادر، با فاصله کمتر -->
-             <div style="margin-top: 4px; font-size: 80%; color: #039be5; text-align: center; width: 100%;
+             <div style="margin-top: 0px; font-size: 80%; color: #039be5; text-align: center; width: 100%;
                          line-height: 1.1; border: none; background: transparent; box-shadow: none; outline: none;
                          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
@@ خط ۹۶: / خط ۹۶: @@
              </div>
              <!-- کپشن تک‌خطی تصویر کوچک چهارم: وسط‌چین، بدون کادر، با فاصله کمتر -->
-             <div style="margin-top: 4px; font-size: 80%; color: #039be5; text-align: center; width: 100%;
+             <div style="margin-top: 0px; font-size: 80%; color: #039be5; text-align: center; width: 100%;
                          line-height: 1.1; border: none; background: transparent; box-shadow: none; outline: none;
                          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">