فراغیب

الگو:صفحه اصلی/دسته بندی موضوعی: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<html>
<html>
<!-- بخش استایل‌های اختصاصی و واکنش‌گرا -->
<!-- استایل اختصاصی دسته‌بندی مشاغل -->
<style>
<style>
   .wiki-category-container {
   .wiki-category-container {
     direction: rtl;
     direction: rtl;
     margin: 40px auto;
     margin: 30px auto;
     max-width: 1400px;
     max-width: 1200px;
     padding: 10px;
     padding: 10px;
     font-family: tahoma, arial, sans-serif;
     font-family: Tahoma, Arial, sans-serif;
   }
   }
    
    
   .wiki-category-grid {
   .wiki-category-grid {
     display: grid !important;
     display: grid !important;
     grid-template-columns: repeat(5, 1fr) !important; /* ۵ ستونه در دسکتاپ */
     grid-template-columns: repeat(5, 1fr) !important;
     gap: 20px !important;
     gap: 15px !important;
   }
   }
    
    
خط ۲۰: خط ۲۰:
     flex-direction: column;
     flex-direction: column;
     text-decoration: none !important;
     text-decoration: none !important;
     transition: all 0.3s ease;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
   }
   }


خط ۲۶: خط ۲۶:
     background: #ffffff;
     background: #ffffff;
     border: 1.5px solid #8ee0d8;
     border: 1.5px solid #8ee0d8;
     border-radius: 8px 8px 0 0; /* فقط گوشه‌های بالا گرد */
     border-radius: 8px 8px 0 0;
     padding: 15px 10px;
     padding: 12px 8px;
     text-align: center;
     text-align: center;
     color: #2d3748;
     color: #2d3748;
     font-weight: bold;
     font-weight: bold;
     font-size: clamp(14px, 1.2vw, 17px) !important;
     font-size: clamp(12px, 1.1vw, 15px) !important;
     border-bottom: none;
     border-bottom: none;
     box-shadow: 0 2px 4px rgba(0,0,0,0.02);
     box-shadow: 0 2px 4px rgba(0,0,0,0.02);
خط ۴۱: خط ۴۱:
     border-top: none;
     border-top: none;
     border-radius: 0 0 8px 8px;
     border-radius: 0 0 8px 8px;
     padding: 10px;
     padding: 8px 12px;
     margin: 0;
     margin: 0;
     list-style: none;
     list-style: none;
    text-align: right;
     flex-grow: 1;
     flex-grow: 1;
   }
   }
