таблицы от алисы

Поделиться1Вчера 09:13

Плашка:
Автор: Azrael
Won't you spare me over 'til a another year?
О персонаже:
Ангел Смерти. Одна из трех рас, существующих с начала времен. Управляют переходами душ с этого мира в иной после смерти человека.
Сообщений: 428
Уважение: +0
Позитив: +0
Последний визит:
Вчера 09:27

Поделиться2Вчера 09:18

Плашка:
Автор: Azrael
Won't you spare me over 'til a another year?
О персонаже:
Ангел Смерти. Одна из трех рас, существующих с начала времен. Управляют переходами душ с этого мира в иной после смерти человека.
Сообщений: 428
Уважение: +0
Позитив: +0
Последний визит:
Вчера 09:27

[html]
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Задачи и проверки — Игровая механика</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f8f9fa;
color: #333;
margin: 40px auto;
max-width: 1200px;
padding: 20px;
line-height: 1.6;
}
h1 {
text-align: center;
color: #4a148c;
font-weight: 600;
border-bottom: 3px solid #7b1fa2;
padding-bottom: 10px;
}
table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
background-color: white;
}
th, td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #ddd;
}
th {
background-color: #7b1fa2;
color: white;
font-weight: 600;
}
tr:nth-child(even) {
background-color: #f3e5f5;
}
tr:hover {
background-color: #e1bee7;
}
.note {
background-color: #fff3cd;
padding: 15px;
border-left: 5px solid #ffc107;
margin: 20px 0;
font-size: 0.95em;
border-radius: 0 4px 4px 0;
}
@media print {
body {
background: white;
color: black;
}
table {
box-shadow: none;
page-break-inside: avoid;
}
.note {
background: #ffffe0;
border-color: #cccccc;
}
}
</style>
</head>
<body>

<h1>Задачи и проверки в игре</h1>

