پرش به محتوا

صفحه اصلی/دسته بندی موضوعی - فراغیب

از فراغیب
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۱۷ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<html>
<html>
<style>
<div class="mediawiki-category-container" style="direction: rtl; font-family: tahoma, arial; max-width: 1000px; margin: 20px auto; padding: 15px; background: #f9f9f9; border-radius: 18px; box-shadow: 0 8px 24px rgba(42, 128, 85, .14); border: 1px solid #c9e4d5;">
  .wiki-categories-wrapper {
    direction: rtl;
    font-family: Tahoma, Arial, sans-serif;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
  }
 
  .cat-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
 
  .cat-box {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    overflow: hidden;
  }
 
  .cat-header {
    display: block;
    padding: 15px;
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
    text-decoration: none;
    color: #1e293b;
    font-weight: bold;
    font-size: 16px;
    transition: background 0.3s, color 0.3s;
  }


  .cat-header:hover {
     <!-- بخش جستجو -->
     background: #edf2f7;
     <div class="search-box" style="margin-bottom: 15px; text-align: center;">
    color: #2563eb;
         <input type="text" id="categorySearch" placeholder="جستجو در دسته‌بندی‌ها..."  
  }
              style="width: 90%; padding: 10px 18px; border: 1px solid #c9e4d5; border-radius: 25px; outline: none; font-size: 15px; transition: all 0.3s ease;">
 
  .sub-links-list {
    padding: 10px 15px 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
 
  .sub-link {
    color: #475569;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s, text-decoration 0.2s;
  }
 
  .sub-link:hover {
    color: #2563eb;
    text-decoration: underline;
  }
 
  @media (max-width: 768px) {
    .wiki-categories-wrapper {
      padding: 12px;
    }
 
    .cat-header {
      font-size: 15px;
      padding: 12px;
    }
 
    .sub-link {
      font-size: 12px;
    }
  }
</style>
 
<div class="wiki-categories-wrapper">
  <div class="cat-stack">
 
     <div class="cat-box">
      <a href="/wiki/Category:آموزش_و_پرورش" class="cat-header">آموزش و پرورش</a>
      <div class="sub-links-list">
        <a href="/wiki/Category:مهدکودک_و_پیش‌دبستانی" class="sub-link">▸ مهدکودک و پیش‌دبستانی</a>
        <a href="/wiki/Category:مدارس_و_مراکز_آموزشی_دولتی" class="sub-link">▸ مدارس و مراکز آموزشی دولتی</a>
         <a href="/wiki/Category:آموزشگاه‌های_آزاد" class="sub-link">▸ آموزشگاه‌های آزاد</a>
        <a href="/wiki/Category:موسسات_آموزش_عالی" class="sub-link">▸ موسسات آموزش عالی</a>
        <a href="/wiki/Category:آموزش_زبان_خارجی" class="sub-link">▸ آموزش زبان خارجی</a>
        <a href="/wiki/Category:آموزش_کامپیوتر_و_فناوری" class="sub-link">▸ آموزش کامپیوتر و فناوری</a>
        <a href="/wiki/Category:آموزش_فنی_و_حرفه‌ای" class="sub-link">▸ آموزش فنی و حرفه‌ای</a>
        <a href="/wiki/Category:آموزشگاه_رانندگی" class="sub-link">▸ آموزشگاه رانندگی</a>
        <a href="/wiki/Category:موسسات_و_آموزشگاه‌های_قرآنی" class="sub-link">▸ موسسات و آموزشگاه‌های قرآنی</a>
        <a href="/wiki/Category:آموزشگاه_زبان" class="sub-link">▸ آموزشگاه زبان</a>
      </div>
    </div>
 
    <div class="cat-box">
      <a href="/wiki/Category:بهداشت_و_درمان" class="cat-header">بهداشت و درمان</a>
      <div class="sub-links-list">
        <a href="/wiki/Category:بیمارستان" class="sub-link">▸ بیمارستان</a>
        <a href="/wiki/Category:درمانگاه" class="sub-link">▸ درمانگاه</a>
        <a href="/wiki/Category:پزشکان_عمومی_و_متخصص" class="sub-link">▸ پزشکان عمومی و متخصص</a>
        <a href="/wiki/Category:دندانپزشکی" class="sub-link">▸ دندانپزشکی</a>
        <a href="/wiki/Category:داروخانه" class="sub-link">▸ داروخانه</a>
        <a href="/wiki/Category:آزمایشگاه" class="sub-link">▸ آزمایشگاه</a>
        <a href="/wiki/Category:رادیولوژی_و_تصویربرداری" class="sub-link">▸ رادیولوژی و تصویربرداری</a>
        <a href="/wiki/Category:فیزیوتراپی" class="sub-link">▸ فیزیوتراپی</a>
        <a href="/wiki/Category:مراکز_توانبخشی" class="sub-link">▸ مراکز توانبخشی</a>
        <a href="/wiki/Category:کلینیک‌های_تخصصی" class="sub-link">▸ کلینیک‌های تخصصی</a>
      </div>
     </div>
     </div>


     <div class="cat-box">
     <!-- بخش فیلترها -->
      <a href="/wiki/Category:فرهنگ_و_هنر" class="cat-header">فرهنگ و هنر</a>
    <div class="filter-bar" style="display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 20px;">
      <div class="sub-links-list">
         <button class="filter-btn active" onclick="filterSelection(event, 'all')" style="padding: 6px 16px; border-radius: 15px; border: none; background: #16bd78; color: white; cursor: pointer; font-size: 14px; font-weight: bold;">همه</button>
         <a href="/wiki/Category:سینما" class="sub-link">▸ سینما</a>
         <button class="filter-btn" onclick="filterSelection(event, 'tech')" style="padding: 6px 16px; border-radius: 15px; border: none; background: #eee; cursor: pointer; font-size: 14px;">تکنولوژی</button>
        <a href="/wiki/Category:تئاتر" class="sub-link">▸ تئاتر</a>
         <button class="filter-btn" onclick="filterSelection(event, 'art')" style="padding: 6px 16px; border-radius: 15px; border: none; background: #eee; cursor: pointer; font-size: 14px;">هنر</button>
         <a href="/wiki/Category:نگارخانه_و_گالری" class="sub-link">▸ نگارخانه و گالری</a>
         <button class="filter-btn" onclick="filterSelection(event, 'science')" style="padding: 6px 16px; border-radius: 15px; border: none; background: #eee; cursor: pointer; font-size: 14px;">علوم</button>
        <a href="/wiki/Category:کتابخانه" class="sub-link">▸ کتابخانه</a>
         <a href="/wiki/Category:موزه" class="sub-link">▸ موزه</a>
        <a href="/wiki/Category:فرهنگسرا" class="sub-link">▸ فرهنگسرا</a>
         <a href="/wiki/Category:آموزشگاه_موسیقی" class="sub-link">▸ آموزشگاه موسیقی</a>
        <a href="/wiki/Category:انتشارات" class="sub-link">▸ انتشارات</a>
      </div>
     </div>
     </div>


     <div class="cat-box">
     <!-- شبکه کارت‌های مستطیلی باریک -->
      <a href="/wiki/Category:گردشگری_و_اقامت" class="cat-header">گردشگری و اقامت</a>
    <div id="categoryGrid" class="category-grid">
      <div class="sub-links-list">
          
        <a href="/wiki/Category:هتل" class="sub-link">▸ هتل</a>
         <!-- کارت نمونه 1 -->
         <a href="/wiki/Category:هتل_آپارتمان" class="sub-link">▸ هتل آپارتمان</a>
         <div class="category-card tech" style="background: white; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-right: 5px solid #16bd78;">
         <a href="/wiki/Category:مهمانپذیر" class="sub-link">▸ مهمانپذیر</a>
            <span class="card-title" style="font-weight: bold; color: #333; font-size: 16px;">هوش مصنوعی</span>
         <a href="/wiki/Category:اقامتگاه_بوم‌گردی" class="sub-link">▸ اقامتگاه بوم‌گردی</a>
            <span style="font-size: 13px; color: #555; background: #f0fdf4; padding: 2px 10px; border-radius: 10px;">۱۲ مقاله</span>
        <a href="/wiki/Category:آژانس_مسافرتی" class="sub-link">▸ آژانس مسافرتی</a>
         </div>
        <a href="/wiki/Category:دفاتر_خدمات_گردشگری" class="sub-link">▸ دفاتر خدمات گردشگری</a>
        <a href="/wiki/Category:جاذبه‌های_گردشگری" class="sub-link">▸ جاذبه‌های گردشگری</a>
        <a href="/wiki/Category:تور_گردشگری" class="sub-link">▸ تور گردشگری</a>
      </div>
    </div>
 
    <div class="cat-box">
      <a href="/wiki/Category:حمل_و_نقل" class="cat-header">حمل و نقل</a>
      <div class="sub-links-list">
        <a href="/wiki/Category:تاکسی_و_آژانس" class="sub-link">▸ تاکسی و آژانس</a>
        <a href="/wiki/Category:اتوبوس‌رانی" class="sub-link">▸ اتوبوس‌رانی</a>
        <a href="/wiki/Category:راه‌آهن" class="sub-link">▸ راه‌آهن</a>
        <a href="/wiki/Category:فرودگاه" class="sub-link">▸ فرودگاه</a>
        <a href="/wiki/Category:پایانه_مسافربری" class="sub-link">▸ پایانه مسافربری</a>
        <a href="/wiki/Category:باربری" class="sub-link">▸ باربری</a>
        <a href="/wiki/Category:پیک_و_موتور" class="sub-link">▸ پیک و موتور</a>
         <a href="/wiki/Category:خدمات_حمل_کالا" class="sub-link">▸ خدمات حمل کالا</a>
      </div>
    </div>


    <div class="cat-box">
        <!-- کارت نمونه 2 -->
      <a href="/wiki/Category:خدمات_خودرو" class="cat-header">خدمات خودرو</a>
        <div class="category-card art" style="background: white; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-right: 5px solid #ff9f43;">
      <div class="sub-links-list">
            <span class="card-title" style="font-weight: bold; color: #333; font-size: 16px;">نقاشی دیجیتال</span>
        <a href="/wiki/Category:تعمیرگاه_خودرو" class="sub-link">▸ تعمیرگاه خودرو</a>
            <span style="font-size: 13px; color: #555; background: #fff7ed; padding: 2px 10px; border-radius: 10px;">۸ مقاله</span>
        <a href="/wiki/Category:جلوبندی_و_مکانیکی" class="sub-link">▸ جلوبندی و مکانیکی</a>
        </div>
        <a href="/wiki/Category:باطری‌سازی_و_برق_خودرو" class="sub-link">▸ باطری‌سازی و برق خودرو</a>
        <a href="/wiki/Category:کارواش" class="sub-link">▸ کارواش</a>
        <a href="/wiki/Category:تعویض_روغن" class="sub-link">▸ تعویض روغن</a>
        <a href="/wiki/Category:لاستیک_و_آپاراتی" class="sub-link">▸ لاستیک و آپاراتی</a>
        <a href="/wiki/Category:لوازم_یدکی_خودرو" class="sub-link">▸ لوازم یدکی خودرو</a>
        <a href="/wiki/Category:نمایشگاه_خودرو" class="sub-link">▸ نمایشگاه خودرو</a>
      </div>
    </div>


    <div class="cat-box">
        <!-- کارت نمونه 3 -->
      <a href="/wiki/Category:خدمات_ساختمان" class="cat-header">خدمات ساختمان</a>
        <div class="category-card science" style="background: white; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-right: 5px solid #54a0ff;">
      <div class="sub-links-list">
            <span class="card-title" style="font-weight: bold; color: #333; font-size: 16px;">فیزیک کوانتوم</span>
        <a href="/wiki/Category:مشاور_املاک" class="sub-link">▸ مشاور املاک</a>
            <span style="font-size: 13px; color: #555; background: #eff6ff; padding: 2px 10px; border-radius: 10px;">۵ مقاله</span>
        <a href="/wiki/Category:پیمانکار_ساختمان" class="sub-link">▸ پیمانکار ساختمان</a>
        </div>
        <a href="/wiki/Category:تاسیسات_ساختمان" class="sub-link">▸ تاسیسات ساختمان</a>
        <a href="/wiki/Category:برقکار" class="sub-link">▸ برقکار</a>
        <a href="/wiki/Category:لوله‌کش" class="sub-link">▸ لوله‌کش</a>
        <a href="/wiki/Category:نقاش_ساختمان" class="sub-link">▸ نقاش ساختمان</a>
        <a href="/wiki/Category:دکوراسیون_داخلی" class="sub-link">▸ دکوراسیون داخلی</a>
        <a href="/wiki/Category:مصالح_ساختمانی" class="sub-link">▸ مصالح ساختمانی</a>
      </div>
    </div>


    <div class="cat-box">
        <!-- کارت نمونه 4 -->
      <a href="/wiki/Category:خدمات_شهری_و_دولتی" class="cat-header">خدمات شهری و دولتی</a>
        <div class="category-card tech" style="background: white; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-right: 5px solid #16bd78;">
      <div class="sub-links-list">
            <span class="card-title" style="font-weight: bold; color: #333; font-size: 16px;">برنامه‌نویسی</span>
        <a href="/wiki/Category:شهرداری" class="sub-link">▸ شهرداری</a>
            <span style="font-size: 13px; color: #555; background: #f0fdf4; padding: 2px 10px; border-radius: 10px;">۲۵ مقاله</span>
        <a href="/wiki/Category:دفاتر_پیشخوان_دولت" class="sub-link">▸ دفاتر پیشخوان دولت</a>
        </div>
        <a href="/wiki/Category:پلیس_+۱۰" class="sub-link">▸ پلیس +۱۰</a>
        <a href="/wiki/Category:ادارات_دولتی" class="sub-link">▸ ادارات دولتی</a>
        <a href="/wiki/Category:دفاتر_خدمات_الکترونیک_شهر" class="sub-link">▸ دفاتر خدمات الکترونیک شهر</a>
        <a href="/wiki/Category:آتش‌نشانی" class="sub-link">▸ آتش‌نشانی</a>
        <a href="/wiki/Category:مراکز_امداد_و_نجات" class="sub-link">▸ مراکز امداد و نجات</a>
      </div>
    </div>


    <div class="cat-box">
        <!-- کارت نمونه 5 -->
      <a href="/wiki/Category:خرید_و_فروش" class="cat-header">خرید و فروش</a>
         <div class="category-card art" style="background: white; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-right: 5px solid #ff9f43;">
      <div class="sub-links-list">
            <span class="card-title" style="font-weight: bold; color: #333; font-size: 16px;">طراحی گرافیک</span>
         <a href="/wiki/Category:فروشگاه_مواد_غذایی" class="sub-link">▸ فروشگاه مواد غذایی</a>
            <span style="font-size: 13px; color: #555; background: #fff7ed; padding: 2px 10px; border-radius: 10px;">۱۰ مقاله</span>
        <a href="/wiki/Category:سوپرمارکت" class="sub-link">▸ سوپرمارکت</a>
        </div>
        <a href="/wiki/Category:میوه_و_تره‌بار" class="sub-link">▸ میوه و تره‌بار</a>
        <a href="/wiki/Category:پوشاک" class="sub-link">▸ پوشاک</a>
        <a href="/wiki/Category:کیف_و_کفش" class="sub-link">▸ کیف و کفش</a>
        <a href="/wiki/Category:لوازم_خانگی" class="sub-link">▸ لوازم خانگی</a>
        <a href="/wiki/Category:لوازم_دیجیتال" class="sub-link">▸ لوازم دیجیتال</a>
        <a href="/wiki/Category:موبایل_و_تلفن_همراه" class="sub-link">▸ موبایل و تلفن همراه</a>
        <a href="/wiki/Category:طلا_و_جواهر" class="sub-link">▸ طلا و جواهر</a>
        <a href="/wiki/Category:لوازم_آرایشی_و_بهداشتی" class="sub-link">▸ لوازم آرایشی و بهداشتی</a>
      </div>
    </div>


    <div class="cat-box">
      <a href="/wiki/Category:رستوران_و_مواد_غذایی" class="cat-header">رستوران و مواد غذایی</a>
      <div class="sub-links-list">
        <a href="/wiki/Category:رستوران" class="sub-link">▸ رستوران</a>
        <a href="/wiki/Category:فست‌فود" class="sub-link">▸ فست‌فود</a>
        <a href="/wiki/Category:کافه" class="sub-link">▸ کافه</a>
        <a href="/wiki/Category:آبمیوه_و_بستنی" class="sub-link">▸ آبمیوه و بستنی</a>
        <a href="/wiki/Category:شیرینی_و_قنادی" class="sub-link">▸ شیرینی و قنادی</a>
        <a href="/wiki/Category:نانوایی" class="sub-link">▸ نانوایی</a>
        <a href="/wiki/Category:کترینگ_و_تهیه_غذا" class="sub-link">▸ کترینگ و تهیه غذا</a>
        <a href="/wiki/Category:فروشگاه_مواد_غذایی" class="sub-link">▸ فروشگاه مواد غذایی</a>
      </div>
     </div>
     </div>
</div>


    <div class="cat-box">
<style>
      <a href="/wiki/Category:رسانه_و_ارتباطات" class="cat-header">رسانه و ارتباطات</a>
/* تنظیمات گرید اصلی */
      <div class="sub-links-list">
.category-grid {
        <a href="/wiki/Category:دفاتر_مخابراتی" class="sub-link">▸ دفاتر مخابراتی</a>
    display: grid;
        <a href="/wiki/Category:خبرگزاری_و_رسانه" class="sub-link">▸ خبرگزاری و رسانه</a>
    grid-template-columns: repeat(4, 1fr); /* ۴ ستون در دسکتاپ */
        <a href="/wiki/Category:چاپ_و_نشر" class="sub-link">▸ چاپ و نشر</a>
    gap: 12px;
        <a href="/wiki/Category:تبلیغات_و_بازاریابی" class="sub-link">▸ تبلیغات و بازاریابی</a>
}
        <a href="/wiki/Category:دفاتر_پست" class="sub-link">▸ دفاتر پست</a>
        <a href="/wiki/Category:کافی‌نت" class="sub-link">▸ کافی‌نت</a>
      </div>
    </div>


    <div class="cat-box">
/* حالت موبایل: ۲ ستون */
      <a href="/wiki/Category:سرگرمی_و_ورزش" class="cat-header">سرگرمی و ورزش</a>
@media (max-width: 768px) {
      <div class="sub-links-list">
    .category-grid {
        <a href="/wiki/Category:باشگاه_ورزشی" class="sub-link">▸ باشگاه ورزشی</a>
         grid-template-columns: repeat(2, 1fr);
        <a href="/wiki/Category:استخر" class="sub-link">▸ استخر</a>
    }
        <a href="/wiki/Category:مجموعه_تفریحی" class="sub-link">▸ مجموعه تفریحی</a>
}
        <a href="/wiki/Category:شهربازی" class="sub-link">▸ شهربازی</a>
         <a href="/wiki/Category:زمین_ورزشی" class="sub-link">▸ زمین ورزشی</a>
        <a href="/wiki/Category:فروشگاه_لوازم_ورزشی" class="sub-link">▸ فروشگاه لوازم ورزشی</a>
        <a href="/wiki/Category:آموزشگاه_ورزشی" class="sub-link">▸ آموزشگاه ورزشی</a>
      </div>
    </div>


    <div class="cat-box">
/* استایل‌ها */
      <a href="/wiki/Category:صنعت_و_تجارت" class="cat-header">صنعت و تجارت</a>
.category-card { transition: all 0.2s ease; cursor: pointer; }
      <div class="sub-links-list">
.category-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
        <a href="/wiki/Category:کارخانه" class="sub-link">▸ کارخانه</a>
.filter-btn:hover { opacity: 0.8; }
        <a href="/wiki/Category:کارگاه_تولیدی" class="sub-link">▸ کارگاه تولیدی</a>
        <a href="/wiki/Category:شرکت_بازرگانی" class="sub-link">▸ شرکت بازرگانی</a>
        <a href="/wiki/Category:تجهیزات_صنعتی" class="sub-link">▸ تجهیزات صنعتی</a>
        <a href="/wiki/Category:ماشین‌آلات" class="sub-link">▸ ماشین‌آلات</a>
        <a href="/wiki/Category:انبار_و_لجستیک" class="sub-link">▸ انبار و لجستیک</a>
      </div>
    </div>


    <div class="cat-box">
/* کلاس مخفی سازی برای حل مشکل جستجو */
      <a href="/wiki/Category:فناوری_اطلاعات" class="cat-header">فناوری اطلاعات</a>
.is-hidden {
      <div class="sub-links-list">
    display: none !important;
        <a href="/wiki/Category:شرکت_نرم‌افزاری" class="sub-link">▸ شرکت نرم‌افزاری</a>
}
        <a href="/wiki/Category:طراحی_سایت" class="sub-link">▸ طراحی سایت</a>
</style>
        <a href="/wiki/Category:فروشگاه_کامپیوتر" class="sub-link">▸ فروشگاه کامپیوتر</a>
        <a href="/wiki/Category:خدمات_شبکه" class="sub-link">▸ خدمات شبکه</a>
        <a href="/wiki/Category:امنیت_اطلاعات" class="sub-link">▸ امنیت اطلاعات</a>
        <a href="/wiki/Category:مراکز_داده" class="sub-link">▸ مراکز داده</a>
        <a href="/wiki/Category:تعمیرات_موبایل_و_کامپیوتر" class="sub-link">▸ تعمیرات موبایل و کامپیوتر</a>
      </div>
    </div>


    <div class="cat-box">
<script>
      <a href="/wiki/Category:مالی_و_حقوقی" class="cat-header">مالی و حقوقی</a>
// تابع فیلتر
      <div class="sub-links-list">
function filterSelection(event, category) {
        <a href="/wiki/Category:بانک" class="sub-link">▸ بانک</a>
    const cards = document.getElementsByClassName("category-card");
        <a href="/wiki/Category:موسسه_مالی_و_اعتباری" class="sub-link">▸ موسسه مالی و اعتباری</a>
    const buttons = document.getElementsByClassName("filter-btn");
        <a href="/wiki/Category:صرافی" class="sub-link">▸ صرافی</a>
        <a href="/wiki/Category:بیمه" class="sub-link">▸ بیمه</a>
        <a href="/wiki/Category:دفتر_اسناد_رسمی" class="sub-link">▸ دفتر اسناد رسمی</a>
        <a href="/wiki/Category:وکیل_و_مشاور_حقوقی" class="sub-link">▸ وکیل و مشاور حقوقی</a>
        <a href="/wiki/Category:حسابداری_و_مالیات" class="sub-link">▸ حسابداری و مالیات</a>
      </div>
    </div>


     <div class="cat-box">
     // ریست کردن دکمه‌ها
      <a href="/wiki/Category:مشاغل_خانگی_و_شخصی" class="cat-header">مشاغل خانگی و شخصی</a>
    for (let btn of buttons) {
      <div class="sub-links-list">
         btn.style.background = "#eee";
         <a href="/wiki/Category:خیاطی" class="sub-link">▸ خیاطی</a>
         btn.style.color = "black";
         <a href="/wiki/Category:آرایشگاه_زنانه" class="sub-link">▸ آرایشگاه زنانه</a>
    }
        <a href="/wiki/Category:آرایشگاه_مردانه" class="sub-link">▸ آرایشگاه مردانه</a>
    // فعال کردن دکمه کلیک شده
        <a href="/wiki/Category:خدمات_نظافت" class="sub-link">▸ خدمات نظافت</a>
    event.currentTarget.style.background = "#16bd78";
        <a href="/wiki/Category:پرستاری_و_مراقبت" class="sub-link">▸ پرستاری و مراقبت</a>
    event.currentTarget.style.color = "white";
        <a href="/wiki/Category:آتلیه_عکاسی" class="sub-link">▸ آتلیه عکاسی</a>
        <a href="/wiki/Category:گل‌فروشی" class="sub-link">▸ گل‌فروشی</a>
      </div>
    </div>


     <div class="cat-box">
     for (let card of cards) {
      <a href="/wiki/Category:مذهبی_و_اجتماعی" class="cat-header">مذهبی و اجتماعی</a>
        if (category === 'all') {
      <div class="sub-links-list">
            card.classList.remove("is-hidden");
         <a href="/wiki/Category:مسجد" class="sub-link">▸ مسجد</a>
         } else {
        <a href="/wiki/Category:حسینیه" class="sub-link">▸ حسینیه</a>
            if (card.classList.contains(category)) {
        <a href="/wiki/Category:هیئت_مذهبی" class="sub-link">▸ هیئت مذهبی</a>
                card.classList.remove("is-hidden");
        <a href="/wiki/Category:موسسات_خیریه" class="sub-link">▸ موسسات خیریه</a>
            } else {
        <a href="/wiki/Category:انجمن_و_تشکل" class="sub-link">▸ انجمن و تشکل</a>
                card.classList.add("is-hidden");
         <a href="/wiki/Category:کانون‌های_فرهنگی" class="sub-link">▸ کانون‌های فرهنگی</a>
            }
      </div>
         }
    </div>
    }
}


    <div class="cat-box">
// تابع جستجو
      <a href="/wiki/Category:کشاورزی_و_دامداری" class="cat-header">کشاورزی و دامداری</a>
document.getElementById('categorySearch').addEventListener('keyup', function() {
      <div class="sub-links-list">
    const searchValue = this.value.toLowerCase().trim();
        <a href="/wiki/Category:دامداری" class="sub-link">▸ دامداری</a>
    const cards = document.getElementsByClassName("category-card");
        <a href="/wiki/Category:مرغداری" class="sub-link">▸ مرغداری</a>
        <a href="/wiki/Category:گلخانه" class="sub-link">▸ گلخانه</a>
        <a href="/wiki/Category:فروشگاه_نهاده‌های_کشاورزی" class="sub-link">▸ فروشگاه نهاده‌های کشاورزی</a>
        <a href="/wiki/Category:ماشین‌آلات_کشاورزی" class="sub-link">▸ ماشین‌آلات کشاورزی</a>
        <a href="/wiki/Category:دامپزشکی" class="sub-link">▸ دامپزشکی</a>
      </div>
    </div>


     <div class="cat-box">
     for (let card of cards) {
      <a href="/wiki/Category:محیط_زیست_و_انرژی" class="cat-header">محیط زیست و انرژی</a>
         const titleElement = card.querySelector('.card-title');
      <div class="sub-links-list">
         const titleText = titleElement.innerText.toLowerCase();
        <a href="/wiki/Category:بازیافت" class="sub-link">▸ بازیافت</a>
        <a href="/wiki/Category:انرژی_خورشیدی" class="sub-link">▸ انرژی خورشیدی</a>
         <a href="/wiki/Category:تصفیه_آب" class="sub-link">▸ تصفیه آب</a>
         <a href="/wiki/Category:خدمات_محیط_زیستی" class="sub-link">▸ خدمات محیط زیستی</a>
        <a href="/wiki/Category:سوخت_و_انرژی" class="sub-link">▸ سوخت و انرژی</a>
      </div>
    </div>


  </div>
        if (titleText.includes(searchValue)) {
</div>
            card.classList.remove("is-hidden");
        } else {
            card.classList.add("is-hidden");
        }
    }
});
</script>




</html>
</html>

نسخهٔ کنونی تا ‏۷ اوت ۲۰۲۶، ساعت ۱۶:۱۷

هوش مصنوعی ۱۲ مقاله
نقاشی دیجیتال ۸ مقاله
فیزیک کوانتوم ۵ مقاله
برنامه‌نویسی ۲۵ مقاله
طراحی گرافیک ۱۰ مقاله