[html]<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.anketa {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
width: 690px;
background: Black;
background-image: url('https://forumstatic.ru/files/001c/89/a0/35701.jpg');
background-repeat: repeat-y;
background-position: top;
}
.infoblock {
display: flex;
background-color: #9ab9c0;
flex-direction: column;
flex-wrap: nowrap;
margin: -1em 6.05em 0 1.5em;
width: 650px;
padding-top: 1em;
}
.history {
display: block;
background-color: #a5c0c7;
border: 10px double #9ab9c0;
padding: 1em 1em;
margin: 8px;
font: 1.1em 'Roboto Condensed';
color: #15485a;
}
.shapka {
display: flex;
flex-wrap: nowrap;
position: relative;
left: 0;
width: 650px;
height: auto;
margin: 10px 0 10px 6px !important;
z-index: 999;
padding: 4em 1em 0 1em;
}
.avatar {
width: 200px;
height: 250px;
padding: 1em 1em 0.8em 0.5em;
}
h1 {
font: 2em 'Roboto Condensed' !important;
font-weight: 600 !important;
text-align: left;
text-transform: uppercase;
padding: 0.3em 0.3em 0 0.3em;
color: #15485a;
border-top: 1px solid #00848d;
border-left: 1px solid #00848d;
}
h2 {
font: 1.5em 'Roboto Condensed' !important;
font-weight: 600 !important;
letter-spacing: 0.1em;
text-align: right;
text-transform: uppercase;
color: #00848d;
border-bottom: 1px solid #00848d;
border-right: 1px solid #00848d;
padding-bottom: 0.2em;
padding-right: 0.5em;
}
h3 {
font: 1.3em 'Roboto Condensed' !important;
font-weight: 600 !important;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
color: #00848d;
border-bottom: 1px solid #00848d;
padding-left: 1.5em;
}
span {
font: 1.1em 'Roboto Condensed' !important;
text-align: left;
color: #15485a;
text-align: justify;
padding-right: 1em;
}
strong {
font: 1.1em 'Roboto Condensed' !important;
text-align: left;
color: #15485a!important;
font-weight: 600 !important;
}
body {font-family: Arial;}
/* Стиль вкладок */
.tab {
display: flex;
flex-direction: column;
width: auto;
background-color: #9ab9c0;
}
/* Стиль кнопок внутри вкладок */
.tab button {
background-color: #a5c0c7;
border: none;
cursor: pointer;
width: 56px;
height: 50%;
max-height: 150px;
font-size: 1em;
font: 1.3em 'Roboto Condensed' !important;
color: #15485a;
font-weight: 600 !important;
writing-mode: vertical-rl;
}
/* Изменение цвета фона кнопок при наведении курсора мыши */
.tab button:hover {
background-color: transparent;
text-align: center;
color: #00848d;
}
/* Создание активного/текущего класса связей вкладок */
.tab button.active {
background-color: #9ab9c0;
}
/* Стиль содержимого вкладки */
.tabcontent {
width: 100%;
height: auto;
display: none;
background-color: #9ab9c0;
padding: 6px 6px;
}
.tabprofile {
display: flex;
flex-direction: column;
justify-content: flex-start;
background-color: #a5c0c7;
border: 10px double #9ab9c0;
padding-left: 1em;
}
.profile {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.parametry {
display: flex;
flex-direction: column;
line-height: 1.1;
width: 100%;
}
/* Основной контейнер слайдера */
.slider {
width: 200px; /* Фиксированная ширина слайдера */
height: 250px; /* Фиксированная ширина слайдера */
overflow: hidden; /* Обрезаем всё, что выходит за границы контейнера */
position: relative; /* Необходимо для правильного позиционирования кнопок */
}
/* Контейнер всех слайдов */
.slides {
display: flex; /* Размещаем слайды в одну линию */
transition: transform 0.5s ease-in-out; /* Анимация плавного смещения */
}
/* Каждый отдельный слайд */
.slide {
width: 100%; /* Занимает всю ширину контейнера */
flex-shrink: 0; /* Запрещаем уменьшение размера слайдов */
}
/* Стили для изображений */
.slide img {
object-fit: cover;
width: 200px;
height: 250px;
display: block; /* Убираем пробелы вокруг изображений */
}
/* Кнопки «Назад» и «Вперёд» */
.prev, .next {
position: absolute; /* Позволяет располагать кнопки поверх слайдов */
top: 50%; /* Размещаем по вертикали по центру */
transform: translateY(-50%); /* Сдвигаем кнопки вверх на половину их высоты */
background: rgba(0, 0, 0, 0.3); /* Полупрозрачный фон кнопок */
color: rgba(255, 255, 255, 0.5); /* Белый цвет текста */
border: none; /* Убираем границы */
padding: 9.1em 3px; /* Отступы внутри кнопки */
cursor: pointer; /* Изменяем курсор на указатель */
font-size: 1em; /* Размер шрифта */
font-weight: normal; /* Делаем текст жирным */
z-index: 2; /* Размещаем кнопки выше всех элементов */
}
/* Позиционируем кнопку «Назад» слева */
.prev {
left: 0px;
}
/* Позиционируем кнопку «Вперёд» справа */
.next {
right: 0px;
}
</style>
</head>
<body>
<div class="anketa">
<div class="shapka">
<div id="Man" class="tabcontent">
<div class="tabprofile">
<div class="profile">
<div class="parametry">
<br> <h1>Алиса Кэрролл</h1>
<h2>Alice Carroll</h2>
<br>
<span>• <strong>ПОЛ: </strong>женский</span>
<br>
<span>• <strong>ДАТА РОЖДЕНИЯ: </strong>29.08.1996</span>
<span>• <strong>ДАТА ВСЕЛЕНИЯ: </strong>ХХ.ХХ.ХХХХ</span>
<span>• <strong>ВИЗУАЛЬНЫЙ ВОЗРАСТ: </strong>29 лет</span>
<br>
<span>• <strong>МЕСТО РАБОТЫ: </strong>лейбл Wonderland</span>
<span>• <strong>ДОЛЖНОСТЬ: </strong>глава лейбла, информатор</span>
</div>
<div class="avatar">
<div class="slider">
<!-- Контейнер, который содержит все слайды -->
<div class="slides">
<div class="slide"><img src="https://upforme.ru/uploads/001c/89/a0/38/917224.png"></div>
</div>
<!-- Кнопки управления слайдером -->
<button class="prev">❮</button> <!-- Кнопка «Назад» -->
<button class="next">❯</button> <!-- Кнопка «Вперёд» -->
</div>
</div>
</div>
<span>• <strong>ВНЕШНОСТЬ: </strong>League of legends | Evelynn</span>
<span>• <strong>РОСТ/ВЕС: </strong>179/ХХ • <strong>ЦВЕТ ВОЛОС/ГЛАЗ: </strong>блондинка/золотистые</span><br>
<span>Перед вами предстает красивая на вид высокая женщина с плавленным золотом в глазах, что заглядывает в саму душу, силясь навеки присвоить себе ее часть. Ухоженная мягкая кожа почти не бывает покрыта загаром, а потому сохранила то, что называют аристократической бледностью. На этот же аристократизм или породу могут намекать словно точеные черты лица. Прекрасно зная о каждом своем достоинстве, Алиса лишь подчеркивает его макияжем. Косметика — ее давний и большой друг, а потому она мастерски сможет нанести что едва заметный нюд, что эффектный вечерний макияж. Пухлый губы, часто растянутые в лисьей улыбке, покрыты помадой и скрывают ровный ряд зубов с заметными острыми клыками. Эффектные темные брови лишь делают взгляд выразительнее. Волосы… весьма переменчивая часть ее образа и ныне балом правил платиновый блонд с фиолетовым под тоном. Длиной до середины спины, они или распущены или собраны в высокие прически, открывающие вид на изящную шею. Переходя к телу, нельзя не отметить эффектную грудь, что лишь выразительнее кажется за счет точеной талии. Эта же талия вместе с вечно подобранной одеждой заставляет задержать взор на ягодицах. Женственная мягкость бок о бок идет с тренировками, а потому при прикосновении ощутимы мышцы. Поэтому за обманчивой хрупкостью как рук, что переходят в изящные тонкие запястья и ладони с пальцами пианистки, как длинных ног стоит возможность даже слишком эффектно дать отпор. Алиса выбирает крайне эффектные образы, что заставляют задерживать на ней взгляды.
<br><br>Голос ее, что в облике хтони, что в облике смертной приятен слуху и богат разными нотками и украшениями. Тренировки и его превратили в оружие, так что она способна пленить себе чужое внимание. <br> <br></span>
</div>
</div>
<div id="Hton" class="tabcontent">
<div class="tabprofile">
<div class="profile">
<div class="parametry">
<br><h1>Фантассия</h1>
<h2>демон 8-го круга</h2>
<br>
<span>• <strong>ВОЗРАСТ:</strong> 527 лет</span><br>
<span>• <strong>ПОЛ:</strong> женский</span><br>
<span>• <strong>ФРАКЦИЯ:</strong> Конвентум (Демоны)</span><br>
<span>• <strong>ДОЛЖНОСТЬ:</strong> саргат</span>
<br>
<span>• <strong>ВНЕШНОСТЬ:</strong> League of legends | Evelynn</span>
</div>
<img src="https://upforme.ru/uploads/001c/89/a0/38/421654.jpg" class="avatar" style="object-fit: cover;">
</div>
<span>В своем истинном облике Фантассия существует лишь когда на нее смотрят. Сгусток плотной черной тени, что всегда меняет свою форму становится более собранным у «ядра» — сверкающего во тьме цветом фуксии «сердца». Главное слабое место, оно тщательно оберегаемо демоницей, что, избегая драк с опасным противником, способна дымом просочиться в узкие щели ненадолго для этого даже разбивая на мелкие кусочки «сердце». Избегание все еще остается ее главной тактикой выживания. Но, став сильнее, она начала отстаивать себя с помощью зубов, когтей и хвостов, ведь они, как и сердце, являются вполне материальными и очень острые острые. Правда главным ее оружием является умение перевоплощаться. Оставаясь дымным силуэтом, видя субъект, с которым возможно взаимодействие, Фантассия способна превращать свое тело в подобие идеала смотрящего. Сохраняя признаки женской особи, она, смотря в глаза, подстраивает свое воплощение под желания того, кто ее видит, становясь силуэтом ожившей фантазии. Этот трюк используется ею, чтобы подобраться поближе и очаровать. Когда же цель этим будет обманута, постепенно, смотря все так же в глаза, она начинает воплощать худший кошмар, пугая. Или же сразу нападает, стараясь по разить свою цель. Учитывая переменчивость ее облика подобие его постоянства можно описать опираясь на то, как она выглядит в Бюро. Там, чаще всего, она является в облике женского силуэта. Ростом около 1.80 сантиметров, она имеет подобие серой кожи, что всегда идет дымкой и покрыта местами трещинами, через кои видео пурпурное сияние. Красивое лицо, золотистые глаза, приковывающие взгляд формы, что едва прикрыты более плотным и темным туманом, что формирует одежду. Из этого очарование выбиваются такие детали, как усеянная зубами пасть, длинные когти пурпурного цвета и два подвижных «хвоста», что растут из лопаток. Длинные, они выступают из лопаток и становятся шире к своим концам, являющие собой крупные не то когти, а то и вовсе крючья. Черты ее лица и формы постоянно чуть меняются, подстраиваясь под того, кто на нее смотрит. В моменты, когда на нее не смотрят люди, демоница, сохраняя свои пропорции, становится словно полностью сотканной из темно пурпурного дыма, черты лица становится более резкими, рот шире, на лбу появляется два крупных рога, глаза являют собой две сияющие цветом «сердца» бездны.
<br> <br></span>
</div>
</div>
<div class="tab">
<button class="tablinks" onclick="openProfile(event, 'Man')"id="defaultOpen">ОБОЛОЧКА</button>
<button class="tablinks" onclick="openProfile(event, 'Hton')">ХТОНЬ</button>
</div>
</div>
<div class="infoblock">
<div class="history">
<h3>Способность: Wonderland</h3><br>
<b>Описание:</b> Касаясь кого либо (лучший эффект, если затылка), Фантассия погружает цель в подобие иллюзии, где исполнились все мечты. Этот трип длится минут 10-15 и наполняет тело столь большой эйфорией, что весьма быстро есть необходимость испытать это чувство вновь. Лучше всего работает на людей, но, потратив большее количество сил, можно провернуть этот трюк и с хтонью. После парочки использований сил на конкретном индивиде, способна погружать в подобие этого состояния просто взглядом. Цель, попавшая под действие сил, может после видения получить сильную слабость, что длиться до часа-двух. Вялость, сонливость, спутанность в мыслях. Полукровки и Хтони в себя приходят быстрее (примерно 20-30 минут).<br><br>
<b>Ограничения/откаты:</b> Способность работает через касание и после — взглядом, если цель смотрит в глаза и находится на расстоянии нет дальше 20 метров. Спустя некоторое время после использования сил к головной боли добавляется сильная ломота в теле, так что сильный обезбол в сумке ее давний друг и товарищ. Никогда не использовала силы больше 2-3 раз в сутки <s>(Лимит использования 5, но об этом не знает)</s>. И, учитывая правила, предпочитает вовсе обходиться без них.
</div>
<br>
<div class="history">
<h3>История персонажа</h3><br>
<p align=right><i>Фантассия не любит «дом».<br>
Слабая, блеклая, ни на что не способная. Она и ныне помнит первые годы своей жизни, что всегда были «голодными». Не способная вначале себя даже защитить, демоница пользовалась любой лазейкой, дабы попасть в мир смертых, чтобы, заключив контракты, суметь стать чем-то. И, скопив эти силы с мизерным запасом, она перестала существовать с вопросом «как дожить до рассвета»? Теперь в запасе то и дело была неделя, а это вся жизнь.
<br>Имеющая облик и особенности, что приближают ее больше к 3 кругу, Фантассия, все же, была порождением Малебольге. Наблюдательность, хитрость, лесть, «услужливость». Все это — лишь инструменты, дабы подобраться ближе, расположить, стать доверенным лицом и той, коей скажут даже слишком многое, добровольно отдавая по каплям, что становятся потоком, наболевшее, секреты. Эта информация, подобно клинку, становилась оружие. Что-то можно использовать сразу. А где-то играть в долгую, пожиная плоды. Все это — череда ошибок, что были то и дело столь страшны, что путь приходилось начинать с самого начала. Падения многих ломают, но в этом случае — так ковалась сталь, превращающая ее не в жалкое порождение Нигиля, на которое, увидев лишь слабость, положили все что можно, но в весьма успешного саргата. Голодная и рисковая вначале, ныне Фантассия хищница, что умеет играть в долгую и быть той, которой отдают все и больше.</i></p>
Алиса Кэролл. Смешное имя и явный псевдоним, что берет себе девушка, приезжающая в город за мечтой. Официантка в прошлом, с горящими глазами та копила на билет сюда и квартиру, уверенная в том, что ее ждет светлое будущее. Родные всегда ей говорили, что она хорошенькая и талантливая. Возможно это и вправду было так… но таких хорошеньких и талантливых в городе было дофига и больше. И в те первые месяцы ей не хватало банально смелости себя отстоять. Разбитая, подавленная, гуляя по улицам города, Алиса находит объявление о работе уборщицей за весьма неплохие деньги. Не чуя подвоха, она соглашается… и жизнь идет под откос. Испорченная, приниженная, запуганная. Она уже не могла вернуться назад и все еще мечтала о сцене. Леди удача подарила ей улыбку, принеся на хвосте весточку о том, что в одно из заведений на улице красных фонарей набирают новых девочек. Почти угасающая… искорка разразилась пламенем, стоило подуть правильному ветру.<br>
<br><p align=right><i>Бедная, несчастная, почти сломленная мечтательница. Играя этот образ демоница была весьма убедительной. Люди верили не слезам и ее плачу. Ее жалели. И, то и дело, от этой жалости соглашались сыграть в странную игру на желания. Осторожная, Фантассия приносила в Бюро необходимый минимум, закладывая фундамент.</i></p>
Алисе 23. Она уже не наивная девчушка. Она — дорогая девочка, на выступления которой приходят смотреть люди. Бурлеск. Танцы у шеста. Стриптиз. Вокал. У нее много поклонников, что обещают ей горы, но важен был один. Мужчина с сединами у висков, что, заходя сюда, в суматохе вечера прятал кольцо, убегая от проблем в окружении прелестниц и в компании с неизменным виски. Джозеф Волрич разбогател, получив крупную денежную сумму в наследство от отца. Так от нерадивого транжиры откупились, запросив расписать на бумаге, что в дела фирмы он не лезет. Получая дивиденды, Джозеф вел обманчиво роскошную жизнь, мечтая однажды стать тем, кого будут с благодарностью поминать в песнях. Алиса видела, как он на нее смотрит. И Алиса влюбилась в того, кто был готов положить к ногам мир и воплотить ее мечту. Танцевать словно только для него. Петь словно только для него. Все чаще Джозеф забирает ее даже не на сутки, а дольше. А после вперед него в бордель входит сумка с деньгами и ее выкупают. Она больше не дорогая проститутка. Она теперь восходящая звезда, рядом с которой обожающий ее продюсер.<br>
<br><p align=right><i>Джозеф — ублюдок с пивным животом, которого купить было легче, чем сходить в супермаркет. Но здесь игра была в долгую. И первым было заставить его думать, что он для нее весь мир… хотя на самом деле все вскоре будет наоборот. </i></p>
Годы у шеста дают свои плюсы. Гибкая, сильная, словно лишенная стыда, все еще хорошая вокалиста. За первым дебютным альбомом, что выстреливает, идут концерты, где было устроено настоящее имя. Провокационные обложки, фотосеты. Кэрролл видела цель, не видя после препятствия и, желая в отблагодарить за этот шанс мужчину, что достал ее со дна. Она была ему верна и преданна, выполняла любое пожелание и фетиш. Она была хорошей девочкой на публике и словно (ха-ха) дьяволицей в постели. Брак Джозефа летит по швам. Шумный развод, где бывшая жена хотела отхватить все и больше. Но теперь уже Алиса приходит на помощь, вытаскивая из своих контактов имя того, что помог снизить потери. Ударом стало то, что не став мириться с этим, семья лишает мужчину дивиденд. И тогда девушка предлагает, дабы успокоить разбитого любовника, заключить между ними шуточный контракт. За три года они создадут бренд, студию, лейбл и получат золотую пластинку, его имя будет на устах и денег будет столько, что он легко уйдет на покой. Джозеф искренне этого хотел и верил ей. А она была лишь рада порадовать того, кто помог ей.<br>
<br><p align=right><i>Бинго. Рыбка на крючке. Крупный контракт и терпеть надо всего 3 года, в течении которых с их стороны даже были шаги, сделавшие успех и взлет не слишком случайным. Но им повезло. А клубок связей рос все больше. </i></p>
Они назвали созданный с нуля Лейбл «Wonderland”. Все реже Алиса, принесшая им изначальное узнавание и славу выступает сама. Да, за ее спиной к тому моменту 3 альбома и пара треков, что задержались в чартах надолго. Но теперь она стала для своего мужчины надежным партнером не только в постели. Проявляя чудеса харизмы и хватку, Кэрролл не могла нарадоваться мужчину, который, слушая советы адвокатов, записывает на нее все. Лейбл. Недвижимость. Машины. Небольшой бренд лаков для ногтей и духи. Их слоган — “Follow the White Rabbit”. На ее шее татуировка этого самого кролика. Они срывают джек-пот, раскопав буквально из ниоткуда талантливых ребят, что были готовым продуктом и что нуждались лишь в капельке помощи. Громом среди ясного неба молодые, дерзкие, яркие и такие пока простые, неиспорченные, ори любимцы критиков и публики. Они делают им имя. Они дают им Золотую Пластинку и номинации. В треке, что звучал в миг, когда Джозеф, что гнал по шоссе, пока его ублажала дешевая подстилка, звучит его имя. Кажется мужчина был настолько счастлив, что у того случается внезапный приступ. Машина в гармошку. Люди словно в мясорубку. Но Джозефа что-то держало. Он умер спустя пару дней в больнице, держа Алису за руку, умоляя простить. Почему-то — умоляя дать больше времени. Писк аппаратов и громкие женский крик "Врача" были ему ответом.<br>
<br><p align=right><i>Терпение вознаграждено. Годы спектакля дали Фантассии все и больше. А главное — доступ почти что к конвейеру.</i></p>
Алиса не долго лила слезы. Показывая клыки и свой внезапный для многих железные стержень, из приложения она стала личностью. Красивая, уверенная в себе, статная, Кэрролл делает себе имя и заставляет с ней считаться. Разумно используя каждую доставшуюся ей монету, «Железная Леди» рвала за своих , выбивая им выгодные контракты и условия. У нее есть связи. Она знает с кем можно и о чем договариваться. Знает, где можно скалить зубы, а где идти на уступки. И сохраняет лицо лейбла, сколотив за годы сильную команду. Теперь не ноунейм. Теперь те, к кому хотят попасть. И те, кто все еще помнят, кто Джозефа, коего поминают в треках.<br>
<br><p align=right><i>Wonderland сейчас — почти кукольный домик, что стало ее плацдармом. Люди сами приходят к ней, готовые изначально заключать контракты на особых условиях. Раскрутить их после на подписание еще одной бумажки, где ценой стоит душа, даже слишком легко. Ведь к тому моменту она часто — центр их мира и единственная возможность выбраться со дна. В ее руках — ниточки, ведущие в самые разные места. Далеко не все из ее талантов имеют громкие имена. Но эти таланты порой шепчут ей что-то, что позволяет оказываться «вовремя» где-либо. Удача, скажут завистники. Многолетний труд и грязная игра шепнет на ухо Фантассия прежде, чем закрыть багажник. </i></p>
</div> </div>
</div>
<script>
function openProfile(evt, Face) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(Face).style.display = "block";
evt.currentTarget.className += " active";
}
//Делаем активной одну вкладку
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
// Находим контейнер со слайдами
const slides = document.querySelector('.slides');
// Определяем количество слайдов
const slideCount = document.querySelectorAll('.slide').length;
// Находим кнопки «Назад» и «Вперёд»
const prevButton = document.querySelector('.prev');
const nextButton = document.querySelector('.next');
let currentIndex = 0; // Переменная для хранения текущего слайда
// Функция смены слайдов
function goToSlide(index) {
if (index < 0) {
index = slideCount - 1; // Если нажали «Назад» на первом слайде, переходим на последний
} else if (index >= slideCount) {
index = 0; // Если нажали «Вперёд» на последнем слайде, переходим на первый
}
currentIndex = index; // Запоминаем текущий слайд
slides.style.transform = `translateX(${-index * 100}%)`; // Сдвигаем контейнер со слайдами
}
// Добавляем обработчик клика для кнопки «Назад»
prevButton.addEventListener('click', () => {
goToSlide(currentIndex - 1);
});
// Добавляем обработчик клика для кнопки «Вперёд»
nextButton.addEventListener('click', () => {
goToSlide(currentIndex + 1);
});
// Устанавливаем первый активный слайд при загрузке страницы
goToSlide(0);
</script>
</body>
</html>[/html]
Отредактировано Alice Carroll (20 Сен 2025 20:12:10)
