چیدمان تصاویر - فراغیب
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۴۷: | خط ۴۷: | ||
border-radius: 8px; /* منحنی کردن گوشههای کادر تصویر کوچک اول */"> | border-radius: 8px; /* منحنی کردن گوشههای کادر تصویر کوچک اول */"> | ||
<!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ --> | <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ --> | ||
<div style="width: | <div style="width: 80%; 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]] | [[File:1.jpg|thumb|link=|class=not-resized|250px|center]] | ||
</div> | </div> | ||
| خط ۶۲: | خط ۶۲: | ||
border-radius: 8px; /* منحنی کردن گوشههای کادر تصویر کوچک دوم */"> | border-radius: 8px; /* منحنی کردن گوشههای کادر تصویر کوچک دوم */"> | ||
<!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ --> | <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ --> | ||
<div style="width: | <div style="width: 80%; 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]] | [[File:2.jpg|thumb|link=|class=not-resized|250px|center]] | ||
</div> | </div> | ||
| خط ۷۷: | خط ۷۷: | ||
border-radius: 8px; /* منحنی کردن گوشههای کادر تصویر کوچک سوم */"> | border-radius: 8px; /* منحنی کردن گوشههای کادر تصویر کوچک سوم */"> | ||
<!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ --> | <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ --> | ||
<div style="width: | <div style="width: 80%; 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]] | [[File:4.jpg|thumb|link=|class=not-resized|250px|center]] | ||
</div> | </div> | ||
| خط ۹۲: | خط ۹۲: | ||
border-radius: 8px; /* منحنی کردن گوشههای کادر تصویر کوچک چهارم */"> | border-radius: 8px; /* منحنی کردن گوشههای کادر تصویر کوچک چهارم */"> | ||
<!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ --> | <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ --> | ||
<div style="width: | <div style="width: 80%; 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]] | [[File:9.jpg|thumb|link=|class=not-resized|250px|center]] | ||
</div> | </div> | ||
