الگو:جعبه اطلاعات کتاب: تفاوت میان نسخهها
جزبدون خلاصۀ ویرایش برچسبها: ویرایش همراه ویرایش از وبگاه همراه ویرایش پیشرفتهٔ همراه |
جزبدون خلاصۀ ویرایش برچسبها: ویرایش همراه ویرایش از وبگاه همراه ویرایش پیشرفتهٔ همراه |
||
| خط ۱: | خط ۱: | ||
<noinclude> | <noinclude> | ||
{{توضیحات الگو | الگویی برای نمایش اطلاعات کتاب }} | {{توضیحات الگو | الگویی برای نمایش اطلاعات کتاب به صورت ریسپانسیو }} | ||
</noinclude> | </noinclude> | ||
<includeonly> | <includeonly> | ||
<div style="display: flex; direction: rtl; margin: 10px 0; border: 1px solid #ddd; padding: 15px; background: white; border-radius: 5px;"> | <div class="book-template-container" style="display: flex; flex-direction: row; direction: rtl; margin: 10px 0; border: 1px solid #ddd; padding: 15px; background: white; border-radius: 5px; flex-wrap: wrap;"> | ||
<div style="margin-left: 15px;"> | |||
<!-- بخش عکس کتاب - در موبایل اول نمایش داده میشود --> | |||
<div class="book-cover-mobile" style="width: 100%; display: none; text-align: center; margin-bottom: 15px;"> | |||
<div style="text-align: center;"> | |||
[[پرونده:{{{عکس|}}}|250px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب]] | |||
</div> | |||
</div> | |||
<!-- بخش عکس کتاب در دسکتاپ --> | |||
<div class="book-cover-desktop" style="margin-left: 15px; flex: 0 0 auto;"> | |||
<div style="text-align: center;"> | <div style="text-align: center;"> | ||
[[پرونده:{{{عکس|}}}|200px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب]] | [[پرونده:{{{عکس|}}}|200px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب]] | ||
| خط ۱۰: | خط ۱۹: | ||
</div> | </div> | ||
<div style="flex: 1;"> | <!-- بخش مشخصات کتاب --> | ||
<div class="book-details" style="flex: 1; min-width: 250px;"> | |||
<h2 style="margin-top: 0; color: #2c3e50;">{{{عنوان|}}}</h2> | <h2 style="margin-top: 0; color: #2c3e50;">{{{عنوان|}}}</h2> | ||
| خط ۲۷: | خط ۳۷: | ||
</div> | </div> | ||
</div> | </div> | ||
<style> | |||
/* استایل برای صفحهنمایش کوچک (موبایل) */ | |||
@media only screen and (max-width: 768px) { | |||
.book-template-container { | |||
flex-direction: column; | |||
} | |||
.book-cover-desktop { | |||
display: none !important; | |||
} | |||
.book-cover-mobile { | |||
display: block !important; | |||
} | |||
.book-details { | |||
width: 100%; | |||
} | |||
} | |||
</style> | |||
</includeonly> | </includeonly> | ||