Iconly/Curved/Arrow - Left 2Iconly/Curved/Arrow - CircleIconly/Curved/Arrow - SearchIconly/Curved/Arrow - cubeIconly/Curved/Arrow - checkIconly/Curved/Arrow - pieIconly/Curved/Arrow - plusIconly/Curved/Arrow - minusIconly/Curved/Arrow - heartIconly/Curved/Arrow - Arrow-downIconly/Curved/Arrow - WeatherIconly/Curved/Arrow - StarIconly/Curved/Home
logologo
در حال بارگذاری...
  • انگلیسی
    • انگلیسی
    • فرانسوی
    • اسپانیایی
  • 2

    سبد خرید

    • ساعت چند رنگ
      500
    • ایرپاد
      500.00
    • مجموع سفارش: ۱,۰۰۰.۰۰
    • مشاهده سبد خرید تسویه حساب
  • 4

    اطلاعیه‌ها مشاهده همه

    • ۱۰ اردیبهشت ۱۴۰۳امروز
      محسن

      مد و فشن باید جذاب و سرگرم‌کننده باشد و نباید صرفاً به عنوان موضوعی علمی یا فکری برچسب‌گذاری شود.

    • ۶ تیر ۱۴۰۳۱ ساعت پیش
      مارال

      اطمینان دارم که در سادگی نیز می‌توان شکوه و لوکس بودن را مشاهده کرد.

    • ۱۳ مرداد ۱۴۰۳امروز
      لیلا

      احساس می‌کنم رویدادها برای ایجاد فرصت‌های جدید اتفاق می‌افتند.

    • ۲۱ آبان ۱۴۰۳دیروز
      فریبا

      گاهی ساده‌ترین امور، عمیق‌ترین معنا را دارند.

  • نشانک

    • داشبورد
    • لیست وظایف
    • نمودار
  • 15

  • user
    آوا

    مدیر

    • حساب کاربری
    • صندوق ورودی
    • وظیفه
    • خروج
  • سنجاق‌شده
  • عمومی
  • داشبوردها
    3
    • پیش‌فرض
    • فروشگاه اینترنتی
    • آموزش
  • ویجت‌ها
    • عمومی
    • نمودار
  • طرح صفحه
    • طرح جعبه‌ای
    • راست به چپ
    • تاریک
  • برنامه
  • پروژه
    • لیست پروژه‌ها
    • ایجاد پروژه
  • مدیریت فایل
  • تابلو وظایف
  • فروشگاه اینترنتی
    • افزودن محصول
    • محصول
    • صفحه محصول
    • صفحه دسته‌بندی
    • لیست محصولات
    • جزئیات پرداخت
    • تاریخچه سفارش
    • فاکتورها
      • فاکتور 1
      • فاکتور 2
      • فاکتور 3
      • فاکتور 4
      • فاکتور 5
      • فاکتور 6
    • سبد خرید
    • لیست علاقه‌مندی
    • تسویه حساب
    • قیمت‌گذاری
  • صندوق پیام
  • چت
    • چت خصوصی
    • چت گروهی
  • کاربران
    • حساب کاربری
    • ویرایش کاربر
    • کارت‌های کاربران
  • علاقه مندی
  • مخاطبین
  • وظایف
  • تقویم
  • شبکه های اجتماعی
  • وظایف روزانه
  • جستجو
  • کامپوننت‌ها
  • دکمه‌ها
  • کیت‌های رابط کاربری
    • تایپوگرافی
    • آواتارها
    • هشدار
    • کلاس‌های کمکی
    • گرید
    • آکاردئون
    • تگ‌ها
    • مودال
    • پاپ‌اور
    • نوار پیشرفت
    • تب بوت‌استرپ
    • تولتیپ
    • منو کشویی
    • لیست
  • رابط کاربری پیشرفته
    • قابل اسکرول
    • نمای درختی
    • توست‌ها
    • امتیازدهی
    • Dropzone
    • تور
    • Sweetalert2
    • مودال انیمیشنی
    • اسلایدر
    • نوارها
    • صفحه‌بندی
    • مسیر پیمایش
    • اسلایدر محدوده
    • برش تصویر
    • کارت پایه
    • کارت خلاقانه
    • کارت قابل جابجایی
    • جدول زمانی
  • انیمیشن
    • کتابخانه AOS
    • کتابخانه WOW
  • آیکن‌ها
    • Fontawesome
    • Feather
    • Iconly
    • Themify
  • نمودارها
    • Apex Chart
    • نمودار گوگل
    • نمودار Sparkline
    • نمودار Flot
    • نمودار Knob
    • نمودار Morris
    • نمودار Chartjs
    • نمودار Chartist
    • نمودار Peity
  • جداول و فرم‌ها
  • فرم‌ها
    • کنترل فرم
      • ورودی پایه
      • اعتبارسنجی فرم
      • چک‌باکس و رادیو
      • گروه ورودی
      • ماسک ورودی
      • گزینه‌های پیشرفته
    • ویجت‌های فرم
      • Touchspin
      • Select2
      • سوئیچ
      • Typehead
      • کلیپ‌بورد
    • طرح‌بندی فرم
      • جادوگر فرم 1
      • جادوگر فرم 2
      • تأیید دو مرحله‌ای
  • جداول
    • جداول بوت‌استرپ
      • جداول پایه
      • کامپوننت‌های جدول
    • جداول داده
      • ابتدایی
      • پیشرفته
      • API
      • منابع داده
    • جداول داده نمونه
    • جدول Js Grid
  • صفحات
  • صفحه فرود
  • صفحه نمونه
  • بین‌المللی‌سازی
  • سایر صفحات
    • صفحات خطا
      • صفحه خطا 1
      • صفحه خطا 2
      • صفحه خطا 3
      • صفحه خطا 4
      • صفحه خطا 5
      • صفحه خطا 6
    • احراز هویت
      • ورود ساده
      • ورود با تصویر پس‌زمینه
      • ورود با تصویر ۲
      • ورود با اعتبارسنجی
      • ورود با راهنمای ابزار
      • ورود با هشدار زیبا
      • ثبت‌نام ساده
      • ثبت‌نام با تصویر پس‌زمینه
      • ثبت‌نام با تصویر ۲
      • جادوگر ثبت‌نام
      • باز کردن کاربر
      • فراموشی رمز
      • بازنشانی رمز
      • نگهداری
    • به‌زودی
      • ساده
      • با ویدئو پس‌زمینه
      • با تصویر پس‌زمینه
    • قالب‌های ایمیل
      • ایمیل ساده
      • ساده با هدر
      • قالب فروشگاه
      • قالب ایمیل ۲
      • ایمیل فروشگاه
      • سفارش موفق
  • متفرقه
  • گالری
    • گالری شبکه‌ای
    • گالری شبکه ی با توضیحات
    • گالری Masonary
    • گالری Masonary با توضیحات
    • افکت‌های هاور
  • وبلاگ
    • جزئیات وبلاگ
    • وبلاگ تکی
    • افزودن پست
  • سؤالات متداول
  • جستجوی شغلی
    • نمای کارت
    • نمای فهرست
    • جزئیات شغل
    • درخواست
  • آموزش
    • لیست آموزش‌ها
    • جزئیات آموزش
  • نقشه‌ها
    • کتابخانه Data map
    • نقشه وکتور
  • ویرایشگرها
    • ویرایشگر Quill
    • ویرایشگر ACE
  • پایگاه دانش
  • تیکت پشتیبانی

