کانتینر متن و عکس - فراغیب
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۲: | خط ۲: | ||
<!-- شروع کانتینر اصلی با پسزمینه آبی آسمانی ابر و بادی و چیدمان وسطچین --> | <!-- شروع کانتینر اصلی با پسزمینه آبی آسمانی ابر و بادی و چیدمان وسطچین --> | ||
<div style=" margin: 0px auto; padding: 10px; direction: rtl; text-align: center; | <div style=" margin: 0px auto; padding: 10px; direction: rtl; text-align: center; | ||
background: | background: white; | ||
border-radius: 16px; /* منحنی کردن گوشههای کل باکس گالری */ | border-radius: 16px; /* منحنی کردن گوشههای کل باکس گالری */ | ||
box-shadow: 0 | box-shadow: 0 14px 55px rgba(0,0,0,0.05); /* ایجاد سایه ملایم دور کادر */ | ||
box-sizing: border-box;"> | box-sizing: border-box;{{{style}}};"> | ||
<div style="display: flex; gap: 10px; justify-content: center; margin-bottom: 10px; width: 100%;"> | <div style="display: flex; gap: 10px; justify-content: center; margin-bottom: 10px; width: 100%;"> | ||
<!-- متن --> | <!-- متن --> | ||
<div style="flex: 1 1 calc(50% - 5px); max-width: | <div style="flex: 1 1 calc(50% - 5px); max-width: 600px; min-width: 0; display: flex; flex-direction: column; align-items: center; padding: 1px; | ||
border-radius: 15px; /* منحنی کردن گوشههای کادر تصویر بزرگ اول */"> | border-radius: 15px; /* منحنی کردن گوشههای کادر تصویر بزرگ اول */"> | ||
<!-- نگهدارنده تصویر بزرگ جهت برش و همترازی با نسبت ۴:۳ --> | <!-- نگهدارنده تصویر بزرگ جهت برش و همترازی با نسبت ۴:۳ --> | ||
<div style="width: 100%; aspect-ratio: 4/3; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 9px;"> | <div style="width: 100%; aspect-ratio: 4/3; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 9px;{{{text style}}};"> | ||
<p> | <p>{{{متن}}}</p> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- عکس بزرگ --> | <!-- عکس بزرگ --> | ||
<div > | <div style="max-width: 400px;margin-left:10px;"> | ||
<div > | <div > | ||
[[تصویر | [[تصویر = {{{تصویر}}}|300 px|center]] | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
نسخهٔ ۸ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۱۲
[[تصویر = {{{تصویر}}}|300 px|center]]