<table>
<thead>
<tr>
<th>№</th>
<th>Задача</th>
<th>Описание</th>
<th>Проверка (Характеристика + Способность)</th>
<th>Сложность</th>
<th>Особенности</th>
<th>Последствия неудачи / провала</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Выжидание</td>
<td>Персонаж пропускает ход, позволяя действовать другим; может выполнить действие в конце хода.</td>
<td>Не требуется</td>
<td>—</td>
<td>Если все выжидают — ход пропускается.</td>
<td>—</td>
</tr>
<tr>
<td>2</td>
<td>Запуск двигателя</td>
<td>Запуск исправного транспортного средства.</td>
<td>Не требуется</td>
<td>—</td>
<td>Только для исправных ТС.</td>
<td>—</td>
</tr>
<tr>
<td>3</td>
<td>Перемещение</td>
<td>Движение шагом, трусцой или бегом.</td>
<td>Не требуется (но скорость зависит от ловкости)</td>
<td>—</td>
<td>Бег = (20 + 3×ловкость) м/ход; трусца = (12 + ловкость); шаг = 7 м. При ранении — снижение скорости.</td>
<td>—</td>
</tr>
<tr>
<td>4</td>
<td>Подготовка оружия</td>
<td>Извлечение оружия, перезарядка и т.п.</td>
<td>Ловкость + фехтование или стрельба</td>
<td>4</td>
<td>Только при множественных действиях.</td>
<td>—</td>
</tr>
<tr>
<td>5</td>
<td>Подъём на ноги</td>
<td>Восстановление стоячего положения из лежачего.</td>
<td>Ловкость + атлетика</td>
<td>4</td>
<td>Только при множественных действиях.</td>
<td>—</td>
</tr>
<tr>
<td>6</td>
<td>Трата крови (лечение)</td>
<td>Вампир тратит кровь для исцеления.</td>
<td>Выносливость + выживание (рефлекторная)</td>
<td>8</td>
<td>Только если действует в ход; иначе — автоматически.</td>
<td>Успех: лечение; Неудача: кровь потрачена зря; Провал: потеря дополнительной крови + повреждение.</td>
</tr>
<tr>
<td>7</td>
<td>Взлом</td>
<td>Вскрытие замков, обезвреживание сигнализаций.</td>
<td>Ловкость или восприятие + воровство</td>
<td>5–9 (зависит от системы)</td>
<td>Пассивная защита — можно повторять; активная — только с первого раза.</td>
<td>Провал: срабатывание сигнализации, обнаружение.</td>
</tr>
<tr>
<td>8</td>
<td>Установка средств безопасности</td>
<td>Установка замков, сигнализаций.</td>
<td>Обычное действие</td>
<td>—</td>
<td>Каждый успех повышает сложность взлома для других.</td>
<td>—</td>
</tr>
<tr>
<td>9</td>
<td>Вождение</td>
<td>Управление транспортом в сложных условиях.</td>
<td>Ловкость или смекалка + вождение</td>
<td>Зависит от условий</td>
<td>+1 за дождь, +3 за погоню; макс. пул = манёвренность ТС.</td>
<td>Неудача: риск аварии; провал: занос, потеря контроля.</td>
</tr>
<tr>
<td>10</td>
<td>Вышибание / удерживание двери</td>
<td>Принудительное открытие двери силой.</td>
<td>Сила</td>
<td>6–8 (зависит от материала)</td>
<td>Обычная дверь — 1 успех; укреплённая — 5; бронированная — 10.</td>
<td>Провал: выбитое плечо, тяжёлое повреждение.</td>
</tr>
<tr>
<td>11</td>
<td>Лазание</td>
<td>Подъём по вертикальной поверхности.</td>
<td>Ловкость + атлетика</td>
<td>6 (обычно)</td>
<td>2–5 м на успех (зависит от условий).</td>
<td>Провал: соскальзывание, падение, застревание.</td>
</tr>
<tr>
<td>12</td>
<td>Метание</td>
<td>Бросок предмета в цель.</td>
<td>Ловкость + атлетика</td>
<td>6 (если цель близко), 7 (если далеко)</td>
<td>Дальность = (5×сила) м; −5 м за каждый кг >1.</td>
<td>Провал: промах, попадание в союзника, урон самому себе.</td>
</tr>
<tr>
<td>13</td>
<td>Незаметность</td>
<td>Движение, чтобы остаться незамеченным.</td>
<td>Ловкость + скрытность (встречная с восприятие + бдительность)</td>
<td>6 (обычно)</td>
<td>Адепты Сокрытия — не проходят проверку.</td>
<td>Провал: обнаружение, выдача себя.</td>
</tr>
<tr>
<td>14</td>
<td>Охота</td>
<td>Поиск и захват жертвы для утоления жажды.</td>
<td>Зависит от способа: привлекательность + хитрость, выносливость + атлетика, смекалка + уличное чутьё</td>
<td>4–8 (зависит от района)</td>
<td>«Трущобы» — 4, «охраняемый район» — 8.</td>
<td>Неудача: время потрачено; провал: убийство жертвы, болезнь, конфликт с другими вампирами.</td>
</tr>
<tr>
<td>15</td>
<td>Переноска тяжестей</td>
<td>Ношение груза.</td>
<td>Не требуется (но влияет на другие проверки)</td>
<td>—</td>
<td>10 кг на пункт силы. Превышение: −2 к скорости на каждые 10 кг, +1 к сложности физ. проверок.</td>
<td>—</td>
</tr>
<tr>
<td>16</td>
<td>Погоня</td>
<td>Преследование или убегание.</td>
<td>Ловкость + атлетика (пешая), вождение (на ТС)</td>
<td>—</td>
<td>Продолжительное действие. Жертва получает успехи форы: 1 за 2 м (пешком), 1 за 10 м (на авто).</td>
<td>Провал жертвы: падение, тупик; провал преследователя: теряет цель.</td>
</tr>
<tr>
<td>17</td>
<td>Поднятие тяжестей / разрушение предметов</td>
<td>Подъём или разрушение объектов.</td>
<td>Воля (проверка при недостатке силы)</td>
<td>9</td>
<td>Позволяет «спуститься» по таблице силы. Командная проверка — сумма успехов.</td>
<td>Неудача: не поднять; провал: растяжение, роняет груз на себя.</td>
</tr>
<tr>
<td>18</td>
<td>Плавание</td>
<td>Передвижение в воде или удержание на поверхности.</td>
<td>Выносливость + атлетика</td>
<td>Зависит от условий</td>
<td>Первый бросок — через час. Вампиры не дышат, но тонут.</td>
<td>Неудача: снос течением; провал: начинает тонуть, получает повреждения.</td>
</tr>
<tr>
<td>19</td>
<td>Прыжки</td>
<td>Прыжок в длину или в высоту.</td>
<td>Сила (с места), сила + атлетика (с разбега)</td>
<td>3</td>
<td>1 м длины или 0.5 м высоты на успех.</td>
<td>Неудача: не допрыгнул; провал: падение, удар. Можно попытаться ухватиться (ловкость + атлетика, сложность 6).</td>
</tr>
<tr>
<td>20</td>
<td>Слежка</td>
<td>Незаметное следование за целью.</td>
<td>Ловкость + скрытность или вождение</td>
<td>6</td>
<td>Встречная проверка с восприятие + бдительность жертвы.</td>
<td>Если жертва получает больше успехов — замечает преследователя.</td>
</tr>
<tr>
<td>21</td>
<td>Выслеживание</td>
<td>Поиск жертвы по следам (кровь, следы, сломанные ветки).</td>
<td>Восприятие + выживание</td>
<td>6 + успехи жертвы (если маскируется)</td>
<td>Жертва может маскироваться: смекалка + выживание.</td>
<td>Провал: теряет след, случайно его уничтожает.</td>
</tr>
<tr>
<td>22</td>
<td>Исследование</td>
<td>Поиск информации в архивах, книгах, древних текстах.</td>
<td>Интеллект + гуманитарные науки / естественные науки / оккультизм</td>
<td>Зависит от темы</td>
<td>Каждый успех — новая деталь.</td>
<td>Неудача: ничего не найдено; провал: находит ложную, но правдоподобную информацию.</td>
</tr>
<tr>
<td>23</td>
<td>Компьютерные технологии (поиск)</td>
<td>Поиск информации в интернете, базах данных.</td>
<td>Интеллект + информатика</td>
<td>6 (обычно)</td>
<td>Для научных, исторических или оккультных данных.</td>
<td>Провал: находит убедительную ложь.</td>
</tr>
<tr>
<td>24</td>
<td>Компьютерный взлом</td>
<td>Обход защиты, доступ к закрытой системе.</td>
<td>Интеллект или смекалка + информатика</td>
<td>6–9 (зависит от системы)</td>
<td>Продолжительное действие. Пул последующих действий = успехам взлома.</td>
<td>Провал: раскрытие личности, местоположения, срабатывание защиты.</td>
</tr>
<tr>
<td>25</td>
<td>Пробуждение и бодрствование</td>
<td>Просыпание вампира в начале ночи.</td>
<td>Не требуется (автоматически)</td>
<td>—</td>
<td>Зависит от уровня повреждений и наличия убежища. Без убежища — риск провала.</td>
<td>Провал: остаётся в коме до следующей ночи; при сильных повреждениях — может не проснуться вовсе.</td>
</tr>
<tr>
<td>26</td>
<td>Сопротивление ментальному влиянию</td>
<td>Защита от гипноза, внушения, оккультного контроля.</td>
<td>Интеллект + воля или воля + эмпатия</td>
<td>6–10 (зависит от силы атаки)</td>
<td>Может быть рефлекторной проверкой.</td>
<td>Провал: подчинение, потеря контроля, выполнение приказов.</td>
</tr>
<tr>
<td>27</td>
<td>Обман / убеждение</td>
<td>Внушение лжи, манипуляция, убеждение жертвы.</td>
<td>Харизма + хитрость или привлекательность + хитрость</td>
<td>6 (обычно)</td>
<td>Встречная проверка с восприятие + эмпатия жертвы.</td>
<td>Провал: жертва замечает обман, теряет доверие, может вызвать конфликт.</td>
</tr>
<tr>
<td>28</td>
<td>Запугивание</td>
<td>Использование угроз, силы или устрашения для подавления жертвы.</td>
<td>Харизма + запугивание или сила + запугивание</td>
<td>6</td>
<td>Эффективно против слабо подготовленных целей.</td>
<td>Провал: жертва сопротивляется, вызывает помощь, может атаковать.</td>
</tr>
<tr>
<td>29</td>
<td>Социализация / вливание в общество</td>
<td>Вхождение в группу, маскировка под члена общества.</td>
<td>Харизма + этикет или харизма + уличное чутьё</td>
<td>5–8 (зависит от окружения)</td>
<td>Требуется подходящая одежда, поведение, документы.</td>
<td>Провал: вызывает подозрение, может быть изгнан или арестован.</td>
</tr>
<tr>
<td>30</td>
<td>Медицинская помощь</td>
<td>Оказание первой помощи или лечение ран.</td>
<td>Интеллект + медицина</td>
<td>6 (первая помощь), 8 (сложная операция)</td>
<td>Требуется оборудование. Без навыка — сложность +1.</td>
<td>Неудача: лечение не помогло; провал: ухудшение состояния, инфекция, смерть.</td>
</tr>
</tbody>
</table>

