دایره های کنار هم - فراغیب
ظاهر
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش برچسب: برگرداندهشده |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش برچسب: برگرداندهشده |
||
| خط ۲: | خط ۲: | ||
<!-- تکرار برای هر ۵ آیتم --> | <!-- تکرار برای هر ۵ آیتم --> | ||
<div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 | <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 180px; max-width: 250px; gap: 2px;"> | ||
{{کانتینرعکس دایره|تصویر={{{تصویر1|}}}}} | {{کانتینرعکس دایره|تصویر={{{تصویر1|}}}}} | ||
{{#if:{{{کپشن1|}}}| | {{#if:{{{کپشن1|}}}| | ||
| خط ۱۱: | خط ۱۱: | ||
<!-- برای آیتمهای بعدی هم از همین استایل flex: 1 1 200px استفاده کنید --> | <!-- برای آیتمهای بعدی هم از همین استایل flex: 1 1 200px استفاده کنید --> | ||
<!-- ... --> | <!-- ... --> | ||
<div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 | <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 180px; max-width: 250px; gap: 2px;"> | ||
{{کانتینرعکس دایره|تصویر={{{تصویر2|}}}}} | {{کانتینرعکس دایره|تصویر={{{تصویر2|}}}}} | ||
{{#if:{{{کپشن2|}}}| | {{#if:{{{کپشن2|}}}| | ||
| خط ۱۷: | خط ۱۷: | ||
}} | }} | ||
</div> | </div> | ||
<div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 | <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 180px; max-width: 250px; gap: 2px;"> | ||
{{کانتینرعکس دایره|تصویر={{{تصویر3|}}}}} | {{کانتینرعکس دایره|تصویر={{{تصویر3|}}}}} | ||
{{#if:{{{کپشن3|}}}| | {{#if:{{{کپشن3|}}}| | ||
| خط ۲۳: | خط ۲۳: | ||
}} | }} | ||
</div> | </div> | ||
<div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 | <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 180px; max-width: 250px; gap: 2px;"> | ||
{{کانتینرعکس دایره|تصویر={{{تصویر4|}}}}} | {{کانتینرعکس دایره|تصویر={{{تصویر4|}}}}} | ||
{{#if:{{{کپشن4|}}}| | {{#if:{{{کپشن4|}}}| | ||
| خط ۲۹: | خط ۲۹: | ||
}} | }} | ||
</div> | </div> | ||
<div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 | <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 180px; max-width: 250px; gap: 2px;"> | ||
{{کانتینرعکس دایره|تصویر={{{تصویر5|}}}}} | {{کانتینرعکس دایره|تصویر={{{تصویر5|}}}}} | ||
{{#if:{{{کپشن5|}}}| | {{#if:{{{کپشن5|}}}| | ||