بین المللی شدن
بین المللی شدن
ناوبری زیر استاتیک
ناوبری زیر استاتیک
نحوه استفاده از آن
یک کلاس.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.pb-0">
<h5 class="hdg hdg_main js-languagePageHdg">Internationalization</h5>
</div>
<div class="main" role="main">
<select class="langChoice js-languageSelect">
<option val="0">English</option>
<option val="1">German</option>
<option val="2">Russian</option>
<option val="3">Arabic</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> Base</span></a>
</li>
<li>
<a href="#"><span> Advance</span></a>
<ul class="hList hList_loose masthead-nav js-languageList">
<li class="pl-navs-inline"><a href="#"><span>Scrollable</span></a></li>
<li class="pl-navs-inline"><a href="#"><span>Tree View</span></a></li>
<li class="pl-navs-inline"><a href="#"><span>Rating</span></a></li>
</ul>
</li>
<li>
<a href="#"><span data-mlr-text> Forms</span></a>
</li>
<li>
<a href="#"><span data-mlr-text> Tables</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
نحوه اضافه کردن زبان
همچنین می توانید زبان دیگری را مطابق زیر در js اضافه کنید و نوع زبان را در langChoice اضافه کنیدvar
LANGUAGES = {
"English": {
"columns": [
"Base",
"Advance",
"scrollable",
"Tree View",
"Rating",
"News",
"Tables",
"Base",
"Advance",
"scrollable",
"Tree View",
"Rating",
"News",
"Tables"
],
"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": "صافي قيمة الأصول شبه الثابتة",
}
};
"English": {
"columns": [
"Base",
"Advance",
"scrollable",
"Tree View",
"Rating",
"News",
"Tables",
"Base",
"Advance",
"scrollable",
"Tree View",
"Rating",
"News",
"Tables"
],
"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": "صافي قيمة الأصول شبه الثابتة",
}
};