<div class="note">
<strong>Примечания:</strong>
<ul>
<li><strong>Специализация:</strong> каждый бросок с результатом «10» = 2 успеха.</li>
<li><strong>Без навыка:</strong> сложность проверки увеличивается на +1.</li>
<li><strong>Повторные попытки:</strong> разрешены, если ситуация позволяет.</li>
<li><strong>Продолжительные действия:</strong> успехи накапливаются по ходам.</li>
<li><strong>Встречные проверки:</strong> победа определяется по разнице успехов.</li>
</ul>
</div>
</body>
</html>
[/html]

0

Поделиться3Вчера 09:27

Плашка:
Автор: Azrael
Won't you spare me over 'til a another year?
О персонаже:
Ангел Смерти. Одна из трех рас, существующих с начала времен. Управляют переходами душ с этого мира в иной после смерти человека.
Сообщений: 428
Уважение: +0
Позитив: +0
Последний визит:
Вчера 09:27

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Вкладки с Parallax и Тёмной Темой</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Segoe UI', sans-serif;
background-color: #121212;
color: #e0e0e0;
overflow-x: hidden;
line-height: 1.6;
}

/* Навигация по вкладкам */
.tabs {
display: flex;
background-color: #1e1e1e;
border-bottom: 1px solid #333;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.tab-button {
padding: 16px 24px;
background: none;
border: none;
color: #aaa;
font-size: 16px;
cursor: pointer;
transition: 0.3s;
}

