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

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

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

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

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

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

توضیحات ۱

توضیحات ۲

توضیحات ۳

توضیحات ۴

@@ خط ۴۷: / خط ۴۷: @@
                      border-radius: 8px; /* منحنی کردن گوشه‌های کادر تصویر کوچک اول */">
              <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
-             <div style="width: 80%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 6px;">
+             <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 6px;">
                  [[File:1.jpg|thumb|link=|class=not-resized|250px|center]]
              </div>
@@ خط ۶۲: / خط ۶۲: @@
                      border-radius: 8px; /* منحنی کردن گوشه‌های کادر تصویر کوچک دوم */">
              <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
-             <div style="width: 80%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 6px;">
+             <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 6px;">
                  [[File:2.jpg|thumb|link=|class=not-resized|250px|center]]
              </div>
@@ خط ۷۷: / خط ۷۷: @@
                      border-radius: 8px; /* منحنی کردن گوشه‌های کادر تصویر کوچک سوم */">
              <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
-             <div style="width: 80%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 6px;">
+             <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 6px;">
                  [[File:4.jpg|thumb|link=|class=not-resized|250px|center]]
              </div>
@@ خط ۹۰: / خط ۹۰: @@
          <!-- عکس کوچک ۴ -->
         <div style="display: flex; flex-direction: column; align-items: center; border: 5px solid #6495ED; background-color: #F0BB78; padding: 4px; box-sizing: border-box;
-                    border-radius: 8px; /* منحنی کردن گوشه‌های کادر تصویر کوچک چهارم */">
+border-radius: 22px; /* منحنی کردن گوشه‌های کادر تصویر کوچک چهارم */">
              <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
-             <div style="width: 80%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 6px;">
+             <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 6px;">
                  [[File:9.jpg|thumb|link=|class=not-resized|250px|center]]
              </div>