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

نسخهٔ ‏۷ اوت ۲۰۲۵، ساعت ۰۳:۲۰

📖 نام کتاب

توضیحات کلی درباره کتاب در این بخش قرار می‌گیرد.

فصل 1

فصل 2

فصل 3

فصل 4

@@ خط ۱: / خط ۱: @@
-<style>
+<div style="max-width:800px; margin:auto; text-align:center; font-family:Arial, sans-serif;">
-  .book-container {
-    max-width: 800px;
-    margin: 30px auto;
-    font-family: Arial, sans-serif;
-    text-align: center;
-  }
-  .glass-box {
-    background: rgba(255,255,255,0.2);
-    backdrop-filter: blur(10px);
-    border-radius: 12px;
-    padding: 20px;
-    margin: 15px 0;
-    border: 1px solid rgba(255,255,255,0.3);
-    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
-    color: #fff;
-  }
-  .chapters-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 10px;
-    margin-top: 15px;
-  }
-  .chapter {
-    background: rgba(255,255,255,0.15);
-    backdrop-filter: blur(5px);
-    border-radius: 8px;
-    padding: 12px;
-    color: #fff;
-    font-weight: bold;
-  }
-  .bg-gradient {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    z-index: -1;
-  }
-</style>
-<div class="book-container">
+<h1 style="color:#2c3e50; margin-bottom:20px;">📖 نام کتاب</h1>
-  <h1>📖 نام کتاب</h1>
+<div style="background:#f8f9fa; border-left:4px solid #4CAF50; padding:15px; margin-bottom:20px; border-radius:0 8px 8px 0; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:justify;">
-  <div class="glass-box">
+توضیحات کلی درباره کتاب در این بخش قرار می‌گیرد.
-    توضیحات مختصر درباره کتاب
+</div>
-  </div>
+<div style="display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:20px;">
-  <div class="glass-box">
+<div style="flex:1 1 45%; min-width:200px; background:#fff; border:1px solid #ddd; border-radius:6px; padding:10px; box-shadow:0 2px 4px rgba(0,0,0,0.05); text-align:center; font-weight:bold;">
-    <h2>فصل‌های کتاب</h2>
+فصل 1
-    <div class="chapters-grid">
+</div>
-      <div class="chapter">فصل 1</div>
-      <div class="chapter">فصل 2</div>
+<div style="flex:1 1 45%; min-width:200px; background:#fff; border:1px solid #ddd; border-radius:6px; padding:10px; box-shadow:0 2px 4px rgba(0,0,0,0.05); text-align:center; font-weight:bold;">
-      <div class="chapter">فصل 3</div>
+فصل 2
-      <div class="chapter">فصل 4</div>
+</div>
-      <div class="chapter">فصل 5</div>
-      <!-- برای اضافه کردن فصل جدید خط زیر را کپی کنید -->
+<div style="flex:1 1 45%; min-width:200px; background:#fff; border:1px solid #ddd; border-radius:6px; padding:10px; box-shadow:0 2px 4px rgba(0,0,0,0.05); text-align:center; font-weight:bold;">
-      <!-- <div class="chapter">فصل جدید</div> -->
+فصل 3
-    </div>
-  </div>
 </div>
-<div class="bg-gradient"></div>
+<div style="flex:1 1 45%; min-width:200px; background:#fff; border:1px solid #ddd; border-radius:6px; padding:10px; box-shadow:0 2px 4px rgba(0,0,0,0.05); text-align:center; font-weight:bold;">
+فصل 4
+</div>
+</div>
+</div>