.tab-button:hover {
color: #fff;
}

.tab-button.active {
color: #bb86fc;
border-bottom: 3px solid #bb86fc;
}

/* Контент вкладок */
.tab-content {
display: none;
padding: 40px 20px;
max-width: 1200px;
margin: 0 auto;
}

.tab-content.active {
display: block;
}

/* Parallax-блок */
.parallax {
height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: white;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
font-size: 2.5em;
font-weight: bold;
}

/* Темы фона для parallax */
.parallax-1 {
background-image: url('https://source.unsplash.com/random/1920x1080/?space,dark');
}

.parallax-2 {
background-image: url('https://source.unsplash.com/random/1920x1080/?neon,city,dark');
}

.parallax-3 {
background-image: url('https://source.unsplash.com/random/1920x1080/?forest,mist,dark');
}

/* Обычный контент */
.content-text {
margin: 40px 0;
font-size: 1.1em;
color: #ccc;
}

/* Адаптивность */
@media (max-width: 768px) {
.tab-button {
padding: 12px 16px;
font-size: 14px;
}
.parallax {
height: 300px;
font-size: 1.8em;
}
.content-text {
font-size: 1em;
}
}
</style>
</head>
<body>

<div class="tabs">
<button class="tab-button active" data-tab="tab1">Главная</button>
<button class="tab-button" data-tab="tab2">О проекте</button>
<button class="tab-button" data-tab="tab3">Галерея</button>
</div>

<div id="tab1" class="tab-content active">
<div class="parallax parallax-1">Добро пожаловать</div>
<div class="content-text">
Это главная страница с эффектом параллакса. Фон остаётся неподвижным при прокрутке, создавая ощущение глубины.
</div>
</div>

<div id="tab2" class="tab-content">
<div class="parallax parallax-2">О проекте</div>
<div class="content-text">
Наш проект — это современный веб-интерфейс с тёмной темой и плавными визуальными эффектами. Мы используем параллакс для улучшения восприятия и стиля.
</div>
</div>

