3234
123435
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться12025-02-05 17:02:47
- Администратор
- пупа и лупа
- abacabaabacaba abacaba abacabaabacabaabacabaabacaba abacaba abacaba abacabaabacaba abacaba abacabaabacaba
- Сообщений: 16
- Уважение: +0
- Валюта:
100 - Последний визит:
2025-11-28 19:02:48
Поделиться22025-09-05 22:24:53
- Администратор
- пупа и лупа
- abacabaabacaba abacaba abacabaabacabaabacabaabacaba abacaba abacaba abacabaabacaba abacaba abacabaabacaba
- Сообщений: 16
- Уважение: +0
- Валюта:
100 - Последний визит:
2025-11-28 19:02:48
[html]
<link rel="stylesheet" href="https://forumstatic.ru/files/001c/64/a9/37637.css">
<div class="tab-wrapper">
<div class="tab-header">СПИСОК РОЛЕЙ</div>
<div class="tabs">
<ul class="tab-buttons" id="tabButtons">
<li data-tab="express" class="active">Звёздный экспресс</li>
<li data-tab="station">Космическая станция "Герта"</li>
<li data-tab="jarilo">Ярило-VI</li>
<li data-tab="xianzhou">Лофу Сяньчжоу</li>
<li data-tab="penacony">Пенакония</li>
<li data-tab="amphoreus">Амфореус</li>
<li data-tab="others">Остальные</li>
</ul>
<!-- Вкладки -->
<div class="tab-content active" data-tab-id="express">
<ul class="roles">
<li><b>Химеко | Himeko</b></li>
<li><b>Вельт Янг | Welt Yang</b></li>
<li><b>Стелла | Stelle</b></li>
<li><s>Келус | Caelus</s></li>
<li><b>Дань Хэн | Dan Heng</b></li>
<li><b>Март 7 | Marth 7th</b></li>
<li><b>Воскресенье | Sunday</b></li>
</ul>
</div>
<div class="tab-content" data-tab-id="station">
<ul class="roles">
<li>Арлан | Arlan</li>
<li>Аста | Asta</li>
<li><b>Дофан Си | Xi Duofang</b> <span class="oc">OC</span></li>
</ul>
</div>
<div class="tab-content" data-tab-id="jarilo">
<ul class="roles">
<li><b>Броня | Bronya</b></li>
<li><b>Зеле | Seele</b></li>
<li><b>Гепард | Gepard</b></li>
<li><i>Сервал | Serval</i></li>
<li>Рысь | Lynx</li>
<li><b>Клара | Clara</b></li>
<li><b>Лука | Luka</b></li>
<li>Наташа | Natasha</li>
<li>Пела | Pela</li>
<li>Хук | Hook</li>
<li><b>Волков Павел Михайлович | Volkov Pavel Mikhailovich <span class="oc">OC</span></b></li>
</ul>
</div>
<div class="tab-content" data-tab-id="xianzhou">
<ul class="roles">
<li><b>Лоча | Luocha</b></li>
<li><b>Цзин Юань | Jing Yuan</b></li>
<li>Фэйсяо | Feixiao</li>
<li><i>Фу Сюань | Fu Xuan</i></li>
<li>Байлу | Bailu</li>
<li>Хо-хо | Huo Huo</li>
<li><b>Цзинлю | Jingliu</b></li>
<li>Цзяоцю | Jiaoqiu</li>
<li>Моцзэ | Moze</li>
<li>Юньли | Yunli</li>
<li><i>Яньцин | Yanqing</i></li>
<li>Гуйнайфэнь | Guinaifen</li>
<li>Сушан | Sushang</li>
<li>Сюэи | Xueyi</li>
<li>Тинъюнь (Фуга) | Tingyun (Fugue)</li>
<li>Ханья | Hanya</li>
<li>Цинцюэ | Qingque</li>
<li>Юйкун | Yukong</li>
<li>Линша | Lingsha</li>
</ul>
</div>
<div class="tab-content" data-tab-id="penacony">
<ul class="roles">
<li>Зарянка | Robin</li>
<li>Миша | Misha</li>
<li>Галлахер | Gallagher</li>
<li>Мистер Река | Mr. Reca</li>
</ul>
</div>
<div class="tab-content" data-tab-id="amphoreus">
<ul class="roles">
<li><b>Аглая | Aglaea</b></li>
<li>Мидеймос | Mydeimos</li>
<li><i>Трибби | Tribbie</i></li>
<li><b>Фаенон | Phainon</b></li>
<li><b>Кастория | Castorice</b></li>
<li><b>Цифер | Cipher</b></li>
<li><b>Анаксагор | Anaxagoras</b></li>
<li>Гиацина | Hyacine</li>
<li><i>Гисиленса | Hysilens</i></li>
<li>Керидра | Cerydra</li>
</ul>
</div>
<div class="tab-content" data-tab-id="others">
<ul class="roles">
<li>
<div class="faction-title">КММ</div>
<ul class="faction-list">
<li><b>Авантюрин | Aventurine</b></li>
<li>Яшма | Jade</li>
<li><i>Топаз | Topaz</i></li>
<li><b>Клио | Clio <span class="oc">OC</span></b></li>
<li><b>Янош Хеликс Арьяни | Janosz <span class="oc">OC</span></b></li>
</ul>
</li>
<li>
<div class="faction-title">Недотёпы в масках</div>
<ul class="faction-list">
<li><b>Сампо Коски | Sampo Koski</b></li>
<li><b>Искорка | Sparkle</b></li>
</ul>
</li>
<li>
<div class="faction-title">Общество Гениев</div>
<ul class="faction-list">
<li><b>Скрюллум | Screwllum</b></li>
<li><b>Великая Герта | The Herta</b></li>
<li>Жуань Мэй | Ruan Mei</li>
</ul>
</li>
<li>
<div class="faction-title">Гильдия эрудитов</div>
<ul class="faction-list">
<li><b>Веритас Рацио | Veritas Ratio</b></li>
</ul>
</li>
<li>
<div class="faction-title">Галактические рейнджеры</div>
<ul class="faction-list">
<li><b>Бутхилл | Boothill</b></li>
<li><b>Раппа | Rappa</b></li>
</ul>
</li>
<li>
<div class="faction-title">Охотники за стеллароном</div>
<ul class="faction-list">
<li>Кафка | Kafka</li>
<li><b>Блэйд | Blade</b></li>
<li><b>Серебряный Волк | Silver Wolf</b></li>
<li><i>Светлячок | Firefly</i></li>
</ul>
</li>
<li>
<div class="faction-title">Самоуничтожители</div>
<ul class="faction-list">
<li><b>Ахерон | Acheron</b></li>
<li><b>Дирмед | Diarmud <span class="oc">OC</span></b></li>
</ul>
</li>
<li>
<div class="faction-title">Фикциологи истории</div>
<ul class="faction-list">
<li><b>Векс Кейданс | Vex Cadence <span class="oc">OC</span></b></li>
</ul>
</li>
<li>
<div class="faction-title">Сад Воспоминаний</div>
<ul class="faction-list">
<li><b>Чёрный Лебедь | Black Swan</b></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="tab-legend">
<span><b>Жирные</b> — занятые</span>
<span><i>Курсив</i> — нужные</span>
<span><s>Зачёркнутые</s> — недоступные</span>
<span class="oc">OC</span> — неканоны
</div>
</div>
<script>
const buttons = document.querySelectorAll(".tab-buttons li");
const contents = document.querySelectorAll(".tab-content");
buttons.forEach(button => {
button.addEventListener("click", () => {
const tabId = button.dataset.tab;
buttons.forEach(b => b.classList.toggle("active", b === button));
contents.forEach(c => c.classList.toggle("active", c.dataset.tabId === tabId));
});
});
</script>
[/html]
Поделиться32025-10-17 17:02:34
- Администратор
- пупа и лупа
- abacabaabacaba abacaba abacabaabacabaabacabaabacaba abacaba abacaba abacabaabacaba abacaba abacabaabacaba
- Сообщений: 16
- Уважение: +0
- Валюта:
100 - Последний визит:
2025-11-28 19:02:48
[hideprofile]
[html]
<link rel="stylesheet" href="https://forumstatic.ru/files/001c/64/a9/37639.css">
<div class="tab-wrapper">
<div class="tab-header">Список Ролей</div>
<div class="tabs">
<ul class="tab-buttons" id="tabButtons">
<li data-tab="mondstadt" class="active">Мондштадт</li>
<li data-tab="liyue">Ли Юэ</li>
<li data-tab="inazuma">Инадзума</li>
<li data-tab="sumeru">Сумеру</li>
<li data-tab="fontaine">Фонтейн</li>
<li data-tab="natlan">Натлан</li>
<li data-tab="snezhnaya">Снежная</li>
<li data-tab="nodkrai">Нод-Край</li>
<li data-tab="abyss">Бездна</li>
</ul>
<!-- Вкладки -->
<div class="tab-content active" data-tab-id="mondstadt">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Альбедо | Albedo <b>[акция]</b></li>
<li>Барбара | Barbara</li>
<li>Беннет | Bennett</li>
<li>Венти | Venti</li>
<li>Далия | Dahlia</li>
<li><b>Дилюк Рагнвиндр | Diluc Ragnvindr</b></li>
<li>Диона | Diona</li>
<li>Джинн Гуннхильдр | Jean Gunnhildr</li>
<li>Кли | Klee</li>
<li><b>Кэйа Альберих | Kaeya Alberich</b></li>
<li>Лиза Минчи | Lisa Minci <b>[акция]</b></li>
<li>Мика Шмидт | Mika Shmidt</li>
<li>Мона Мегистус | Mona Megistus</li>
<li>Ноэлль | Noelle</li>
<li>Розария | Rosaria</li>
<li>Рэйзор | Razor</li>
<li><b>Сахароза | Sucrose</b></li>
<li>Фишль | Fischl</li>
<li>Эмбер | Amber</li>
<li>Эола Лоуренс | Eula Lawrence</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li>...</li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="liyue">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Бай Чжу | Baizhu</li>
<li>Бэй Доу | Beidou</li>
<li>Гань Юй | Ganyu</li>
<li>Е Лань | Yelan</li>
<li>Ка Мин | Gaming</li>
<li>Кэ Цин | Keqing</li>
<li>Лань Янь | Lan Yan</li>
<li>Нин Гуан | Ningguang</li>
<li>Син Цю | Xingqiu <b>[акция]</b></li>
<li>Синь Янь | Xinyan</li>
<li>Сян Лин | Xiangling</li>
<li>Сянь Юнь | Xianyun</li>
<li>Сяо | Xiao</li>
<li>Ху Таo | Hu Tao</li>
<li>Ци Ци | Qiqi</li>
<li><b>Чжун Ли | Zhongli</b></li>
<li>Чун Юнь | Chongyun <b>[акция]</b></li>
<li>Шэнь Хэ | Shenhe</li>
<li>Юнь Цзинь | Yun Jin</li>
<li>Янь Фэй | Yanfei</li>
<li>Яо Яо | Yaoyao</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li>...</li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="inazuma">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Аратаки Итто | Arataki Itto</li>
<li>Горо | Gorou</li>
<li>Камисато Аяка | Kamisato Ayaka</li>
<li>Камисато Аято | Kamisato Ayato</li>
<li>Каэдэхара Кадзуха | Kaedehara Kazuha</li>
<li>Кирара | Kirara</li>
<li>Кудзё Сара | Kujou Sara</li>
<li>Куки Синобу | Kuki Shinobu</li>
<li>Мидзуки | Yumemizuki Mizuki</li>
<li>Наганохара Ёимия | Naganohara Yoimiya</li>
<li>Райден Эи | Raiden Ei <b>[акция]</b></li>
<li>Сангономия Кокоми | Sangonomiya Kokomi <b>[акция, срочно]</b></li>
<li>Саю | Sayu</li>
<li>Сиканоин Хэйдзо | Shikanoin Heizou</li>
<li>Тома | Thoma</li>
<li>Тиори | Chiori</li>
<li>Яэ Мико | Yae Miko <b>[акция]</b></li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li><b>Хошизора | Hoshizora</b></li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="sumeru">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li><b>Аль-Хайтам | Alhaitham</b></li>
<li><b>Апеп | Apep [NPC]</b></li>
<li>Дори | Dori</li>
<li>Дэхья | Dehya</li>
<li><b>Кавех | Kaveh</b></li>
<li>Кандакия | Candace <b>[акция]</b></li>
<li><b>Коллеи | Collei</b></li>
<li>Лайла | Layla</li>
<li>Нахида | Nahida</li>
<li>Нилу | Nilou</li>
<li><b>Сайно | Cyno</b></li>
<li>Сетос | Sethos <b>[акция]</b></li>
<li>Странник | Wanderer</li>
<li><b>Тигнари | Tighnari</b></li>
<li><b>Фарузан | Faruzan</b></li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li><b>Ноэ Гриму | Noe</b></li>
<li><b>Садальмелик | Sadalmelik</b></li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="fontaine">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Клоринда | Clorinde</li>
<li>Линетт | Lynette</li>
<li>Лини | Lyney</li>
<li>Навия | Navia <b>[акция]</b></li>
<li><b>Нёвилетт | Neuvillette</b></li>
<li><b>Ризли | Wriothesley</b></li>
<li><b>Сиджвинн | Sigewinne</b></li>
<li>Фремине | Freminet</li>
<li>Фурина | Furina</li>
<li>Шарлотта | Charlotte <b>[акция]</b></li>
<li><b>Шеврёз | Chevreuse</b></li>
<li>Эмилия | Emilie</li>
<li>Эскофье | Escoffier</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li><b>Виктуар Дежарден | Victoire Desjardins</b></li>
<li><b>Дени Монпансье | Denis Montpensier [NPC]</b></li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="natlan">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Вареса | Varesa</li>
<li>Иансан | Iansan</li>
<li>Ифа | Ifa</li>
<li>Качина | Kachina</li>
<li>Кинич | Kinich</li>
<li>Мавуика | Mavuika</li>
<li>Муалани | Mualani</li>
<li><b>Оророн | Ororon</b></li>
<li><b>Ситлали | Citlali</b></li>
<li>Часка | Chasca</li>
<li>Шилонен| Xilonen</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li><b>Юкан | Yukan</b></li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="snezhnaya">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Арлекино | Arlecchino</li>
<li><s>Коломбина | Columbina</s></li>
<li>Капитано | Il Capitano</li>
<li>Дотторе | Il Dottore</li>
<li><s>Синьора | La Signora</s></li>
<li><s>Панталоне | Pantalone</s></li>
<li><s>Пьеро | Pierro</s></li>
<li><s>Пульчинелла | Pulcinella</s></li>
<li><s>Сандроне | Sandrone</s></li>
<li>Тарталья | Tartaglia</li>
<li><s>Царица | Tsaritsa</s></li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li>...</li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="nodkrai">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Айно | Aino</li>
<li>Флинс | Flins</li>
<li>Инеффа | Ineffa</li>
<li>Лаума | Lauma</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li>...</li>
</ul>
</div>
</div></div>
<div class="tab-content" data-tab-id="abyss">
<div class="tab-columns">
<div class="tab-column">
<h3>Каноны</h3>
<ul class="roles">
<li>Дайнслейф | Dainsleif</li>
<li>Эндзё | Enjou</li>
<li>Скирк | Skirk</li>
</ul>
</div>
<div class="tab-column">
<h3>Неканоны</h3>
<ul class="roles">
<li>...</li>
</ul>
</div>
</div></div>
</div>
<div class="tab-legend">
<span>
✧ Занятые персонажи выделены <b>жирным</b>; <br>
✧ Придержанные персонажи выделены <i>курсивом</i>; <br>
✧ Если на персонажа есть акция, его имя подписано словом <b>[акция]</b>; <br>
✧ Имена персонажей, которые срочно требуются в игру, подписаны <b>[срочно]</b>; <br>
✧ Имена персонажей, которые не принимаются в игру, <s>зачёркнуты</s>; <br>
✧ Персонажи с пометкой <b>[NPC]</b> являются авторскими героями, которые появились в игре не на один пост и имеют влияние на сюжет.
<br><br>
✧ Все прочие персонажи свободны, их имена приведены для того, чтобы потенциальным игрокам было легче сориентироваться. <br>
✧ Имена занятых и акционных персонажей являются ссылками, ведущими на соответствующий профиль или акцию.
</span>
</div>
</div>
<script>
const buttons = document.querySelectorAll(".tab-buttons li");
const contents = document.querySelectorAll(".tab-content");
buttons.forEach(button => {
button.addEventListener("click", () => {
const tabId = button.dataset.tab;
buttons.forEach(b => b.classList.toggle("active", b === button));
contents.forEach(c => c.classList.toggle("active", c.dataset.tabId === tabId));
});
});
</script>
[/html]
Страница: 1
