الگو:جعبه اطلاعات کتاب: تفاوت میان نسخهها
جزبدون خلاصۀ ویرایش |
جزبدون خلاصۀ ویرایش برچسب: ویرایش مبدأ ۲۰۱۷ |
||
| خط ۱: | خط ۱: | ||
<noinclude> | <noinclude> | ||
{{توضیحات الگو | | {{توضیحات الگو | الگوی ریسپانسیو برای نمایش اطلاعات کتاب }} | ||
</noinclude> | </noinclude> | ||
<includeonly> | <includeonly> | ||
<div class="book-template | <div class="book-template" style="display: flex; direction: rtl; margin: 15px 0; border: 1px solid #e0e0e0; padding: 20px; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); flex-wrap: wrap;"> | ||
<!-- بخش عکس کتاب | <!-- بخش عکس کتاب برای دسکتاپ --> | ||
<div class="book- | <div class="book-image-desktop" style="margin-left: 20px; flex: 0 0 200px;"> | ||
<div style="text-align: center;"> | <div style="text-align: center;"> | ||
[[پرونده:{{{عکس|}}}| | [[پرونده:{{{عکس|}}}|200px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب {{{عنوان|}}}]] | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- بخش عکس کتاب | <!-- بخش عکس کتاب برای موبایل --> | ||
<div class="book- | <div class="book-image-mobile" style="width: 100%; text-align: center; margin-bottom: 20px; display: none;"> | ||
[[پرونده:{{{عکس|}}}|250px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب {{{عنوان|}}}]] | |||
</div> | </div> | ||
<!-- بخش مشخصات کتاب --> | <!-- بخش مشخصات کتاب --> | ||
<div class="book- | <div class="book-info" style="flex: 1; min-width: 250px;"> | ||
<h2 style="margin | <h2 style="margin: 0 0 15px 0; color: #2c3e50; font-size: 1.4em; border-bottom: 2px solid #3498db; padding-bottom: 8px;">{{{عنوان|}}}</h2> | ||
<div style="margin-bottom: | <div style="margin-bottom: 15px; line-height: 1.8;"> | ||
<strong>نویسنده:</strong> {{{نویسنده|}}}<br> | <strong>✍️ نویسنده:</strong> {{{نویسنده|}}}<br> | ||
<strong>ناشر:</strong> {{{ناشر|}}}<br> | <strong>🏢 ناشر:</strong> {{{ناشر|}}}<br> | ||
<strong>سال انتشار:</strong> {{{سال|}}}<br> | <strong>📅 سال انتشار:</strong> {{{سال|}}}<br> | ||
<strong>تعداد صفحات:</strong> {{{صفحات|}}} | <strong>📄 تعداد صفحات:</strong> {{{صفحات|}}} | ||
</div> | </div> | ||
<!-- کادر | <!-- بخش کادر رنگی برای دانلود --> | ||
<div style="background: #e8f4fd; padding: | <div style="background: linear-gradient(135deg, #e8f4fd, #d6eaf8); padding: 15px; border-radius: 8px; border-right: 4px solid #3498db; margin-top: 20px;"> | ||
<strong style="display: block; margin-bottom: 10px; color: #2c3e50; font-size: 1.1em;">📥 دریافت کتاب</strong> | |||
<div style="display: flex; gap: 15px; flex-wrap: wrap;"> | |||
<span style="background: #3498db; padding: 8px 15px; border-radius: 5px;"> | |||
[[:پرونده:{{{فایل_کتاب|}}}|<span style="color: white; text-decoration: none;">📋 دانلود کتاب</span>]] | |||
</span> | |||
<span style="background: #27ae60; padding: 8px 15px; border-radius: 5px;"> | |||
[{{{لینک_مطالعه|}}} <span style="color: white; text-decoration: none;">📖 مطالعه آنلاین</span>] | |||
</span> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
| خط ۳۸: | خط ۴۴: | ||
<style> | <style> | ||
/* | /* تنظیمات برای موبایل */ | ||
@media only screen and (max-width: 768px) { | @media only screen and (max-width: 768px) { | ||
.book-template | .book-template { | ||
flex-direction: column; | flex-direction: column; | ||
padding: 15px; | |||
} | } | ||
.book- | .book-image-desktop { | ||
display: none !important; | display: none !important; | ||
} | } | ||
.book- | .book-image-mobile { | ||
display: block !important; | display: block !important; | ||
} | } | ||
.book- | .book-info { | ||
width: 100%; | width: 100%; | ||
} | |||
} | |||
/* تنظیمات برای تبلت */ | |||
@media only screen and (max-width: 1024px) and (min-width: 769px) { | |||
.book-template { | |||
padding: 15px; | |||
} | |||
.book-image-desktop { | |||
margin-left: 15px; | |||
flex: 0 0 180px; | |||
} | } | ||
} | } | ||
</style> | </style> | ||
</includeonly> | </includeonly> | ||