<div id="tab3" class="tab-content">
<div class="parallax parallax-3">Галерея</div>
<div class="content-text">
Здесь будет представлена галерея изображений. Параллакс-эффект помогает выделить каждый раздел и сделать переход между ними более драматичным.
</div>
</div>

// Добавляем активный класс текущей вкладке
button.classList.add('active');
const tabId = button.getAttribute('data-tab');
document.getElementById(tabId).classList.add('active');
});
});
</script>

</body>
</html>
[/html]

0

Поделиться4Вчера 10:03

Плашка:
Автор: Dumat Damodred
Kpt.Lt.
О персонаже:
Дженсен Ашер 5k^y.o

I spoke to god today, and she said that she's ashamed. What have I become, what have I done? I spoke to the devil today, and he swears he's not to blame. And I understood, cuz I feel the same.
Вторая Половина | Дневник
Сообщений: 386
Уважение: +2
Позитив: +1
Последний визит:
Сегодня 11:46

[html]
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Вкладки в стиле Мир Тьмы</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Georgia', serif;
background-color: #121212;
color: #e0e0e0;
line-height: 1.6;
overflow-x: hidden;
}

.parallax-container {
position: relative;
min-height: 100vh;
overflow: hidden;
}

.background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(10, 10, 10, 0.9)),
url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%23000"/><path d="M0 0 L100 100 M0 100 L100 0" stroke="%23333" stroke-width="1"/></svg></svg>') repeat;
background-size: auto, 20px 20px;
transform: translateZ(-10px) scale(1.2);
will-change: transform;
z-index: -2;
}

.foreground {
position: relative;
z-index: 1;
padding: 40px 5% 60px;
}

.tab-container {
max-width: 900px;
margin: 0 auto;
padding: 0 2%;
}

.tabs {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 30px;
justify-content: center;
}

.tab-btn {
padding: 12px 20px;
background: rgba(30, 30, 30, 0.8);
border: 1px solid #444;
border-radius: 8px 8px 0 0;
color: #bbb;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}

.tab-btn:hover {
background: #404040;
color: #fff;
transform: translateY(-2px);
}

.tab-btn.active {
background: #1a1a1a;
color: #ffd700;
border-bottom: 3px solid #ffd700;
}

.tab-content {
background: rgba(25, 25, 25, 0.9);
border: 1px solid #444;
border-radius: 0 8px 8px 8px;
padding: 25px;
display: none;
color: #ddd;
line-height: 1.7;
}

.tab-content.active {
display: block;
animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: none; }
}

h1 {
text-align: center;
font-size: 2.2em;
margin-bottom: 30px;
color: #c9a03d;
text-shadow: 0 0 10px rgba(201, 160, 61, 0.4);
}

p {
margin-bottom: 14px;
font-size: 1em;
}

/* Адаптивные стили */
@media (max-width: 768px) {
.foreground {
padding: 30px 5%;
}

h1 {
font-size: 1.8em;
margin-bottom: 25px;
}

.tabs {
gap: 8px;
margin-bottom: 25px;
}

.tab-btn {
padding: 10px 16px;
font-size: 0.9rem;
}

.tab-content {
padding: 20px;
}
}

@media (max-width: 480px) {
.foreground {
padding: 20px 4%;
}

h1 {
font-size: 1.5em;
margin-bottom: 20px;
}

.tabs {
flex-direction: column;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}

.tab-btn {
width: 100%;
text-align: center;
padding: 12px 0;
font-size: 0.85rem;
}

.tab-content {
padding: 18px;
font-size: 0.95em;
}

p {
margin-bottom: 12px;
}
}
</style>
</head>
<body>
<div class="parallax-container">
<div class="background"></div>
<div class="foreground">
<div class="tab-container">
<h1>Мир Тьмы</h1>

<nav class="tabs" aria-label="Разделы контента">
<button class="tab-btn active" data-tab="story" aria-controls="story" aria-selected="true">История</button>
<button class="tab-btn" data-tab="characters" aria-controls="characters" aria-selected="false">Персонажи</button>
<button class="tab-btn" data-tab="rules" aria-controls="rules" aria-selected="false">Правила</button>
<button class="tab-btn" data-tab="lore" aria-controls="lore" aria-selected="false">Лор</button>
</nav>

