الگو:چیدمان تصاویر: تفاوت میان نسخه‌ها
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۹: | خط ۹: | ||
<!-- عکس بزرگ اول --> | <!-- عکس بزرگ اول --> | ||
<div style="flex: 1; max-width: 480px; display: flex; flex-direction: column; align-items: center; border: 5px solid #7ED957; background-color: #2A9D8F; padding: | <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; | ||
border-radius: 15px; /* منحنی کردن گوشه‌های کادر تصویر بزرگ اول */"> | border-radius: 15px; /* منحنی کردن گوشه‌های کادر تصویر بزرگ اول */"> | ||
<!-- نگهدارنده تصویر بزرگ جهت برش و هم‌ترازی با نسبت ۴:۳ --> | <!-- نگهدارنده تصویر بزرگ جهت برش و هم‌ترازی با نسبت ۴:۳ --> | ||
| خط ۱۹: | خط ۱۹: | ||
line-height: 2; border: none; background: transparent; box-shadow: none; outline: none; | line-height: 2; border: none; background: transparent; box-shadow: none; outline: none; | ||
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> | white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> | ||
توضیحات عکس 1 | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- عکس بزرگ دوم --> | <!-- عکس بزرگ دوم --> | ||
<div style="flex: 1; max-width: 480px; display: flex; flex-direction: column; align-items: center; border: 5px solid #7ED957; background-color: #2A9D8F; padding: | <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; | ||
border-radius: 15px; /* منحنی کردن گوشه‌های کادر تصویر بزرگ دوم */"> | border-radius: 15px; /* منحنی کردن گوشه‌های کادر تصویر بزرگ دوم */"> | ||
<!-- نگهدارنده تصویر بزرگ جهت برش و هم‌ترازی با نسبت ۴:۳ --> | <!-- نگهدارنده تصویر بزرگ جهت برش و هم‌ترازی با نسبت ۴:۳ --> | ||
| خط ۳۴: | خط ۳۴: | ||
line-height: 2; border: none; background: transparent; box-shadow: none; outline: none; | line-height: 2; border: none; background: transparent; box-shadow: none; outline: none; | ||
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> | white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> | ||
توضیات عکس 2 | |||
</div> | </div> | ||
</div> | </div> | ||