بین‌المللی‌سازی

  1. صفحات
  2. بین‌المللی‌سازی

بین‌المللی‌سازی

ناوبری فرعی ثابت
  • پایه
  • پیشرفته
    • قابل اسکرول
    • نمای درختی
    • امتیازدهی
  • فرم‌ها
  • جدول‌ها
ناوبری فرعی ثابت
  • پایه
  • پیشرفته
    • قابل اسکرولجدید
    • نمای درختییافت
    • امتیازدهی
  • فرم‌ها
  • جدول‌ها

چگونه استفاده کنیم

یک کلاس .hdg, .hdg_main, .js-languagePageHdg, .hList, .hList_loose, .masthead-nav, .js-languageList, .langChoice, .js-languageSelect را به هر تگ اضافه کنید تا ترجمه زبان فعال شود

یک پلاگین language-picker در JS اضافه کنید

کد HTML

 <div class="site">
<div class="site-bd">
<div class="wrapper">
<div class="card">
<div class="card-header">
<h5 class="hdg hdg_main js-languagePageHdg">بین‌المللی‌سازی</h5>
</div>
<div class="main" role="main">
<select class="langChoice js-languageSelect">
<option val="0">انگلیسی</option>
<option val="1">آلمانی</option>
<option val="2">روسی</option>
<option val="3">عربی</option>
</select>
</div>
<div class="card-body row">
<div class="col-lg-6">
<h5 class="hdg hdg_main js-languagePageHdg">ناوبری فرعی ثابت</h5>
<div class="masthead" role="banner">
<ul class="icon-lists border navs-icon hList hList_loose masthead-nav js-languageList">
<li><a href="#"><span>پایه</span></a></li>
<li><a href="#"><span>پیشرفته</span></a>
<ul class="hList hList_loose masthead-nav js-languageList">
<li class="ps-4"><a href="#"><span>قابل اسکرول</span></a></li>
<li class="ps-4"><a href="#"><span>نمای درختی</span></a></li>
<li class="ps-4"><a href="#"><span>امتیازدهی</span></a></li>
</ul>
</li>
<li><a href="#"><span data-mlr-text>فرم‌ها</span></a></li>
<li><a href="#"><span data-mlr-text>جدول‌ها</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

چگونه زبان اضافه کنیم

همچنین می‌توانید زبان‌های دیگر را طبق زیر در JS اضافه کرده و نوع زبان را در langChoice وارد کنید
var LANGUAGES = {
"English": {
"columns": [
"پایه",
"پیشرفته",
"قابل اسکرول",
"نمای درختی",
"امتیازدهی",
"اخبار",
"جدول‌ها",
"پایه",
"پیشرفته",
"قابل اسکرول",
"نمای درختی",
"امتیازدهی",
"اخبار",
"جدول‌ها"
],
"heading": "ناوبری فرعی ثابت",
},
"German": {
"columns": [
"Basis",
"Fortschritt",
"scrollable",
"Baumansicht",
"Die Einschaltquote",
"Nachrichten",
"Tische",
"Basis",
"Fortschritt",
"scrollable",
"Baumansicht",
"Die Einschaltquote",
"Nachrichten",
"Tische"
],
"heading": "Statisches U-Boot Nav",
},
"Russian": {
"columns": [
"Основа",
"Прогресс",
"прокручиваемый",
"Представление Дерева",
"Оценка",
"новости",
"Столы",
"Основа",
"Прогресс",
"прокручиваемый",
"Представление Дерева",
"Оценка",
"новости",
"Столы"
],
"heading": "Статический Sub Военно - морской",
},
"Arabic": {
"columns": [
"قاعدة",
"مقدما",
"التمرير",
"عرض الشجرة",
"تصنيف",
"أخبار",
"الجداول",
"قاعدة",
"مقدما",
"التمرير",
"عرض الشجرة",
"تصنيف",
"أخبار",
"الجداول"
],
"heading": "ناوبری فرعی ثابت",
}
};

کپی رایت ۲۰۲۵ © قالب ادمیرو

کلیه حقوق محفوظ است