پرش به محتوا

کتاب مقدس آنلاین: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱۳۳: خط ۱۳۳:
             min-width: 120px;
             min-width: 120px;
             text-align: center;
             text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
         }
         }
          
          
خط ۱۴۵: خط ۱۴۹:


         .wiki-link {
         .wiki-link {
             display: inline-block;
             display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
             padding: 8px 16px;
             padding: 8px 16px;
             background-color: var(--accent-color);
             background-color: var(--accent-color);
خط ۱۸۱: خط ۱۸۸:
         .iframe-container {
         .iframe-container {
             margin-top: 15px;
             margin-top: 15px;
            width: 100%;
         }
         }


        .iframe-header {
         .view-controls {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 12px;
            padding: 12px;
            background: #f8f9fa;
            border-radius: 8px;
            border: 1px solid #e9ecef;
        }
 
        .iframe-header-text {
            font-size: 0.95rem;
            text-align: center;
        }
 
         .view-options {
             display: flex;
             display: flex;
             gap: 8px;
             gap: 8px;
             justify-content: center;
             justify-content: center;
             flex-wrap: wrap;
             flex-wrap: wrap;
            margin-bottom: 15px;
         }
         }


خط ۲۱۴: خط ۲۰۷:
             transition: all 0.3s;
             transition: all 0.3s;
             font-size: 0.85rem;
             font-size: 0.85rem;
            display: flex;
            align-items: center;
            gap: 5px;
         }
         }


خط ۲۴۳: خط ۲۳۹:
             margin-bottom: 12px;
             margin-bottom: 12px;
             font-size: 1.2rem;
             font-size: 1.2rem;
        }
        .current-display {
            text-align: center;
            margin-bottom: 10px;
            padding: 8px;
            background: #f8f9fa;
            border-radius: 5px;
            font-size: 0.9rem;
         }
         }


خط ۲۹۶: خط ۳۰۱:
              
              
             .navigation {
             .navigation {
                 flex-direction: column;
                 flex-direction: row;
                 gap: 8px;
                 gap: 8px;
                 margin-top: 20px;
                 margin-top: 20px;
خط ۳۰۲: خط ۳۰۷:
              
              
             .nav-btn, .wiki-link {
             .nav-btn, .wiki-link {
                width: 100%;
                 min-width: auto;
                 min-width: auto;
                flex: 1;
             }
             }
              
              
            .iframe-header {
             .view-controls {
                padding: 10px;
            }
           
            .iframe-header-text {
                font-size: 0.9rem;
            }
           
             .view-options {
                 gap: 6px;
                 gap: 6px;
             }
             }
خط ۳۲۱: خط ۳۱۸:
                 padding: 5px 10px;
                 padding: 5px 10px;
                 font-size: 0.8rem;
                 font-size: 0.8rem;
                flex: 1;
                justify-content: center;
             }
             }
              
              
             .clean-iframe {
             .clean-iframe {
                 height: 400px;
                 height: 400px;
                border-radius: 0;
                border-left: none;
                border-right: none;
             }
             }
              
              
خط ۳۳۰: خط ۳۳۲:
                 padding: 12px;
                 padding: 12px;
                 font-size: 0.85rem;
                 font-size: 0.85rem;
            }
           
            .current-display {
                font-size: 0.85rem;
                margin-bottom: 8px;
             }
             }
         }
         }
خط ۳۳۸: خط ۳۴۵:
             }
             }
              
              
             .view-options {
             .navigation {
                 flex-direction: column;
                flex-wrap: nowrap;
                 width: 100%;
            }
           
            .nav-btn, .wiki-link {
                 font-size: 0.8rem;
                padding: 6px 8px;
            }
           
            .view-controls {
                 flex-direction: row;
             }
             }
              
              
             .view-btn {
             .view-btn {
                 width: 100%;
                 width: auto;
             }
             }
         }
         }
خط ۴۵۲: خط ۴۶۷:
                      
                      
                     <div class="navigation">
                     <div class="navigation">
                         <button class="nav-btn" id="prev-chapter" disabled>فصل قبلی</button>
                         <button class="nav-btn" id="prev-chapter" disabled>⏪ فصل قبلی</button>
                         <a href="#" class="wiki-link" id="wiki-page-link" target="_blank" style="display: none;">مشاهده در ویکی</a>
                         <a href="#" class="wiki-link" id="wiki-page-link" target="_blank" style="display: none;">📖 مشاهده در ویکی</a>
                         <button class="nav-btn" id="next-chapter" disabled>فصل بعدی</button>
                         <button class="nav-btn" id="next-chapter" disabled>فصل بعدی ⏩</button>
                     </div>
                     </div>
                 </div>
                 </div>
خط ۵۸۲: خط ۵۹۷:
                 versesContainer.innerHTML = `
                 versesContainer.innerHTML = `
                     <div class="iframe-container">
                     <div class="iframe-container">
                         <div class="iframe-header">
                         <div class="current-display">
                             <div class="iframe-header-text">📖 در حال نمایش: <strong>${bookName} فصل ${currentChapter}</strong></div>
                             📖 در حال نمایش: <strong>${bookName} فصل ${currentChapter}</strong>
                            <div class="view-options">
                        </div>
                                <button class="view-btn ${currentViewMode === 'render' ? 'active' : ''}" data-mode="render">نمایش تمیز</button>
                        <div class="view-controls">
                                <button class="view-btn ${currentViewMode === 'full' ? 'active' : ''}" data-mode="full">صفحه کامل</button>
                            <button class="view-btn ${currentViewMode === 'render' ? 'active' : ''}" data-mode="render">🧹 نمایش تمیز</button>
                                <a href="${fullPageUrl}" class="wiki-link" target="_blank">باز کردن در تب جدید</a>
                            <button class="view-btn ${currentViewMode === 'full' ? 'active' : ''}" data-mode="full">📄 صفحه کامل</button>
                            </div>
                            <a href="${fullPageUrl}" class="view-btn" target="_blank">🔄 باز کردن در تب جدید</a>
                         </div>
                         </div>
                         <iframe  
                         <iframe  
خط ۶۰۲: خط ۶۱۷:
                  
                  
                 // اضافه کردن رویداد به دکمه‌های نمایش
                 // اضافه کردن رویداد به دکمه‌های نمایش
                 document.querySelectorAll('.view-btn').forEach(btn => {
                 document.querySelectorAll('.view-btn[data-mode]').forEach(btn => {
                     btn.addEventListener('click', function() {
                     btn.addEventListener('click', function() {
                         const mode = this.getAttribute('data-mode');
                         const mode = this.getAttribute('data-mode');
خط ۶۱۰: خط ۶۲۵:
                  
                  
                 wikiPageLink.href = fullPageUrl;
                 wikiPageLink.href = fullPageUrl;
                 wikiPageLink.style.display = 'inline-block';
                 wikiPageLink.style.display = 'inline-flex';
                 updateNavigationButtons();
                 updateNavigationButtons();
             }
             }
خط ۶۳۱: خط ۶۴۶:
                 }
                 }
                  
                  
                 document.querySelectorAll('.view-btn').forEach(btn => {
                 document.querySelectorAll('.view-btn[data-mode]').forEach(btn => {
                     btn.classList.remove('active');
                     btn.classList.remove('active');
                 });
                 });

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

<!DOCTYPE html> کتاب مقدس - مطالعه آنلاین

کتاب مقدس

مطالعه آنلاین کتاب مقدس به زبان فارسی

برگرفته از «https://www.pediabible.com/index.php?title=کتاب_مقدس_آنلاین&oldid=3555»