الگو:دایره های کنار هم: تفاوت میان نسخه‌ها

بدون خلاصۀ ویرایش
برچسب: برگردانده‌شده
بدون خلاصۀ ویرایش
برچسب: برگردانده‌شده
خط ۲: خط ۲:


     <!-- تکرار برای هر ۵ آیتم -->
     <!-- تکرار برای هر ۵ آیتم -->
     <div style="display: flex; flex-direction: column; align-items: center; flex: 1 1 200px; max-width: 250px; gap: 2px;">
     <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 200px; max-width: 250px; gap: 2px;">
   <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 200px; max-width: 250px; gap: 2px;">
   <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 200px; max-width: 250px; gap: 2px;">
   <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 200px; max-width: 250px; gap: 2px;">
   <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|}}}|