صفحهٔ اصلی: تفاوت میان نسخهها
جزبدون خلاصۀ ویرایش برچسب: ویرایش مبدأ ۲۰۱۷ |
جزبدون خلاصۀ ویرایش برچسب: ویرایش مبدأ ۲۰۱۷ |
||
| خط ۹۸: | خط ۹۸: | ||
</div> | </div> | ||
<!-- مورد سوم - کتابخانه --> | |||
<div style="border: 1px solid #e0e6ed; border-radius: 12px; padding: 0; background: white; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden;"> | <div style="border: 1px solid #e0e6ed; border-radius: 12px; padding: 0; background: white; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden;"> | ||
<h2 style="text-align: center; padding: 16px; margin: 0; background: linear-gradient(135deg, #c5e1a5 0%, #aed581 100%); color: #2c3e50; font-size: 18px; font-weight: 600;">کتابخانه</h2> | <h2 style="text-align: center; padding: 16px; margin: 0; background: linear-gradient(135deg, #c5e1a5 0%, #aed581 100%); color: #2c3e50; font-size: 18px; font-weight: 600;">کتابخانه</h2> | ||
<div style="padding: | |||
<!-- | <div style="padding: 0;"> | ||
<div style=" | <!-- تبها --> | ||
< | <div style="display: flex; border-bottom: 1px solid #e0e6ed;"> | ||
< | <button onclick="showTab('tab1')" style="flex: 1; padding: 12px; border: none; background: #f8f9fa; cursor: pointer; font-size: 14px; color: #2c3e50;" id="tab1-btn">رده اول</button> | ||
<button onclick="showTab('tab2')" style="flex: 1; padding: 12px; border: none; background: #f8f9fa; cursor: pointer; font-size: 14px; color: #2c3e50;" id="tab2-btn">رده دوم</button> | |||
</div> | </div> | ||
<!-- | <!-- محتوای تبها --> | ||
<div | <div style="padding: 15px; max-height: 400px; overflow-y: auto; font-size: 13px;"> | ||
<div id="tab1" class="tab-content"> | |||
<categorytree mode="all" hideroot="true" depth="1"> | <categorytree mode="all" hideroot="true" depth="1">۰۱- باب اول: فضیلت عقل و مذمت جهل (ابواب عقل و جهل)</categorytree> | ||
</div> | |||
<div id="tab2" class="tab-content" style="display: none;"> | |||
<categorytree mode="all" hideroot="true" depth="1">نام_رده_دوم</categorytree> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<script> | |||
function showTab(tabId) { | |||
// مخفی کردن همه تبها | |||
var tabContents = document.getElementsByClassName('tab-content'); | |||
for (var i = 0; i < tabContents.length; i++) { | |||
tabContents[i].style.display = 'none'; | |||
} | |||
// غیرفعال کردن همه دکمهها | |||
var tabButtons = document.querySelectorAll('button[onclick^="showTab"]'); | |||
tabButtons.forEach(function(btn) { | |||
btn.style.background = '#f8f9fa'; | |||
btn.style.color = '#2c3e50'; | |||
}); | |||
// نمایش تب انتخاب شده | |||
document.getElementById(tabId).style.display = 'block'; | |||
// فعال کردن دکمه انتخاب شده | |||
document.getElementById(tabId + '-btn').style.background = 'linear-gradient(135deg, #c5e1a5 0%, #aed581 100%)'; | |||
document.getElementById(tabId + '-btn').style.color = 'white'; | |||
} | |||
// فعال کردن تب اول به صورت پیشفرض | |||
showTab('tab1'); | |||
</script> | |||
<style> | |||
.tab-content { | |||
animation: fadeIn 0.3s ease-in; | |||
} | |||
@keyframes fadeIn { | |||
from { opacity: 0; } | |||
to { opacity: 1; } | |||
} | |||
button[onclick^="showTab"]:hover { | |||
background: #e9ecef !important; | |||
} | |||
</style> | |||
</div> | </div> | ||
نسخهٔ ۲۹ سپتامبر ۲۰۲۵، ساعت ۱۴:۴۱
«ویکی ضحی یا ویکی امام رضا علیه السلام» یک پروژه آموزشی تحت نظر حوزه مجازی امام رضا علیه السلام است که با هدف ارائه آسان و منسجم معارف دینی فعالیت میکند.
نام «ضحی» به معنای «آفتاب پگاه» 🌄، به صورت نمادین به حضرت امام رضا علیه السلام — که همچون خورشیدی در عالم اسلام میدرخشند — اشاره دارد و همچنین یادآور سوره ضحی در قرآن است که بر روشنایی، برکت و آموزش تدریجی دلالت میکند.
هدف این مجموعه، استفاده از فضای مجازی برای آموزش ساده، عمیق و فراگیر علوم دینی است تا علاقهمندان در هر نقطهای از جهان بتوانند از نور معرفت رضوی بهرهمند شوند.
* قسمتی از توقیع شیخ مفید
قال مولانا الامام المهدی (عجّلاللهفرجهالشریف): «وَلَوْ اَنَّ اشْیاعَنا ـ وَفَّقَهُمُ اللّهُ لِطاعَتِهِ ـ عَلَی اجْتِماع مِنَ الْقُلُوبِ فِی الْوَفاءِ بِالْعَهْدِ عَلَیْهِمْ لَما تَاَخَّرَ عَنْهُمُ الْیُمْنَ بِلِقائِنا، وَلَتَعَجَّلَتْ لَهُمُ السَّعادَةُ بِمُشاهَدَتِنا عَلی حَقِّ الْمَعْرِفَةِ وَصِدْقِها مِنْهُمْ بِنا، فَما یَحْبِسُنا عَنْهُمْ اِلاّ ما یَتَّصِلُ بِنا مِمّا نَکْرَهُهُ وَلا نُؤْثِرُهُ مِنْهُمْ؛
اگر شیعیان ما (که خداوند توفیق طاعتشان دهد) در راه ایفای پیمانی که بر دوش دارند، همدل میشدند، میمنت ملاقات ما از ایشان به تاخیر نمیافتاد، و سعادت دیدار ما زودتر نصیب آنان میگشت، دیداری بر مبنای شناختی راستین و صداقتی از آنان نسبت به ما؛ علّت مخفی شدن ما از آنان چیزی نیست جز آن چه از کردار آنان به ما میرسد و ما توقع انجام این کارها را از آنان نداریم.»
<script> function showTab(tabId) {
// مخفی کردن همه تبها
var tabContents = document.getElementsByClassName('tab-content');
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].style.display = 'none';
}
// غیرفعال کردن همه دکمهها
var tabButtons = document.querySelectorAll('button[onclick^="showTab"]');
tabButtons.forEach(function(btn) {
btn.style.background = '#f8f9fa';
btn.style.color = '#2c3e50';
});
// نمایش تب انتخاب شده
document.getElementById(tabId).style.display = 'block';
// فعال کردن دکمه انتخاب شده
document.getElementById(tabId + '-btn').style.background = 'linear-gradient(135deg, #c5e1a5 0%, #aed581 100%)';
document.getElementById(tabId + '-btn').style.color = 'white';
}
// فعال کردن تب اول به صورت پیشفرض showTab('tab1'); </script>
<style> .tab-content {
animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
button[onclick^="showTab"]:hover {
background: #e9ecef !important;
} </style>