پرش به محتوا

کتاب مقدس - عهد جدید: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
صفحه‌ای تازه حاوی «<div style="max-width:600px; margin:30px auto; font-family:Arial, sans-serif; text-align:center;"> <!-- عنوان کتاب --> <h1 style="color:#fff; margin-bottom:25px; font-size:32px; text-shadow:0 2px 4px rgba(0,0,0,0.3);"> 📖 انجیل به قلم متی </h1> <!-- باکس توضیحات شیشه‌ای --> <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); border-radius:12px; padding:20p...» ایجاد کرد
 
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<div style="max-width:600px; margin:30px auto; font-family:Arial, sans-serif; text-align:center;">
<style>
  .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:#fff; margin-bottom:25px; font-size:32px; text-shadow:0 2px 4px rgba(0,0,0,0.3);">
   <h1>📖 نام کتاب</h1>
    📖 انجیل به قلم متی
    
  </h1>
   <div class="glass-box">
 
     توضیحات مختصر درباره کتاب
   <!-- باکس توضیحات شیشه‌ای -->
   <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); border-radius:12px; padding:20px; margin-bottom:30px; border:1px solid rgba(255,255,255,0.3); box-shadow:0 8px 32px rgba(0,0,0,0.1); color:#fff; text-align:center;">
     <p style="line-height:1.7; margin:0;">
      اینجا توضیحات کلی درباره کتاب قرار می‌گیرد
    </p>
   </div>
   </div>
 
    
   <!-- جدول فصول به سبک شیشه‌ای - تک ستون -->
   <div class="glass-box">
   <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); border-radius:12px; padding:20px; border:1px solid rgba(255,255,255,0.3); box-shadow:0 8px 32px rgba(0,0,0,0.1); display:inline-block; min-width:200px;">
     <h2>فصل‌های کتاب</h2>
     <h2 style="margin-top:0; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:10px;">فصل‌های کتاب</h2>
     <div class="chapters-grid">
   
       <div class="chapter">فصل 1</div>
     <div style="display:flex; flex-direction:column; gap:8px;">
       <div class="chapter">فصل 2</div>
       <!-- انجیل به قلم متی فصل ۱ -->
       <div class="chapter">فصل 3</div>
       <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px 20px; color:#fff; font-weight:bold;">
       <div class="chapter">فصل 4</div>
        فصل ۱
       <div class="chapter">فصل 5</div>
      </div>
       <!-- برای اضافه کردن فصل جدید خط زیر را کپی کنید -->
     
       <!-- <div class="chapter">فصل جدید</div> -->
      <!-- انجیل به قلم متی فصل ۲ -->
    </div>
       <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px 20px; color:#fff; font-weight:bold;">
        فصل ۲
      </div>
     
      <!-- انجیل به قلم متی فصل ۳ -->
       <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px 20px; color:#fff; font-weight:bold;">
        فصل ۳
      </div>
     
      <!-- انجیل به قلم متی فصل ۴ -->
       <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px 20px; color:#fff; font-weight:bold;">
        فصل ۴
      </div>
     
       <!-- انجیل به قلم متی فصل ۵ -->
       <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px 20px; color:#fff; font-weight:bold;">
        فصل ۵
      </div>
 
     
-->
   </div>
   </div>
</div>
</div>


<!-- پس‌زمینه برای نمایش بهتر افکت شیشه‌ای -->
<div class="bg-gradient"></div>
<div style="position:fixed; top:0; left:0; width:100%; height:100%; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); z-index:-1;"></div>

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

<style>

 .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>

📖 نام کتاب

   توضیحات مختصر درباره کتاب

فصل‌های کتاب

فصل 1
فصل 2
فصل 3
فصل 4
فصل 5