تست: تفاوت میان نسخهها
ظاهر
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
خط ۱: | خط ۱: | ||
<html lang="fa" dir="rtl"> | <html lang="fa" dir="rtl"> | ||
<head> | <head> | ||
خط ۳۱: | خط ۳۰: | ||
.header { | .header { | ||
background- | background: linear-gradient(135deg, #3e6f73, #4a7c59); | ||
color: white; | color: white; | ||
padding: | padding: 20px; | ||
border-radius: 8px; | border-radius: 8px; | ||
margin-bottom: | margin-bottom: 20px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
خط ۴۲: | خط ۴۱: | ||
margin: 0; | margin: 0; | ||
font-size: 24px; | font-size: 24px; | ||
font-weight: 700; | |||
} | } | ||
خط ۵۱: | خط ۵۱: | ||
.filter-section { | .filter-section { | ||
margin-bottom: | margin-bottom: 20px; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
padding: | padding: 20px; | ||
border-radius: 8px; | border-radius: 8px; | ||
border: 1px solid #dee2e6; | border: 1px solid #dee2e6; | ||
خط ۶۰: | خط ۶۰: | ||
.filter-row { | .filter-row { | ||
display: flex; | display: flex; | ||
gap: | gap: 15px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
} | } | ||
خط ۷۰: | خط ۷۰: | ||
label { | label { | ||
display: block; | display: block; | ||
margin-bottom: | margin-bottom: 8px; | ||
font-weight: | font-weight: 600; | ||
color: #495057; | color: #495057; | ||
font-size: 14px; | font-size: 14px; | ||
خط ۷۸: | خط ۷۸: | ||
select { | select { | ||
width: 100%; | width: 100%; | ||
padding: | padding: 12px 15px; | ||
border: 1px solid #ced4da; | border: 1px solid #ced4da; | ||
border-radius: | border-radius: 6px; | ||
font-size: 14px; | font-size: 14px; | ||
background: white; | background: white; | ||
cursor: pointer; | cursor: pointer; | ||
transition: all 0.3s ease; | |||
border: 2px solid #e9ecef; | |||
} | |||
select:focus { | |||
outline: none; | |||
border-color: #3e6f73; | |||
box-shadow: 0 0 0 3px rgba(62, 111, 115, 0.1); | |||
} | |||
select:disabled { | |||
background-color: #f8f9fa; | |||
color: #6c757d; | |||
cursor: not-allowed; | |||
border-color: #dee2e6; | |||
} | } | ||
.content-frame { | .content-frame { | ||
margin-top: | margin-top: 20px; | ||
border: 1px solid #dee2e6; | border: 1px solid #dee2e6; | ||
border-radius: 8px; | border-radius: 8px; | ||
خط ۹۶: | خط ۱۱۱: | ||
.content-header { | .content-header { | ||
padding: | padding: 15px 20px; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
border-bottom: 1px solid #dee2e6; | border-bottom: 1px solid #dee2e6; | ||
خط ۱۱۲: | خط ۱۲۷: | ||
.content-controls { | .content-controls { | ||
display: flex; | display: flex; | ||
gap: | gap: 10px; | ||
} | } | ||
.control-btn { | .control-btn { | ||
background: white; | background: white; | ||
border: | border: 2px solid #dee2e6; | ||
border-radius: | border-radius: 6px; | ||
padding: | padding: 8px 15px; | ||
cursor: pointer; | cursor: pointer; | ||
font-size: | font-size: 13px; | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
gap: | gap: 6px; | ||
font-weight: 600; | |||
color: #495057; | |||
} | } | ||
.control-btn:hover { | .control-btn:hover { | ||
background: # | background: #3e6f73; | ||
color: white; | |||
border-color: #3e6f73; | |||
transform: translateY(-1px); | |||
} | } | ||
.iframe-container { | .iframe-container { | ||
width: 100%; | width: 100%; | ||
height: calc(100% - | height: calc(100% - 60px); | ||
position: relative; | position: relative; | ||
} | } | ||
خط ۱۵۳: | خط ۱۷۳: | ||
font-size: 16px; | font-size: 16px; | ||
text-align: center; | text-align: center; | ||
padding: | padding: 20px; | ||
background: white; | background: white; | ||
} | } | ||
خط ۱۶۱: | خط ۱۸۱: | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: center; | align-items: center; | ||
padding: | padding: 15px 20px; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
border-top: 1px solid #dee2e6; | border-top: 1px solid #dee2e6; | ||
gap: | gap: 12px; | ||
} | } | ||
.wiki-link, .site-link, .view-link { | .wiki-link, .site-link, .view-link { | ||
background- | background: linear-gradient(135deg, #3e6f73, #4a7c59); | ||
color: white; | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: | font-weight: 600; | ||
padding: | padding: 12px 20px; | ||
border-radius: | border-radius: 6px; | ||
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
خط ۱۸۲: | خط ۲۰۲: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
gap: | gap: 8px; | ||
transition: all 0.3s ease; | |||
box-shadow: 0 2px 4px rgba(0,0,0,0.1); | |||
} | } | ||
.site-link { | .site-link { | ||
background- | background: linear-gradient(135deg, #6c757d, #495057); | ||
} | } | ||
.view-link { | .view-link { | ||
background | background: linear-gradient(135deg, #8fb996, #6c9975); | ||
} | } | ||
.view-link:hover { | .wiki-link:hover, .site-link:hover, .view-link:hover { | ||
transform: translateY(-2px); | |||
box-shadow: 0 4px 8px rgba(0,0,0,0.15); | |||
} | } | ||
خط ۲۳۴: | خط ۲۴۹: | ||
.content-header { | .content-header { | ||
flex-direction: column; | flex-direction: column; | ||
gap: | gap: 10px; | ||
align-items: flex-start; | align-items: flex-start; | ||
} | } | ||
خط ۲۵۸: | خط ۲۷۳: | ||
<div class="filter-row"> | <div class="filter-row"> | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for="categorySelect">دستهبندی:</label> | <label for="categorySelect"><i class="fas fa-folder"></i> دستهبندی:</label> | ||
<select id="categorySelect"> | <select id="categorySelect"> | ||
<option value="">لطفاً دستهبندی انتخاب کنید</option> | <option value="">لطفاً دستهبندی انتخاب کنید</option> | ||
خط ۲۶۷: | خط ۲۸۲: | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for="contentSelect">انتخاب محتوا:</label> | <label for="contentSelect"><i class="fas fa-book-open"></i> انتخاب محتوا:</label> | ||
<select id="contentSelect" disabled> | <select id="contentSelect" disabled> | ||
<option value="">ابتدا دستهبندی را انتخاب کنید</option> | <option value="">ابتدا دستهبندی را انتخاب کنید</option> | ||
خط ۲۸۱: | خط ۲۹۶: | ||
<button class="control-btn" id="zoomOut"><i class="fas fa-search-minus"></i> کوچکنمایی</button> | <button class="control-btn" id="zoomOut"><i class="fas fa-search-minus"></i> کوچکنمایی</button> | ||
<button class="control-btn" id="zoomIn"><i class="fas fa-search-plus"></i> بزرگنمایی</button> | <button class="control-btn" id="zoomIn"><i class="fas fa-search-plus"></i> بزرگنمایی</button> | ||
<button class="control-btn" id=" | <button class="control-btn" id="directView"><i class="fas fa-external-link-alt"></i> مشاهده مستقیم</button> | ||
</div> | </div> | ||
</div> | </div> | ||
خط ۲۹۶: | خط ۳۱۱: | ||
<div class="action-buttons"> | <div class="action-buttons"> | ||
<a id="siteLink" href="#" class="site-link" target="_blank" style="display: none;"> | <a id="siteLink" href="#" class="site-link" target="_blank" style="display: none;"> | ||
<i class="fas fa- | <i class="fas fa-home"></i> | ||
مشاهده صفحه در سایت اصلی | مشاهده صفحه در سایت اصلی | ||
</a> | </a> | ||
خط ۳۳۹: | خط ۳۵۴: | ||
const zoomIn = document.getElementById('zoomIn'); | const zoomIn = document.getElementById('zoomIn'); | ||
const zoomOut = document.getElementById('zoomOut'); | const zoomOut = document.getElementById('zoomOut'); | ||
const | const directView = document.getElementById('directView'); | ||
const loadingBar = document.getElementById('loadingBar'); | const loadingBar = document.getElementById('loadingBar'); | ||
خط ۴۴۸: | خط ۴۶۳: | ||
viewLink.style.display = 'flex'; | viewLink.style.display = 'flex'; | ||
} | } | ||
// مشاهده مستقیم | |||
directView.addEventListener('click', function() { | |||
if (currentContent) { | |||
const directUrl = `https://www.pediabible.com/index.php/${currentContent}`; | |||
window.open(directUrl, '_blank'); | |||
} | |||
}); | |||
// کنترل بزرگنمایی | // کنترل بزرگنمایی | ||
خط ۴۶۵: | خط ۴۸۸: | ||
currentZoom -= 10; | currentZoom -= 10; | ||
applyZoom(); | applyZoom(); | ||
} | } | ||
}); | }); |
نسخهٔ ۱۲ اکتبر ۲۰۲۵، ساعت ۲۲:۴۰
کتابخانه پدیا بایبل
در این بخش میتوانید کتابها و مقالات مختلف را مطالعه کنید.
برای شروع، دستهبندی و سپس مورد مورد نظر خود را انتخاب نمایید.
هیچ محتوایی انتخاب نشده است
لطفاً یک کتاب یا مقاله از لیست انتخاب کنید