|
|
| (не показаны 2 промежуточные версии этого же участника) |
| Строка 16: |
Строка 16: |
| rect 163 250 780 436 [https://discord.gg/EExMAkr2TB Ссылка на Discord] | | rect 163 250 780 436 [https://discord.gg/EExMAkr2TB Ссылка на Discord] |
| </imagemap> | | </imagemap> |
|
| |
|
| |
|
| |
| <style>
| |
| .tab-buttons {
| |
| display: flex;
| |
| border-bottom: 1px solid #333;
| |
| }
| |
| .tab-button {
| |
| padding: 5px 10px;
| |
| cursor: pointer;
| |
| border: 1px solid #333;
| |
| border-bottom: none;
| |
| margin-right: 5px;
| |
| background-color: #1a1a1a;
| |
| color: #fff;
| |
| }
| |
| .tab-button.active {
| |
| background-color: #333;
| |
| border-top: 2px solid #4a90e2;
| |
| }
| |
| .tab-content {
| |
| display: none;
| |
| padding: 10px;
| |
| border: 1px solid #333;
| |
| background-color: #1a1a1a;
| |
| color: #fff;
| |
| }
| |
| .tab-content.active {
| |
| display: block;
| |
| }
| |
| </style>
| |
|
| |
| <div class="tab-buttons">
| |
| <div class="tab-button active" onclick="showTabContent('tab1')">Политическая</div>
| |
| <div class="tab-button" onclick="showTabContent('tab2')">Торговых магистралей</div>
| |
| </div>
| |
|
| |
| <div id="tab1" class="tab-content active">
| |
| [[File:Заглавная-Страница.png|300px]]
| |
| </div>
| |
| <div id="tab2" class="tab-content">
| |
| [[File:wikitwo.png|300px]]
| |
| </div>
| |
|
| |
| <script>
| |
| function showTabContent(tabId) {
| |
| // Убираем класс 'active' у всех вкладок и содержимого
| |
| document.querySelectorAll('.tab-button, .tab-content').forEach(function(el) {
| |
| el.classList.remove('active');
| |
| });
| |
|
| |
| // Добавляем 'active' к выбранной вкладке и содержимому
| |
| document.querySelector('.tab-button[onclick="showTabContent(\'' + tabId + '\')"]').classList.add('active');
| |
| document.getElementById(tabId).classList.add('active');
| |
| }
| |
| </script>
| |
