الگو:صفحه کتاب مقدس: تفاوت میان نسخه‌ها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۵: | خط ۵: | ||
"> | "> | ||
<!-- | <!-- Container با چیدمان انعطاف‌پذیر --> | ||
<div style=" | <div style=" | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 15px; | ||
align-items: center; | |||
justify-content: | justify-content: space-between; | ||
"> | "> | ||
<!-- دکمه‌ها (همیشه در یک خط می‌مانند) --> | |||
<div style=" | |||
display: flex; | |||
gap: 10px; | |||
flex-wrap: nowrap; | |||
min-width: 0; /* برای جلوگیری از شکستن در موبایل */ | |||
"> | |||
[[{{{1|Ai-pediabible}}}|<span style="background: #3e6f73cc; color: white; padding: 8px 15px; border-radius: 5px; display: inline-block; white-space: nowrap;">{{{2|دکمه اول}}}</span>]] | |||
[[{{{3|صفحه دوم}}}|<span style="background: #3e6f73cc; color: white; padding: 8px 15px; border-radius: 5px; display: inline-block; white-space: nowrap;">{{{4|بزودی}}}</span>]] | |||
[[{{{5|صفحه سوم}}}|<span style="background: #3e6f73cc; color: white; padding: 8px 15px; border-radius: 5px; display: inline-block; white-space: nowrap;">{{{6|بزودی}}}</span>]] | |||
</div> | |||
<!-- تبلیغ (در دسکتاپ هم‌خط، در موبایل خط جدید) --> | |||
<div style=" | |||
background: #f5f5f5; | |||
padding: 8px 12px; | |||
border-radius: 5px; | |||
border-right: 3px solid #3e6f73cc; | |||
font-size: 0.9em; | |||
flex: 1; | |||
min-width: 200px; /* حداقل عرض برای خوانایی */ | |||
white-space: nowrap; | |||
text-align: center; | |||
margin-top: 0; /* برای دسکتاپ */ | |||
"> | |||
{{{7|متن تبلیغاتی}}} | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<div style="background: white; padding: 15px; margin: -10px -10px 0 -10px; min-height: 100vh;"> | <div style="background: white; padding: 15px; margin: -10px -10px 0 -10px; min-height: 100vh;"> | ||