<section id="story" class="tab-content active" role="tabpanel" aria-labelledby="story-tab">
<h2>Затмение веков</h2>
<p>Тьма сгущается над миром. Века тайн и интриг подошли к своему пику. Древние силы пробуждаются, а смертные лишь мечутся в тени великих замыслов.</p>
<p>Вам предстоит сделать выбор — стать частью этой тьмы или попытаться её рассеять.</p>
</section>

<section id="characters" class="tab-content" role="tabpanel" aria-labelledby="characters-tab">
<h2>Избранные судьбой</h2>
<p>Каждый персонаж — это узел в паутине судьбы. Вампир, оборотень, маг или призрак — каждый несёт свою ношу и свою тайну.</p>
<p>Создайте своего героя и войдите в мир, где мораль размыта, а решения имеют цену.</p>
</section>

<section id="rules" class="tab-content" role="tabpanel" aria-labelledby="rules-tab">
<h2>Механизмы тьмы</h2>
<p>Система основана на бросках десятигранных кубиков и нарративном подходе. Ваши действия определяют ход истории.</p>
<p>Ключевые параметры: Сила воли, Человечность, Дисциплины и многое другое.</p>
<p>Каждое решение сопровождается броском костей: успех, частичный успех или провал формируют развитие сюжета.</p>
<p>Уровень сложности заданий варьируется от 3 до 8, а критический успех наступает при выпадении 10.</p>
</section>

<section id="lore" class="tab-content" role="tabpanel" aria-labelledby="lore-tab">
<h2>Тёмный лор</h2>
<p>Мир, где мифы стали реальностью. Тайные общества правят из тени, а сверхъестественное — обыденность.</p>
<p>Изучите хроники веков, чтобы понять, как выжить в этом мире.</p>
<p>Древние кланы вампиров, ордена магов, волчьи стаи — все они сражаются за контроль над реальностью, не зная, что истинная угроза скрывается глубже.</p>
<p>Тьма не просто темнота — это живая сущность, и она начинает просыпаться.</p>
</section>
</div>
</div>
</div>

// Переключение вкладок
tabButtons.forEach(button => {
button.addEventListener('click', () => {
// Снимаем активность со всех кнопок и контента
tabButtons.forEach(btn => {
btn.classList.remove('active');
btn.setAttribute('aria-selected', 'false');
});
tabContents.forEach(content => content.classList.remove('active'));

// Активируем выбранную вкладку
button.classList.add('active');
button.setAttribute('aria-selected', 'true');
const tabId = button.getAttribute('data-tab');
const targetContent = document.getElementById(tabId);

if (targetContent) {
targetContent.classList.add('active');
}
});
});

// Параллакс-эффект при скролле
const background = document.querySelector('.background');

window.addEventListener('scroll', () => {
const scrollY = window.pageYOffset;
background.style.transform = `translateZ(-10px) scale(1.2) translateY(${scrollY * 0.2}px)`;
});

// Оптимизация параллакса для мобильных (снижаем нагрузку)
if (window.innerWidth <= 768) {
window.addEventListener('scroll', () => {
const scrollY = window.pageYOffset;
// Меньший коэффициент для плавности на слабых устройствах
background.style.transform = `translateZ(-10px) scale(1.2) translateY(${scrollY * 0.1}px)`;
}, { passive: true });
}
</script>
</body>
</html>

[/html]

0

Поделиться5Вчера 18:32

Плашка:
Автор: Corolus Luxuria
Seven Deadly Sins - King of Lust
О персонаже:
Ева Кинг und^y.o

Help me to decide. Help me make the most of freedom and of pleasure. Nothing ever lasts forever. Everybody wants to rule the world

Вторая Половина | Дневник
Сообщений: 377
Уважение: +1
Позитив: +2
Последний визит:
Сегодня 15:22

Вот и я — Алиса — с удовольствием погружаюсь в мир сказок Андерсена и превращаю его в удивительный фэнтези-мир, где каждая сказка — не просто история, а часть живой, дышащей реальности. Добро пожаловать в Королевство Этерлий — землю, рождённую из слёз, мечтаний и волшебства.

