پرش به محتوا

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

از ویکی امام رضا علیه السلام
جزبدون خلاصۀ ویرایش
برچسب‌ها: ویرایش همراه ویرایش از وبگاه همراه ویرایش پیشرفتهٔ همراه
جزبدون خلاصۀ ویرایش
برچسب‌ها: ویرایش همراه ویرایش از وبگاه همراه ویرایش پیشرفتهٔ همراه
خط ۱: خط ۱:
<noinclude>
<noinclude>
{{توضیحات الگو | الگوی ریسپانسیو برای نمایش اطلاعات کتاب }}
{{توضیحات الگو | الگوی ساده برای نمایش اطلاعات کتاب }}
</noinclude>
</noinclude>
<includeonly>
<includeonly>
<!-- نسخه دسکتاپ -->
<div 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);">
<div 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);">


     <!-- بخش عکس کتاب برای دسکتاپ -->
     <!-- عکس کتاب سمت راست -->
     <div style="margin-left: 20px; flex: 0 0 200px; text-align: center;">
     <div style="margin-left: 20px; text-align: center;">
         [[پرونده:{{{عکس|}}}|200px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب {{{عنوان|}}}]]
         [[پرونده:{{{عکس|}}}|200px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب {{{عنوان|}}}]]
     </div>
     </div>


     <!-- بخش مشخصات کتاب برای دسکتاپ -->
     <!-- مشخصات کتاب سمت چپ عکس -->
     <div style="flex: 1;">
     <div style="flex: 1;">
         <h2 style="margin: 0 0 15px 0; color: #2c3e50; font-size: 1.4em; border-bottom: 2px solid #3498db; padding-bottom: 8px;">{{{عنوان|}}}</h2>
         <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: 15px; line-height: 1.8;">
         <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>


         <!-- دکمه برای دسکتاپ -->
         <!-- دکمه دانلود -->
         <table style="width: 100%; border-collapse: collapse; margin-top: 20px;">
         <table style="width: 100%; border-collapse: collapse;">
             <tr>
             <tr>
                 <td style="background: #000000; padding: 3px 0; border-radius: 2px; text-align: center;">
                 <td style="background: #000000; padding: 4px 0; border-radius: 3px; text-align: center;">
                     <span style="color: white; text-decoration: none; font-weight: bold; font-size: 0.9em;">
                     <span style="color: white; text-decoration: none; font-weight: bold;">
                         [[:پرونده:{{{فایل_کتاب|}}}|<span style="color: white;">دانلود و مطالعه کتاب</span>]]
                         [[:پرونده:{{{فایل_کتاب|}}}|<span style="color: white;">دانلود و مطالعه کتاب</span>]]
                     </span>
                     </span>
خط ۳۴: خط ۳۲:
         </table>
         </table>
     </div>
     </div>
</div>
<!-- نسخه موبایل -->
<div style="display: none; direction: rtl; margin: 15px 0; border: 1px solid #e0e0e0; padding: 15px; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); text-align: center;">
    <!-- عنوان کتاب در بالای عکس برای موبایل -->
    <h2 style="margin: 0 0 15px 0; color: #2c3e50; font-size: 1.3em; padding-bottom: 8px;">{{{عنوان|}}}</h2>
   
    <!-- عکس کتاب در موبایل -->
    <div style="text-align: center; margin-bottom: 15px;">
        [[پرونده:{{{عکس|}}}|250px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب {{{عنوان|}}}]]
    </div>
    <!-- مشخصات کتاب در موبایل -->
    <div style="text-align: right; margin-bottom: 15px; line-height: 1.8;">
        <strong>✍️ نویسنده:</strong> {{{نویسنده|}}}<br>
        <strong>🏢 ناشر:</strong> {{{ناشر|}}}<br>
        <strong>📅 سال انتشار:</strong> {{{سال|}}}<br>
        <strong>📄 تعداد صفحات:</strong> {{{صفحات|}}}
    </div>
    <!-- دکمه برای موبایل -->
    <table style="width: 100%; border-collapse: collapse;">
        <tr>
            <td style="background: #000000; padding: 2px 0; border-radius: 2px; text-align: center;">
                <span style="color: white; text-decoration: none; font-weight: bold; font-size: 0.9em;">
                    [[:پرونده:{{{فایل_کتاب|}}}|<span style="color: white;">دانلود و مطالعه کتاب</span>]]
                </span>
            </td>
        </tr>
    </table>
</div>
</div>
</includeonly>
</includeonly>

نسخهٔ ‏۲۶ اکتبر ۲۰۲۵، ساعت ۱۲:۱۱