الگو:جعبه اطلاعات کتاب: تفاوت میان نسخه‌ها

جزبدون خلاصۀ ویرایش
برچسب: ویرایش مبدأ ۲۰۱۷
جزبدون خلاصۀ ویرایش
برچسب: ویرایش مبدأ ۲۰۱۷
خط ۱: خط ۱:
<div class="book-container">
<noinclude>
     <!-- عکس کتاب -->
{{توضیحات الگو | الگوی نمایش کتاب }}
     <div class="book-cover">
</noinclude>
<includeonly>
<div style="display: table; width: 100%; direction: rtl; margin: 15px 0; border: 1px solid #e0e0e0; padding: 15px; background: white; border-radius: 5px;">
      
     <div style="display: table-cell; vertical-align: top; width: 200px; padding-left: 15px; text-align: center;">
         [[پرونده:{{{عکس|}}}|200px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب]]
         [[پرونده:{{{عکس|}}}|200px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب]]
     </div>
     </div>
      
      
    <!-- مشخصات کتاب -->
     <div style="display: table-cell; vertical-align: top;">
     <div class="book-details">
         <h2 style="margin: 0 0 10px 0; color: #2c3e50;">{{{عنوان|}}}</h2>
         <h2>{{{عنوان|}}}</h2>
       
         <p><strong>نویسنده:</strong> {{{نویسنده|}}}</p>
         <div style="margin-bottom: 10px;">
        <p><strong>ناشر:</strong> {{{ناشر|}}}</p>
            <strong>نویسنده:</strong> {{{نویسنده|}}}<br>
        <p><strong>سال انتشار:</strong> {{{سال|}}}</p>
            <strong>ناشر:</strong> {{{ناشر|}}}<br>
        <p><strong>تعداد صفحات:</strong> {{{صفحات|}}}</p>
            <strong>سال انتشار:</strong> {{{سال|}}}<br>
            <strong>تعداد صفحات:</strong> {{{صفحات|}}}
        </div>
          
          
         <!-- دکمه دانلود -->
         <div style="text-align: center;">
        <div class="download-btn">
            <span style="color: #ff0000; font-weight: bold;">
            [[:پرونده:{{{فایل_کتاب|}}}|<span>دانلود و مطالعه کتاب</span>]]
                [[:پرونده:{{{فایل_کتاب|}}}|دانلود و مطالعه کتاب]]
            </span>
         </div>
         </div>
     </div>
     </div>
</div>
</div>
 
</includeonly>
<style>
.book-container {
    display: flex;
    flex-direction: row;
    direction: rtl;
    gap: 20px;
    margin: 15px 0;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    border-radius: 8px;
}
 
.book-cover {
    flex: 0 0 200px;
    text-align: center;
}
 
.book-details {
    flex: 1;
}
 
.download-btn {
    text-align: center;
    margin-top: 15px;
}
.download-btn a {
    color: #ff0000;
    font-weight: bold;
    text-decoration: none;
}
 
/* رسپانسیو برای موبایل */
@media only screen and (max-width: 768px) {
    .book-container {
        flex-direction: column; /* تغییر جهت به عمودی */
    }
   
    .book-cover {
        flex: none;
        width: 100%;
        margin-bottom: 15px;
    }
}
</style>