|
|
| (۱۵ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <html> | | <html> |
| <!-- استایل اختصاصی دستهبندی مشاغل --> | | <html> |
| | <!-- بخش استایلهای اختصاصی و واکنشگرا --> |
| <style> | | <style> |
| .wiki-category-container { | | .wiki-province-container { |
| direction: rtl; | | direction: rtl; |
| margin: 30px auto; | | margin: 5px auto; |
| max-width: 1200px; | | max-width: 1200px; |
| padding: 10px; | | padding: 10px; |
| font-family: Tahoma, Arial, sans-serif;
| |
| } | | } |
|
| | .wiki-province-grid { |
| .wiki-category-grid { | |
| display: grid !important; | | display: grid !important; |
| grid-template-columns: repeat(5, 1fr) !important; | | grid-template-columns: repeat(4, 1fr) !important; |
| gap: 15px !important; | | gap: 15px !important; |
| } | | } |
|
| | .wiki-province-card { |
| .category-group { | |
| display: flex;
| |
| flex-direction: column;
| |
| text-decoration: none !important;
| |
| transition: transform 0.2s ease, box-shadow 0.2s ease;
| |
| }
| |
| | |
| .main-card {
| |
| background: #ffffff; | | background: #ffffff; |
| border: 1.5px solid #8ee0d8; | | border: 1.5px solid #8ee0d8; /* رنگ پایه با ۲۵ درصد روشنایی بیشتر */ |
| border-radius: 8px 8px 0 0; | | border-radius: 8px; |
| padding: 12px 8px; | | padding: 15px 5px; |
| text-align: center; | | text-align: center; |
| | box-shadow: 0 2px 4px rgba(0,0,0,0.02); |
| | transition: all 0.3s ease; |
| | cursor: pointer; |
| color: #2d3748; | | color: #2d3748; |
| font-weight: bold; | | font-weight: 600; |
| font-size: clamp(12px, 1.1vw, 15px) !important; | | /* استفاده از clamp برای تغییر اندازه فونت پویا بین 14px تا 17px متناسب با عرض صفحه */ |
| border-bottom: none; | | font-size: clamp(14px, 1.2vw, 17px) !important; |
| box-shadow: 0 2px 4px rgba(0,0,0,0.02); | | |
| | /* جلوگیری از شکستن متن و دوخطی شدن */ |
| | white-space: nowrap !important; |
| | overflow: hidden !important; |
| | text-overflow: ellipsis !important; |
| | display: block !important; |
| } | | } |
| | | .wiki-province-card:hover { |
| .sub-categories-list { | | transform: translateY(-3px); |
| background: #f9fdfd; | | box-shadow: 0 4px 12px rgba(101, 195, 186, 0.15); |
| border: 1.5px solid #8ee0d8;
| | border-color: #65c3ba; /* تغییر رنگ به رنگ پایه در حالت هاور */ |
| border-top: none;
| | color: #65c3ba; |
| border-radius: 0 0 8px 8px; | |
| padding: 8px 12px;
| |
| margin: 0;
| |
| list-style: none; | |
| flex-grow: 1; | |
| } | | } |
| | | /* تنظیمات نمایشگر موبایل و تبلتهای کوچک */ |
| .sub-category-item { | | @media (max-width: 768px) { |
| color: #4a5568;
| | .wiki-province-grid { |
| font-size: 11px !important;
| | grid-template-columns: repeat(2, 1fr) !important; /* ۲ کادر در هر ردیف */ |
| margin-bottom: 4px; | | gap: 10px !important; |
| line-height: 1.4;
| | } |
| display: block;
| | .wiki-province-card { |
| text-align: right; | | padding: 12px 4px !important; |
| | /* در موبایل اندازه فونت به صورت پویا با توجه به عرض صفحه بین 10.5px تا 14.5px تغییر میکند */ |
| | font-size: clamp(10.5px, 3.5vw, 14.5px) !important; |
| | } |
| } | | } |
|
| |
| /* افکت هاور */
| |
| .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: 768px) { .wiki-category-grid { grid-template-columns: repeat(2, 1fr) !important; } }
| |
| </style> | | </style> |
| | <!-- بدنه اصلی ساختار دستهبندی استانها --> |
| | <div class="wiki-province-container"> |
| | <div style="text-align: center; margin-bottom: 15px;"> |
| | <h2 style="color: #2c3e50; border-bottom: 2px solid #65c3ba; display: inline-block; padding-bottom: 10px; font-weight: bold; font-size: 24px;"> دسته بندی موضوعی</h2> |
| | <p style="color: #7f8c8d; font-size: 14px; margin-top: 10px;">برای مشاهده کسبوکارها، موضوع مورد نظر خود را انتخاب کنید.</p> |
| | </div> |
| | <div class="wiki-province-container"> |
| | <div class="wiki-province-grid"> |
| | <a class="wiki-province-card" href="/wiki/مراکز_بهداشتی_و_درمانی">مراکز بهداشتی و درمانی</a> |
| | <a class="wiki-province-card" href="/wiki/پوشاک_خیاطی_و_مد">پوشاک، خیاطی و مد</a> |
| | <a class="wiki-province-card" href="/wiki/ادارات_و_خدمات_عمومی">ادارات و خدمات عمومی</a> |
| | <a class="wiki-province-card" href="/wiki/لوازم_خانه_و_دکوراسیون">لوازم خانه و دکوراسیون</a> |
| | <a class="wiki-province-card" href="/wiki/فناوری_دیجیتال_و_خدمات_اداری">فناوری، دیجیتال و خدمات اداری</a> |
|
| |
|
| <!-- بدنه اصلی -->
| | <a class="wiki-province-card" href="/wiki/حملونقل_باربری_و_لجستیک">حملونقل، باربری و لجستیک</a> |
| <div class="wiki-category-container">
| | <a class="wiki-province-card" href="/wiki/مواد_غذایی_و_خرید_روزمره">مواد غذایی و خرید روزمره</a> |
| <div class="wiki-category-grid"> | | <a class="wiki-province-card" href="/wiki/صنعت_تولید_و_کارگاه">صنعت، تولید و کارگاه</a> |
|
| | <a class="wiki-province-card" href="/wiki/طلا_جواهر_و_هدایا">طلا، جواهر و هدایا</a> |
| <!-- ۱. آموزش و پرورش -->
| | <a class="wiki-province-card" href="/wiki/ساختمان_املاک_و_تأسیسات">ساختمان، املاک و تأسیسات</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>
| |
| <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 class="wiki-province-card" href="/wiki/چاپ_نشر_و_تبلیغات">چاپ، نشر و تبلیغات</a> |
| <a href="/wiki/Category:پزشکان_و_متخصصین" class="category-group">
| | <a class="wiki-province-card" href="/wiki/کشاورزی_دام_و_شیلات">کشاورزی، دام و شیلات</a> |
| <div class="main-card">پزشکان و متخصصین</div>
| | <a class="wiki-province-card" href="/wiki/سفر_گردشگری_و_اقامت">سفر، گردشگری و اقامت</a> |
| <ul class="sub-categories-list">
| | <a class="wiki-province-card" href="/wiki/حقوق_و_دفاتر_رسمی">حقوق و دفاتر رسمی</a> |
| <li class="sub-category-item">• پزشک عمومی و مامایی</li>
| | <a class="wiki-province-card" href="/wiki/تجارت_بازرگانی_و_مرز">تجارت، بازرگانی و مرز</a> |
| <li class="sub-category-item">• متخصصین داخلی و جراحی</li>
| |
| <li class="sub-category-item">• دندانپزشکی و زیبایی</li>
| |
| <li class="sub-category-item">• رادیولوژی و آزمایشگاه</li>
| |
| </ul>
| |
| </a>
| |
|
| |
|
| <!-- ۴. پوشاک، خیاطی و مد -->
| | <a class="wiki-province-card" href="/wiki/هتل_مراسم_و_تشریفات">هتل، مراسم و تشریفات</a> |
| <a href="/wiki/Category:پوشاک،_خیاطی_و_مد" class="category-group">
| | <a class="wiki-province-card" href="/wiki/آموزش_و_پرورش">آموزش و پرورش</a> |
| <div class="main-card">پوشاک و مد</div>
| | <a class="wiki-province-card" href="/wiki/پزشکان_و_متخصصین">پزشکان و متخصصین</a> |
| <ul class="sub-categories-list">
| | <a class="wiki-province-card" href="/wiki/ورزش_بازی_و_تفریح">ورزش، بازی و تفریح</a> |
| <li class="sub-category-item">• خیاطی زنانه و مردانه</li>
| | <a class="wiki-province-card" href="/wiki/خدمات_منزل_و_نظافت">خدمات منزل و نظافت</a> |
| <li class="sub-category-item">• کیف، کفش و پوشاک</li>
| |
| <li class="sub-category-item">• سیسمونی و نوزاد</li>
| |
| <li class="sub-category-item">• مزون عروس و چرم</li>
| |
| </ul>
| |
| </a>
| |
|
| |
|
| <!-- ۵. تجارت، بازرگانی و مرز -->
| | <a class="wiki- province-card" href="/wiki/ زیبایی_و_آرایشی"> زیبایی و آرایشی</a> |
| <a href=" /wiki /Category:تجارت،_بازرگانی_و_مرز" class="category- group"> | | <a class="wiki- province-card" href="/wiki/ رستوران_کافه_و_پذیرایی"> رستوران، کافه و پذیرایی</a> |
| <div class="main-card">تجارت و بازرگانی</div>
| | <a class="wiki- province-card" href="/wiki/روانشناسان_و_مشاوره"> روانشناسان و مشاوره</a> |
| <ul class="sub-categories-list">
| | <a class="wiki- province-card" href="/wiki/ خودرو_و_موتورسیکلت"> خودرو و موتورسیکلت</a> |
| <li class="sub-category-item">• شرکتهای بازرگانی</li>
| | <a class="wiki- province-card" href="/wiki/ فرهنگ_هنر_و_رسانه"> فرهنگ، هنر و رسانه</a> |
| <li class="sub-category-item">• پیلهوران و ترخیصکار</li>
| | </div> |
| <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> | | </div> |
|
| |
|
| |
|
| </html> | | </html> |