занятые внешности и имена

[hideprofile]
[html]<div class="page-wrapper">
<div class="page-bg">
<div class="title-card">

<div class="page-header">
<div class="page-title">Mirror of Erised</div>
<div class="page-subtitle">занятые внешности • занятые имена</div>
</div>

<div class="page-intro">
<div>
Магическое зеркало, демонстрирующее cамое сокровенные желание человека. А мы покажем в отражении закрепленные за профилями имена, фамилии и внешности. Если игрок разрешил дубль, запись имеет пометку <sup><b>d</b></sup>. Со списком придержанных и выкупленных можно ознакомиться в гостевой.
</div>
</div>

<div class="page-switch">
<div class="page-switch-item active" data-target="faces">Внешности</div>
<div class="page-switch-item" data-target="names">Имена</div>
</div>

<div class="page-column">
<div class="page-column-title">женские внешности</div>

<center><div class="page-row page-row-group"><span class="page-group-badge">a • b • c</span></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>

<div class="page-row page-row-group"><span class="page-group-badge"> d • e • f</span></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>

<div class="page-row page-row-group"><span class="page-group-badge">g • h • i</span></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>

<div class="page-row page-row-group"><span class="page-group-badge">j • k • l</span></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>

<div class="page-row page-row-group"><span class="page-group-badge">m • n • o</span></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>

<div class="page-row page-row-group"><span class="page-group-badge">p • q • r</span></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>

<div class="page-row page-row-group"><span class="page-group-badge">s • t • u</span></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>

<div class="page-row page-row-group"><span class="page-group-badge"> v • w • q</span></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>

<div class="page-row page-row-group"><span class="page-group-badge"> y • z</span></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
<div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div></center>
</div>

<div class="page-column"><div class="page-column-title">мужские внешности</div>

<div class="page-column">
<div class="page-column-title">женские имена</div>

<div class="page-column"><div class="page-column-title">мужские имена</div>

if (buttons.length === 0 || blocks.length === 0) return;

// Функция переключения
function openTab(targetId) {
// Скрываем все блоки
blocks.forEach(block => {
block.style.display = 'none';
});

// Убираем active у всех кнопок
buttons.forEach(btn => {
btn.classList.remove('active');
});

// Показываем нужный блок
const targetBlock = document.getElementById(targetId);
if (targetBlock) {
targetBlock.style.display = 'block'; // или 'grid', если у тебя grid
}

// Активируем кнопку
const activeBtn = document.querySelector(`.page-switch-item[data-target="${targetId}"]`);
if (activeBtn) {
activeBtn.classList.add('active');
}
}

// Навешиваем клики
buttons.forEach(btn => {
btn.addEventListener('click', function() {
const target = this.dataset.target;
if (target) {
openTab(target);
}
});
});

// Показываем первую вкладку при загрузке (ту, у которой .active)
const activeBtn = document.querySelector('.page-switch-item.active');
if (activeBtn && activeBtn.dataset.target) {
openTab(activeBtn.dataset.target);
} else if (buttons[0] && buttons[0].dataset.target) {
// если .active нет — открываем первую
openTab(buttons[0].dataset.target);
buttons[0].classList.add('active');
}
}

// Запускаем после загрузки DOM
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initTabs);
} else {
initTabs();
}
})();
</script>[/html]

hp: solace

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

занятые внешности и имена

Сообщений 1 страница 1 из 1

Поделиться1Вчера 17:04:41