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

بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۹: خط ۹:
          
          
         <!-- عکس بزرگ اول -->
         <!-- عکس بزرگ اول -->
         <div style="flex: 1; max-width: 480px; display: flex; flex-direction: column; align-items: center; border: 5px solid #7ED957; background-color: #2A9D8F; padding: 1px; box-sizing: border-box;  
         <div style="flex: 1; max-width: 480px; display: flex; flex-direction: column; align-items: center; border: 5px solid #7ED957; background-color: #2A9D8F; padding: 8px; box-sizing: border-box;  
                     border-radius: 15px; /* منحنی کردن گوشه‌های کادر تصویر بزرگ اول */">
                     border-radius: 15px; /* منحنی کردن گوشه‌های کادر تصویر بزرگ اول */">
             <!-- نگهدارنده تصویر بزرگ جهت برش و هم‌ترازی با نسبت ۴:۳ -->
             <!-- نگهدارنده تصویر بزرگ جهت برش و هم‌ترازی با نسبت ۴:۳ -->
خط ۲۴: خط ۲۴:


         <!-- عکس بزرگ دوم -->
         <!-- عکس بزرگ دوم -->
         <div style="flex: 1; max-width: 480px; display: flex; flex-direction: column; align-items: center; border: 5px solid #7ED957; background-color: #2A9D8F; padding: 1px; box-sizing: border-box;  
         <div style="flex: 1; max-width: 480px; display: flex; flex-direction: column; align-items: center; border: 5px solid #7ED957; background-color: #2A9D8F; padding: 8px; box-sizing: border-box;  
                     border-radius: 15px; /* منحنی کردن گوشه‌های کادر تصویر بزرگ دوم */">
                     border-radius: 15px; /* منحنی کردن گوشه‌های کادر تصویر بزرگ دوم */">
             <!-- نگهدارنده تصویر بزرگ جهت برش و هم‌ترازی با نسبت ۴:۳ -->
             <!-- نگهدارنده تصویر بزرگ جهت برش و هم‌ترازی با نسبت ۴:۳ -->