https://shikimori.one/Chortowod

Инструкция

Содержимое файлов с расширением .css копируется в специальный блок на шикимори, находяшийся в следующем месте:

Профиль -> Настройки -> вкладка "Внешний вид сайта".

Содержимое файлов с расширением .html копируется в блок "О себе", находящийся в следующем месте:

Профиль -> Настройки -> вкладка "Профиль". Необходимо переключить редактор в режим "Код", и затем вставлять.

Основное

CSS/main.css

Основной файл с пояснениями почти по каждому пункту. Разделено на блоки. Можно копировать полностью, можно частично: главное понимать, что и за что отвечает.
Удобно открыть в PhpStorm, чтобы можно было сворачивать блоки.

Гарем

HTML/Harem.html

Создание гарема в профиле с вкладками по содержимому. Для примера все персы оставлены, чтобы было проще разобраться, сравнивая с моим профилем.
Без файла CSS/main.css нормально работать не будет. Если нужна часть, связанная только с гаремом, то ищите в css файле блоки, связанные с гаремом, а именно:

ПРОФИЛЬ: ГАРЕМ
ПРОФИЛЬ: ГАРЕМ (КАРТИНКИ И ВЫДЕЛЕНИЕ)

Персонаж в углу

CSS/character_corner.css
HTML/CharacterCorner.html

Содержимое этих файлов работает только вместе. Добавляет персонажа в угол экрана со своими уникальными фразами. Оставлен готовый пример, который можно переделать, основываясь на том, что в моем профиле.