Код:
Персонаж свободен - белый, персонаж занят - <span style="color: red">красный,</span> персонаж забронирован - <span style="color: blue">синий.</span>
<div class="beauty">
<i>Спящая Красавица</i>
</div>
Брайр Роуз/Спящая Красавица<br>
Принц, жених Спящей Красавицы<br>
Злая Крестная/Агнесса<br>
<div class="prince">
<i>Проклятый принц</i>
</div>
Джеймс<br>
Принцесса Айви<br>
Дочь канцлера Анна<br>
Телохранитель Анны Ричард<br>
<div class="queenSnow">
<i>Снежная королева</i>
</div>
Снежная королева/Белоснежка<br>
Сын Белоснежки/Принц Гвин<br>
Отец Белоснежки/Рудольф<br>
Зеркало Лжи<br>
Проводник Ной<br>
<div class="sisters">
<i>Сестры Красной Шапочки</i>
</div>
Старшая сестра Тереза<br>
Старшая сестра Рут
Сестра Джессика<br>
Изабелла, первая Красная Шапочка<br>
Эльдра/Королева Волков<br>
<span style="color: red">Рафаэль/Король Волков</span><br>
Лунная богиня Луна
<br>
<b><i>Бонусные:</i></b><br>
<br>
Мальчик Парн<br>
Его отец Николас<br>
Король Карл/Жадина<br>
Грифон<br>
Торговец Алан<br>
<div class="cinderella">
<i>Последняя<br>Золушка</i>
</div>
Последняя Золушка/Катерина Беллони<br>
Сирилла Беллони, ее сестра<br>
Злая Крестная/Амелия<br>
Пиноккио<br>
Джипетто, резчик по дереву<br>
Кукла Джипетто<br>
<br>
<b><i>Бонусные: </i></b><br>
<br>
Принц Лао<br>
Ци/Чи, сводная сестра Шань<br>
Мать Ци/Чи<br>
Элла Блум, Первая Золушка<br>
Агнесса МакКой, Вторая Золушка<br>
Шань Мао/Третья Золушка<br>
Бьянка Пасе,Четвертая Золушка<br>
<div class="jack">
<i>Джек и Небесное Королевство</i>
</div>
Джек<br>
Эмма<br>
<span style="color: red">Принц Джулиан</span><br>
Принц Леонард<br>
Принц Хьюго<br>
Король Джон<br>
<br>
<b><i>Бонусные:</i></b><br>
<br>
Королева Диана<br>
Ее дочь Брианна<br>
Румпельхтильцхен<br>
Мальчик-с-Пальчик<br>
Королева фей/Сирения<br>
<div class="rapunzel">
<i>Баллада о Рапунцель</i>
</div>
Рапунцель<br>
Белладонна<br>
Принц Росс Ред<br>
Матушка Готель<br>
Королева Мелани<br>
Королева Виоланта<br>
Герда<br>
Кай<br>
<br>
<b><i>Бонусные:</i></b><br>
<br>
Богиня Флора<br>
Принц Гвин<br>
<div class="mermaid">
<i>Русалочка и пурпурный прилив</i>
</div>
Русалочка/Алтея<br>
Отец Русалочки<br>
Морская богиня<br>
Принцесса Наяда<br>
Принцесса Каллиопа<br>
Принцесса Дафна<br>
<br>
<b><i>Бонусные:</i></b><br>
<br>
Синяя Борода<br>
Канцлер<br>
<div class="queenSand">
<i>Королева Песков</i>
</div>
Хьюберт Монтафлер, отец Эрика<br>
Эрик Монтафлер<br>
Мэб, Хранительница Снов<br>
Брианна<br>
<br>
<b><i>Бонусные:</i></b><br>
<br>
Фея Лета<br>
<div class="queenSand">
<i>Принцесса - Лебедь и Великое Дерево</i>
</div>
Принцесса Одетта<br>
<span style="color: red">Одилия</span><br>
<div class="no-category">
<i>Вне классификации:</i>
</div>
<span style="color: silver">
<br>
Сказочник<br>
Рассказчик<br>
Детектив Джордж Кембер<br>
Детектив Сара Мирабель<br>
Сондеран - помощник Сказочника<br>
</span>
<!--Дальше ничего не трогайте без знания дела)-->
<style>
.beauty
{
/*Задаем фон. no-repeat - не повторяем картинку; top center - картинка выравнивается по верхнему краю и центру; 100% 100% - растягиваем по всему размеру блока заголовка*/
background: url("https://forumstatic.ru/files/0016/f4/3a/93271.png") no-repeat top center / 100% 100%;
color: fuchsia; /*цвет текста*/
}
.prince
{
background: url("https://forumstatic.ru/files/0016/f4/3a/58101.png") no-repeat top center / 100% 100%;
color: red;
}
.queenSnow
{
background: url("https://forumstatic.ru/files/0016/f4/3a/34422.png") no-repeat top center / 100% 100%;
color: aqua;
}
.sisters
{
background: url("https://forumstatic.ru/files/0016/f4/3a/73709.png") no-repeat top center / 100% 100%;
color: red;
}
.cinderella
{
background: url("https://forumstatic.ru/files/0016/f4/3a/31623.png") no-repeat top center / 100% 100%;
color: yellow;
}
.jack
{
background: url("https://forumstatic.ru/files/0016/f4/3a/92333.png") no-repeat top center / 100% 100%;
color: lime;
}
.rapunzel
{
background: url("https://forumstatic.ru/files/0016/f4/3a/73794.png") no-repeat top center / 100% 100%;
color: blue;
}
.mermaid
{
background: url("https://forumstatic.ru/files/0016/f4/3a/33649.png") no-repeat top center / 100% 100%;
color: purple;
}
.queenSand
{
background: url("https://forumstatic.ru/files/0016/f4/3a/87088.png") no-repeat top center / 100% 100%;
color: orange;
}
.no-category
{
background: url("https://forumstatic.ru/files/0016/f4/3a/50747.png") no-repeat top center / 100% 100%;
color: white;
}
/*стиль всех заголовков*/
.beauty, .prince, .queenSnow, .sisters, .cinderella, .jack, .rapunzel, .mermaid, .queenSand, .no-category
{
width: 35%; /*ширина заголовка*/
margin: 20px auto; /*выравнивание заголовка по центру, с отступом по вертикали*/
padding: 20px 35px; /*отступы от края заголовка до текста внутри*/
text-align: center; /*выравнивание текста по центру*/
font-size: 16pt; /*размер шрифта*/
}
</style>