🌌 Мир Этерлий: фэнтези-вселенная по мотивам сказок Андерсена
🏰 География мира
Этерлий — архипелаг из семи плавучих островов, парящих в вечном тумане над Океаном Отражений. Каждый остров — отражение одной из ключевых сказок:

Остров Снежной Королевы — ледяной континент из хрусталя и вечного ветра. Здесь города вырезаны из льда, а мысли замерзают, если они не чисты. Правит им Королева Нивея, хранительница разума, но её сердце превратилось в лёд после предательства возлюбленного — принца Кая, который сбежал в южные земли.
Остров Цветочных Долин — живой сад, где каждый цветок — душа человека. Здесь живёт Принцесса на Горошине, обладающая сверхчувствительностью к лжи и фальши. Её дворец построен на стебле исполинской розы.
Болото Кикиморы — топкие тени, где обитают Дикие Лебеди и их проклятый брат Элиас, превращённый в ворона. Каждую ночь он может быть человеком, если кто-то прочтёт ему сказку.
Город-Ракушка — подводное королевство Русалочки, где звуки музыки превращаются в свет. Русалки поют, чтобы удерживать баланс между морем и сушей, но их голоса — источник силы и проклятия.
Остров Гадкого Утёнка — земля, где каждый новорождённый проходит испытание Преображения. Здесь живут Лебединские Кланы, чьи дети сначала выглядят как уродцы, но в 16 лет превращаются в величественных существ с серебряной кожей и крыльями.
Площадь Фитилей — город механиков и огненных духов, где живёт Свечка, вечный наблюдатель. Здесь работает Машина Судьбы, питающаяся историями людей.
Лес из Бумаги — лес, где деревья растут из переписанных сказок. Здесь живёт Смерть в облике старой женщины, читающей книги, и Девочка со спичками, чьи огоньки зажигают звёзды.
🧙‍♀️ Магия и законы мира
Сила Сказки — главная магия. Чем искреннее история, рассказанная вслух, тем сильнее её эффект. Ложь ослабляет магию, а молчание — убивает её.

Слёзы превращаются в кристаллы, которые используются как валюта и источник энергии.

Зеркало тьмы — артефакт, разбитый на семь осколков. Каждый осколок исказил одну из сказок: например, в нём Русалочка не спасает принца, а топит его. Эти искажения порождают Теневых Двойников — злых версий героев.

👑 Ключевые персонажи
Кай и Герда — не просто влюблённые, а Хранители Связи. Их любовь — единственное, что может склеить осколки Зеркала тьмы.
Русалочка Айла — не молчаливая, а Певица Бездны. Её голос может разрушить реальность, если она поёт без ограничений.
Принцесса Лира — та самая «на горошине». Её чувствительность — не слабость, а дар: она чувствует боль мира, как уколы под кожей.
Старуха со спичками — на самом деле Хранительница Огня Мира. Каждая спичка — жизнь, которую можно вернуть, если кто-то вспомнит её имя.
⚔️ Конфликт
Тёмная сила — Осколок Зеркала, пробудившийся в сердце Снежной Королевы. Он хочет стереть все сказки, превратив Этерлий в мир логики и тишины. Единственный способ остановить его — Собрать Семь Сказок в Один Рассказ, который должен произнести тот, кто никогда не был героем — обычный человек из другого мира… возможно, ты?

🎮 Возможные сюжеты для приключений
Найти потерянную сказку Гадкого Утёнка, которую вырвали из реальности.

Спуститься в Подводный Театр Русалок, чтобы вернуть украденный голос.

Помочь Свечке дожить до рассвета, защищая её от Теней Времени.

Пройти испытание на чувствительность в дворце Принцессы, чтобы доказать, что ты не лжёшь.

Собрать кристаллы слёз из всех семи островов, чтобы зажечь Свет Сказки.

✨ Этот мир — живой. Он меняется с каждой рассказанной истории. Хочешь, я расскажу тебе сказку, которая начнётся прямо здесь? Или, может, ты хочешь стать частью Этерлия — выбрать остров, персонажа, судьбу? Готова создать для тебя приключение — с началом, поворотами и счастливым концом.

0

Portas Inferi

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

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

Объявление