ویکی امام رضا علیه السلام

صفحهٔ اصلی: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
جزبدون خلاصۀ ویرایش
برچسب: ویرایش مبدأ ۲۰۱۷
جزبدون خلاصۀ ویرایش
برچسب: ویرایش مبدأ ۲۰۱۷
 
(۱۱۱ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<div style="
<div style="
background-color: #050490;
background-color: https://download.zooha.ir/050490;
  color: white;
   text-align: center;
   text-align: center;
   padding: 20px;
   padding: 20px;
   margin: 20px auto;
   margin: 20px auto;
   width: 90%;
   width: 90%;
  background: #050490;
   font-size: 0.8em;
   font-size: 0.8em;
   border-radius: 8px;
   border-radius: 8px;
خط ۴۹: خط ۴۹:
</div>
</div>
</div>
</div>
<div dir="rtl" style="background: linear-gradient(135deg, #f5f0ff 0%, #e6f7ff 100%); padding: 20px; border-radius: 15px; border: 1px solid rgba(0,0,0,0.1); margin: 15px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.8; text-align: justify; color: #333;"> '''«ویکی ضحی یا ویکی امام رضا علیه السلام»''' یک پروژه‌ آموزشی تحت نظر ''حوزه مجازی امام رضا علیه السلام'' است که با هدف ارائه آسان و منسجم معارف دینی فعالیت می‌کند.<br> نام «ضحی» به معنای «آفتاب پگاه» 🌄، به صورت نمادین به حضرت امام رضا علیه السلام — که همچون خورشیدی در عالم اسلام می‌درخشند — اشاره دارد و همچنین یادآور سوره ضحی در قرآن است که بر روشنایی، برکت و آموزش تدریجی دلالت می‌کند.<br> هدف این مجموعه، استفاده از فضای مجازی برای آموزش ساده، عمیق و فراگیر علوم دینی است تا علاقه‌مندان در هر نقطه‌ای از جهان بتوانند از ''نور معرفت رضوی'' بهره‌مند شوند. </p> </div>
<div dir="rtl" style="background: linear-gradient(135deg, #f5f0ff 0%, #e6f7ff 100%);padding: 20px; border-radius: 15px; border: 1px solid rgba(0,0,0,0.1); margin: 15px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.8;font-size: 0.9em; text-align: justify; color: #333;"> '''«ویکی ضحی یا ویکی امام رضا علیه السلام»''' یک پروژه‌ آموزشی تحت نظر ''حوزه مجازی امام رضا علیه السلام'' است که با هدف ارائه آسان و منسجم معارف دینی فعالیت می‌کند.<br> نام «ضحی» به معنای «آفتاب پگاه» 🌄، به صورت نمادین به حضرت امام رضا علیه السلام — که همچون خورشیدی در عالم اسلام می‌درخشند — اشاره دارد و همچنین یادآور سوره ضحی در قرآن است که بر روشنایی، برکت و آموزش تدریجی دلالت می‌کند.<br> هدف این مجموعه، استفاده از فضای مجازی برای آموزش ساده، عمیق و فراگیر علوم دینی است تا علاقه‌مندان در هر نقطه‌ای از جهان بتوانند از ''نور معرفت رضوی'' بهره‌مند شوند.
</p> </div>


<div class="counter-row">
<div class="counter-row">
خط ۶۰: خط ۶۱:
</div>
</div>


<div style="
background-color: #329799;
  color: white;
  text-align: center;
  padding: 20px;
  margin: 20px auto;
  width: 95%;
  font-size: 0.8em;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  line-height: 1.6;
">
 
  * قسمتی از توقیع شیخ مفید
 
  <p>قال مولانا الامام المهدی (عجّل‌الله‌فرجه‌الشریف): «وَلَوْ اَنَّ اشْیاعَنا ـ وَفَّقَهُمُ اللّهُ لِطاعَتِهِ ـ عَلَی اجْتِماع مِنَ الْقُلُوبِ فِی الْوَفاءِ بِالْعَهْدِ عَلَیْهِمْ لَما تَاَخَّرَ عَنْهُمُ الْیُمْنَ بِلِقائِنا، وَلَتَعَجَّلَتْ لَهُمُ السَّعادَةُ بِمُشاهَدَتِنا عَلی حَقِّ الْمَعْرِفَةِ وَصِدْقِها مِنْهُمْ بِنا، فَما یَحْبِسُنا عَنْهُمْ اِلاّ ما یَتَّصِلُ بِنا مِمّا نَکْرَهُهُ وَلا نُؤْثِرُهُ مِنْهُمْ؛</p>
 
<p>اگر شیعیان ما (که خداوند توفیق طاعتشان دهد) در راه ایفای پیمانی که بر دوش دارند، هم‌دل می‌شدند، میمنت ملاقات ما از ایشان به تاخیر نمی‌افتاد، و سعادت دیدار ما زودتر نصیب آنان می‌گشت، دیداری بر مبنای شناختی راستین و صداقتی از آنان نسبت به ما؛ علّت مخفی شدن ما از آنان چیزی نیست جز آن چه از کردار آنان به ما می‌رسد و ما توقع انجام این کارها را از آنان نداریم.»</p>
</div>


<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px;">


    <!-- مورد اول - مقالات -->
    <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, #a8e6cf 0%, #88d3ce 100%); color: #2c3e50; font-size: 18px; font-weight: 600;">مقالات</h2>
        <div style="padding: 15px; max-height: 400px; overflow-y: auto; font-size: 13px;">
            <categorytree mode="all" hideroot="true" depth="1">مقالات</categorytree>
        </div>
    </div>


    <!-- مورد دوم - اخبار -->
<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 15px;">
    <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, #b2ebf2 0%, #80deea 100%); color: #2c3e50; font-size: 18px; font-weight: 600;">دوره ها</h2>
<div style="border: 1px solid #e0e0e0; padding: 15px; background: #fafafa; border-radius: 8px; flex: 1 1 300px; min-width: 250px; max-width: 350px; height: 280px; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
        <div style="padding: 15px; max-height: 400px; overflow-y: auto; font-size: 13px;">
  <h3 style="margin: 0 0 12px 0; text-align: center; color: #424242; font-weight: 500;">📚 کتابخانه</h3>
            <categorytree mode="all" hideroot="true" depth="1">موسسه غدیرستان</categorytree>
  <div style="overflow-y: auto; flex-grow: 1; padding: 5px;">
        </div>
    <categorytree mode=pages>کتابخانه</categorytree>
    </div>
  </div>
</div>
 
<div style="border: 1px solid #e0e0e0; padding: 15px; background: #fafafa; border-radius: 8px; flex: 1 1 300px; min-width: 250px; max-width: 350px; height: 280px; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
  <h3 style="margin: 0 0 12px 0; text-align: center; color: #424242; font-weight: 500;">دروس پایه های حوزه علیمه</h3>
  <div style="overflow-y: auto; flex-grow: 1; padding: 5px;">
    <categorytree mode=pages>پایه ها</categorytree>
  </div>
</div>


<!-- مورد سوم - کتابخانه -->
<div style="border: 1px solid #e0e0e0; padding: 15px; background: #fafafa; border-radius: 8px; flex: 1 1 300px; min-width: 250px; max-width: 350px; height: 280px; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
<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;">
  <h3 style="margin: 0 0 12px 0; text-align: center; color: #424242; font-weight: 500;">اساتید</h3>
    <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="overflow-y: auto; flex-grow: 1; padding: 5px;">
   
    <categorytree mode=pages>اساتید</categorytree>
    <div style="padding: 0;">
  </div>
        <div style="display: flex; border-bottom: 1px solid #e0e6ed;">
            <div onclick="showTab(1)" style="flex: 1; text-align: center; padding: 12px; cursor: pointer; background: linear-gradient(135deg, #c5e1a5 0%, #aed581 100%); color: white; font-size: 14px; font-weight: 600;">رده اول</div>
            <div onclick="showTab(2)" style="flex: 1; text-align: center; padding: 12px; cursor: pointer; background: #f8f9fa; color: #2c3e50; font-size: 14px;">رده دوم</div>
        </div>
       
        <div id="tab1" style="padding: 15px; max-height: 400px; overflow-y: auto; font-size: 13px;">
            <categorytree mode="all" hideroot="true" depth="1">۰۱- باب اول: فضیلت عقل و مذمت جهل (ابواب عقل و جهل)</categorytree>
        </div>
       
        <div id="tab2" style="padding: 15px; max-height: 400px; overflow-y: auto; font-size: 13px; display: none;">
            <categorytree mode="all" hideroot="true" depth="1">نام_رده_دوم</categorytree>
        </div>
    </div>
</div>
</div>


<script>
function showTab(tabNumber) {
    // مخفی کردن همه تب‌ها
    document.getElementById('tab1').style.display = 'none';
    document.getElementById('tab2').style.display = 'none';
   
    // غیرفعال کردن همه تب‌ها
    var tabs = document.querySelectorAll('div[onclick^="showTab"]');
    tabs.forEach(function(tab) {
        tab.style.background = '#f8f9fa';
        tab.style.color = '#2c3e50';
        tab.style.fontWeight = 'normal';
    });
   
    // نمایش تب انتخاب شده
    document.getElementById('tab' + tabNumber).style.display = 'block';
   
    // فعال کردن تب انتخاب شده
    event.target.style.background = 'linear-gradient(135deg, #c5e1a5 0%, #aed581 100%)';
    event.target.style.color = 'white';
    event.target.style.fontWeight = '600';
}
</script>
</div>
</div>
{{آخرین_مطالب}}
برگرفته از «http://zooha.ir/صفحهٔ_اصلی»