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

→ تفاوت با ویرایش قدیمی‌تر

دیداریویکی‌متن

@@ خط ۱: / خط ۱: @@
-<div class="book-container">
+<div class="plainlinks metadeta" style="margin: 10px 0;">
-    <!-- عکس کتاب -->
-    <div class="book-cover">
+<div style="font-size: 18px; font-weight: bold; border-bottom: 2px solid #36c; padding-bottom: 5px;">
-        [[پرونده:{{{عکس|}}}|200px|فریم|پیوند={{{لینک_عکس|}}}|alt=جلد کتاب]]
+{{{نام|نام کتاب}}}
-    </div>
-    <!-- مشخصات کتاب -->
-    <div class="book-details">
-        <h2>{{{عنوان|}}}</h2>
-        <p><strong>نویسنده:</strong> {{{نویسنده|}}}</p>
-        <p><strong>ناشر:</strong> {{{ناشر|}}}</p>
-        <p><strong>سال انتشار:</strong> {{{سال|}}}</p>
-        <p><strong>تعداد صفحات:</strong> {{{صفحات|}}}</p>
-        <!-- دکمه دانلود -->
-        <div class="download-btn">
-            [[:پرونده:{{{فایل_کتاب|}}}|<span>دانلود و مطالعه کتاب</span>]]
-        </div>
-    </div>
 </div>
-<style>
+<div style="margin: 10px 0;">
-.book-container {
+'''مشخصات کتاب:'''
-    display: flex;
+<ul>
-    flex-direction: row;
+<li><b>نویسنده:</b> {{{نویسنده|}}}</li>
-    direction: rtl;
+<li><b>ناشر:</b> {{{ناشر|}}}</li>
-    gap: 20px;
+<li><b>تعداد صفحات:</b> {{{صفحات|}}}</li>
-    margin: 15px 0;
+<li><b>سال انتشار:</b> {{{سال|}}}</li>
-    padding: 20px;
+<li><b>شابک:</b> {{{شابک|}}}</li>
-    border: 1px solid #e0e0e0;
+</ul>
-    background: #ffffff;
+</div>
-    border-radius: 8px;
-}
-.book-cover {
+<div style="text-align: center; margin-top: 1px;">
-    flex: 0 0 200px;
+<span class="plainlinks">[{{{لینک|#}}} <span style="c
-     text-align: center;
+color: #ffffff;
-}
+     background: #e0e0e0;border-top-right-radius: 20px;border-bottom-left-radius: 20px;padding: 5px 25% 5px 25%;font-weight: bold;">مطالعه کتاب رایگان</span>]</span>
+</div>
-.book-details {
+</div>
-    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>