خط ۵۰: خط ۴۹:
   .sub-category-item {
   .sub-category-item {
     color: #4a5568;
     color: #4a5568;
     font-size: clamp(10px, 0.9vw, 12px) !important;
     font-size: 11px !important;
     margin-bottom: 6px;
     margin-bottom: 4px;
     line-height: 1.5;
     line-height: 1.4;
     display: block;
     display: block;
    white-space: normal !important; /* اجازه شکستن خط برای زیردسته‌ها */
     text-align: right;
     text-align: justify;
  }
 
  .sub-category-item:last-child {
    margin-bottom: 0;
  }
 
  /* حالت هاور برای کل گروه */
  .category-group:hover .main-card {
    background-color: #65c3ba;
    color: #ffffff;
    border-color: #65c3ba;
  }
 
  .category-group:hover .sub-categories-list {
    background-color: #ffffff;
    border-color: #65c3ba;
   }
   }


   .category-group:hover .sub-category-item {
  /* افکت هاور */
    color: #2d3748;
  .category-group:hover .main-card { background-color: #65c3ba; color: #ffffff; }
  }
   .category-group:hover .sub-categories-list { background-color: #ffffff; }


  /* تنظیمات نمایشگر موبایل و تبلت */
   @media (max-width: 1024px) { .wiki-category-grid { grid-template-columns: repeat(3, 1fr) !important; } }
   @media (max-width: 1024px) {
   @media (max-width: 768px) { .wiki-category-grid { grid-template-columns: repeat(2, 1fr) !important; } }
    .wiki-category-grid {
      grid-template-columns: repeat(3, 1fr) !important;
    }
  }
 
   @media (max-width: 768px) {
    .wiki-category-grid {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 15px !important;
    }
   
    .main-card {
      padding: 12px 5px;
    }
  }
</style>
</style>


<!-- بدنه اصلی -->
<div class="wiki-category-container">
<div class="wiki-category-container">
   
    <div style="text-align: center; margin-bottom: 30px;">
        <h2 style="color: #2c3e50; border-bottom: 2px solid #65c3ba; display: inline-block; padding-bottom: 10px; font-weight: bold; font-size: 26px;">دسته‌بندی موضوعی مشاغل</h2>
        <p style="color: #7f8c8d; font-size: 15px; margin-top: 10px;">برای مشاهده کسب‌وکارها، حوزه فعالیت مورد نظر خود را انتخاب کنید.</p>
    </div>
     <div class="wiki-category-grid">
     <div class="wiki-category-grid">
          
          
         <!-- آموزش و پرورش -->
         <!-- ۱. آموزش و پرورش -->
         <a href="/wiki/Category:آموزش_و_پرورش" class="category-group">
         <a href="/wiki/Category:آموزش_و_پرورش" class="category-group">
             <div class="main-card">آموزش و پرورش</div>
             <div class="main-card">آموزش و پرورش</div>
             <ul class="sub-categories-list">
             <ul class="sub-categories-list">
                 <li class="sub-category-item">مهد
                 <li class="sub-category-item">• مهدکودک و پیش‌دبستانی</li>
                <li class="sub-category-item">• مدارس دولتی و آزاد</li>
                <li class="sub-category-item">• موسسات آموزش عالی</li>
                <li class="sub-category-item">• آموزش زبان و کامپیوتر</li>
                <li class="sub-category-item">• آموزش فنی و رانندگی</li>
            </ul>
        </a>
 
        <!-- ۲. ادارات و خدمات عمومی -->
        <a href="/wiki/Category:ادارات_و_خدمات_عمومی" class="category-group">
            <div class="main-card">ادارات و خدمات</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• ادارات دولتی و بانک‌ها</li>
                <li class="sub-category-item">• مراکز پست و پست بانک</li>
                <li class="sub-category-item">• پلیس +۱۰ و بیمه‌ها</li>
                <li class="sub-category-item">• موسسات خیریه</li>
            </ul>
        </a>
 
        <!-- ۳. پزشکان و متخصصین -->
        <a href="/wiki/Category:پزشکان_و_متخصصین" class="category-group">
            <div class="main-card">پزشکان و متخصصین</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• پزشک عمومی و مامایی</li>
                <li class="sub-category-item">• متخصصین داخلی و جراحی</li>
                <li class="sub-category-item">• دندانپزشکی و زیبایی</li>
                <li class="sub-category-item">• رادیولوژی و آزمایشگاه</li>
            </ul>
        </a>
 
        <!-- ۴. پوشاک، خیاطی و مد -->
        <a href="/wiki/Category:پوشاک،_خیاطی_و_مد" class="category-group">
            <div class="main-card">پوشاک و مد</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• خیاطی زنانه و مردانه</li>
                <li class="sub-category-item">• کیف، کفش و پوشاک</li>
                <li class="sub-category-item">• سیسمونی و نوزاد</li>
                <li class="sub-category-item">• مزون عروس و چرم</li>
            </ul>
        </a>
 
        <!-- ۵. تجارت، بازرگانی و مرز -->
        <a href="/wiki/Category:تجارت،_بازرگانی_و_مرز" class="category-group">
            <div class="main-card">تجارت و بازرگانی</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• شرکت‌های بازرگانی</li>
                <li class="sub-category-item">• پیله‌وران و ترخیص‌کار</li>
                <li class="sub-category-item">• انبارداری و وانت مرزی</li>
                <li class="sub-category-item">• واردات و صادرات</li>
            </ul>
        </a>
 
        <!-- ۶. چاپ، نشر و تبلیغات -->
        <a href="/wiki/Category:چاپ،_نشر_و_تبلیغات" class="category-group">
            <div class="main-card">چاپ و تبلیغات</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• چاپ و تکثیر و بنر</li>
                <li class="sub-category-item">• انتشارات و کافی‌نت</li>
                <li class="sub-category-item">• طراحی و کانون تبلیغاتی</li>
                <li class="sub-category-item">• مهرسازی و نوشت‌افزار</li>
            </ul>
        </a>
 
        <!-- ۷. حقوق و دفاتر رسمی -->
        <a href="/wiki/Category:حقوق_و_دفاتر_رسمی" class="category-group">
            <div class="main-card">حقوق و دفاتر</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• دفاتر اسناد رسمی</li>
                <li class="sub-category-item">• وکلا و مشاوران حقوقی</li>
                <li class="sub-category-item">• کارشناسان دادگستری</li>
                <li class="sub-category-item">• ثبت شرکت و ازدواج</li>
            </ul>
        </a>
 
        <!-- ۸. حمل‌ونقل و لجستیک -->
        <a href="/wiki/Category:حمل‌ونقل،_باربری_و_لجستیک" class="category-group">
            <div class="main-card">حمل‌ونقل و باربری</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• باربری و وانت‌بار</li>
                <li class="sub-category-item">• حمل‌ونقل بین‌المللی</li>
                <li class="sub-category-item">• انبار کالا و باسکول</li>
                <li class="sub-category-item">• ماشین‌آلات خاک‌برداری</li>
            </ul>
        </a>
 
        <!-- ۹. خدمات منزل و نظافت -->
        <a href="/wiki/Category:خدمات_منزل_و_نظافت" class="category-group">
            <div class="main-card">خدمات منزل</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• تعمیرات لوازم خانگی</li>
                <li class="sub-category-item">• قالیشویی و خشک‌شویی</li>
                <li class="sub-category-item">• اسباب‌کشی و باربری</li>
                <li class="sub-category-item">• نظافت و لوله‌بازکنی</li>
            </ul>
        </a>
 
        <!-- ۱۰. خودرو و موتورسیکلت -->
        <a href="/wiki/Category:خودرو_و_موتورسیکلت" class="category-group">
            <div class="main-card">خودرو و موتور</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• مکانیکی و تعمیرگاه</li>
                <li class="sub-category-item">• لوازم یدکی و تزئینات</li>
                <li class="sub-category-item">• کارواش و صافکاری</li>
                <li class="sub-category-item">• بنگاه خودرو و امداد</li>
            </ul>
        </a>
 
        <!-- ۱۱. رستوران و کافه -->
        <a href="/wiki/Category:رستوران،_کافه_و_پذیرایی" class="category-group">
            <div class="main-card">رستوران و کافه</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• رستوران و فست‌فود</li>
                <li class="sub-category-item">• کافی‌شاپ و بستنی</li>
                <li class="sub-category-item">• قنادی و شیرینی‌فروشی</li>
                <li class="sub-category-item">• کبابی و سنتی</li>
            </ul>
        </a>
 
        <!-- ۱۲. روانشناسان و مشاوره -->
        <a href="/wiki/Category:روانشناسان_و_مشاوره" class="category-group">
            <div class="main-card">روانشناسی</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• روانشناس و روانپزشک</li>
                <li class="sub-category-item">• مشاوره خانواده و ازدواج</li>
                <li class="sub-category-item">• مشاوره کودک و تحصیلی</li>
                <li class="sub-category-item">• کاردرمانی و گفتاردرمانی</li>
            </ul>
        </a>
 
        <!-- ۱۳. زیبایی و آرایشی -->
        <a href="/wiki/Category:زیبایی_و_آرایشی" class="category-group">
            <div class="main-card">زیبایی و آرایشی</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• آرایشگاه زنانه و مردانه</li>
                <li class="sub-category-item">• لیزر و خدمات پوست</li>
                <li class="sub-category-item">• کاشت مژه و تاتو</li>
                <li class="sub-category-item">• ماساژ و اسپا</li>
            </ul>
        </a>
 
        <!-- ۱۴. ساختمان و املاک -->
        <a href="/wiki/Category:ساختمان،_املاک_و_تأسیسات" class="category-group">
            <div class="main-card">ساختمان و املاک</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• بنگاه املاک و مهندسی</li>
                <li class="sub-category-item">• تأسیسات و لوله‌کشی</li>
                <li class="sub-category-item">• دکوراسیون و نقاشی</li>
                <li class="sub-category-item">• آهن‌آلات و آسانسور</li>
            </ul>
        </a>
 
        <!-- ۱۵. سفر و گردشگری -->
        <a href="/wiki/Category:سفر،_گردشگری_و_اقامت" class="category-group">
            <div class="main-card">سفر و گردشگری</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• آژانس و هتل‌داری</li>
                <li class="sub-category-item">• بوم‌گردی و اقامتگاه</li>
                <li class="sub-category-item">• اجاره خودرو</li>
                <li class="sub-category-item">• حمل‌ونقل شهری</li>
            </ul>
        </a>
 
        <!-- ۱۶. صنعت و تولید -->
        <a href="/wiki/Category:صنعت،_تولید_و_کارگاه" class="category-group">
            <div class="main-card">صنعت و تولید</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• کارخانجات صنعتی</li>
                <li class="sub-category-item">• کارگاه‌های تولیدی</li>
                <li class="sub-category-item">• تجهیزات صنعتی</li>
                <li class="sub-category-item">• بازیافت و ضایعات</li>
            </ul>
        </a>
 
        <!-- ۱۷. طلا و جواهر -->
        <a href="/wiki/Category:طلا،_جواهر_و_هدایا" class="category-group">
            <div class="main-card">طلا و جواهر</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• طلافروشی و جواهری</li>
                <li class="sub-category-item">• نقره و بدلیجات</li>
                <li class="sub-category-item">• ساعت‌فروشی</li>
                <li class="sub-category-item">• گل‌فروشی و هدایا</li>
            </ul>
        </a>
 
        <!-- ۱۸. فرهنگ و هنر -->
        <a href="/wiki/Category:فرهنگ،_هنر_و_رسانه" class="category-group">
            <div class="main-card">فرهنگ و هنر</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• عکاسی و فیلم‌برداری</li>
                <li class="sub-category-item">• موسیقی و تئاتر</li>
                <li class="sub-category-item">• کتابخانه و موزه</li>
                <li class="sub-category-item">• هنرکده و آموزش هنر</li>
            </ul>
        </a>
 
        <!-- ۱۹. فناوری و دیجیتال -->
        <a href="/wiki/Category:فناوری،_دیجیتال_و_خدمات_اداری" class="category-group">
            <div class="main-card">فناوری و دیجیتال</div>
            <ul class="sub-categories-list">
                <li class="sub-category-item">• خدمات کامپیوتر و شبکه</li>
                <li class="sub-category-item">• حسابداری و ترجمه</li>
                <li class="sub-category-item">• صرافی و خدمات ارزی</li>
                <li class="sub-category-item">• فروشگاه اینترنتی</li>
            </ul>
        </a>
 
    </div>
</div>




</html>
</html>
برگرفته از «https://fa.faraghaib.ir/wiki/الگو:صفحه_اصلی/دسته_بندی_موضوعی»