[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;
}
.infoblock_man {
display: flex;
background-color: #9ab9c0;
flex-direction: column;
flex-wrap: nowrap;
margin: 5em 6.05em 0 1.5em;
width: 650px;
}
.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';
text-align: left;
color: #15485a;
text-align: justify;
padding-right: 1em;
}
strong {
font: 1.1em 'Roboto Condensed';
text-align: left;
color: #15485a!important;
font-weight: 600 !important;
}
body {font-family: Arial;}
.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="infoblock_man">
<div class="history"><div class="profile">
<div class="parametry">
<br> <h1>Бэллами Блэйк</h1>
<h2>Bellamy Blake</h2>
<br>
<span>• <strong>ПОЛ: </strong>мужской</span>
<span>• <strong>РАСА: </strong>полукровка [Ангел/Человек]</span>
<br>
<span>• <strong>ДАТА РОЖДЕНИЯ: </strong>20.10.1999, 26 лет</span>
<span>• <strong>ВОЗРАСТ ВИЗУАЛЬНЫЙ: </strong>18 лет</span>
<br>
<span>• <strong>МЕСТО РАБОТЫ: </strong>фрилансер</span>
<span style="text-align: left !important">• <strong>ДОЛЖНОСТЬ: </strong> профессиональный музыкант (вокалист - голос и стиль исполнения: Conor Maynard)</span>
</div>
<div class="avatar">
<div class="slider">
<!-- Контейнер, который содержит все слайды -->
<div class="slides">
<div class="slide"><img src="https://forumstatic.ru/files/001b/c2/8a/76684.png"></div>
<div class="slide"><img src="https://forumstatic.ru/files/001b/c2/8a/96633.png"></div>
</div>
<!-- Кнопки управления слайдером -->
<button class="prev">❮</button> <!-- Кнопка «Назад» -->
<button class="next">❯</button> <!-- Кнопка «Вперёд» -->
</div>
</div>
</div></div>
<div class="history">
• <strong>ВНЕШНОСТЬ: </strong> Solon - monmeon9 art<br>
<span>• <strong>РОСТ/ВЕС: </strong>165/47</span> <br>
<span style="text-align: left !important">• <strong>ЦВЕТ ВОЛОС/ГЛАЗ:</strong></span>довольно светлый оттенок волос, который так и не потемнел с возрастом (натуральный блонд), красит преимущественно в пастельные розовые оттенки<br>
<span style="text-align: left !important">• <strong>ЦВЕТ ГЛАЗ:</strong></span> светло-голубые, однако при определенном освещении могут казаться насыщенно небесными (часто носит линзы багряных, черных и темно-карих оттенков).<br><br>
Его фигура — астеничного сложения, невысокая и почти хрупкая, с тонкими, изящными чертами лица. Небольшое, нежное лицо обрамляют выразительные большие глаза с густой бахромой черных ресниц, а пухлые, чувственные губы от природы обладают сочным, насыщенным цветом. Кожа — светлая и безупречно гладкая, ведь он тщательно следит за собой, предпочитая ухоженность и идеальную чистоту тела. Плечи — узкие, руки и ноги — тонкие, с изящными линиями, а стан подчеркивают узкая талия и некрупные бедра. Его голос, бархатистый и мягкий, обладает обволакивающей теплотой, лишенной какой бы то ни было грубости.
<br><br>
Обладатель густых и немного волнистых волос, которые чуть ниже плеч. Нередко собирает их в пучок.
Под правым глазом есть заметная темная родинка.
Старается поддерживать образ человека, который выступает на сцене, поэтому можно встретить со всевозможными серьгами в ушах, в одежде, которая выглядит несколько импозантно. В свободное от выступления время предпочитает комфорт, поэтому носит также футболки, джинсы, рубашки в клетку, кеды и т.д.
</div>
<div class="history">
<h3>Способность: «ловец снов»</h3><br>
<b>Описание:</b> В буквальном смысле он может попадать в сны других людей, независимо от их желания. При этом, если в комнате, где он уснул, находится несколько человек, выбор «цели» определяется либо в произвольном порядке, либо по силе эмоциональной связи с субъектом; также приоритет может быть у того, кто последним к нему прикоснулся.
<br><br>
Для попадания в чужой сон расстояние до человека не должно превышать трёх метров. Если люди находятся за пределами этого радиуса, Бэлл видит свои собственные сны. Однако разница между его снами и чужими настолько размыта, что долгое время он считал все свои видения порождением собственного сознания. Они всегда были яркими, реалистичными и подробными, словно он проживал жизнь в другой плоскости.
<br><br>
Однако в его способности есть и тревожная сторона: если он умирает во сне, на его теле образуются заметные гематомы в тех местах, куда был нанесён смертельный удар. Например, однажды его душили во сне, и он проснулся с синяками на шее в форме отпечатков пальцев. Если же удары не были смертельными, следы проявляются не так явно, но синяки всё равно могут остаться. К счастью, реальной смерти от ран, полученных во сне, вероятнее всего, не последует — в отличие от сюжета фильма «Кошмар на улице Вязов».
<br><br>
Попадая в чужие сны, Бэлл всегда остаётся самим собой — он выглядит и воспринимается так же, как и в реальной жизни. Он не занимает место спящего хозяина сна и не воплощается в других персонажей. Лишь в своих собственных снах он может быть кем угодно, но это правило перестаёт работать, когда он делит с кем-то чужое сновидение.
<br><br>
<b>Ограничения/откаты:</b>
<br> <i><b>минусы:</b></i> он не может контролировать свои путешествия в чужие сны; зачастую те, с кем он делил сновидение позже вспоминали, что видели его в своих грезах; он помнит сновидение куда более подробно, чем истинный обладатель; чаще всего после таких снов чувствует себя вымотанным и не отдохнувшим.
<br>
<br> <i><b>побочки:</b></i>
<br>— побочным эффектом его способности стал сомнамбулизм. Сон теперь мог увести его куда угодно — он приходил в себя то в дальнем углу собственной комнаты, то в незнакомом месте дома. Самым страшным кошмаром наяву для него было пробуждение в чистом поле, в глухом лесу или на пустынной обочине. И хотя до такого доходило нечасто, привычка наглухо запирать на ночь все двери и окна прочно вошла в его жизнь.
</div>
<div class="history">
<h3>История персонажа</h3><br>
Его самое первое воспоминание начиналось с приятной мелодии, звонкой, словно колокольчик. Она манила его, как манит любого ребёнка всё новое и необычное, сулящее радость в жаркий летний день, пока родители были заняты своими делами. Кто-то протянул ему вкусное ароматное мороженое и с доброй улыбкой позвал за собой — показать что-то интересное. А потом свет померк, и учащённый стук сердца воскресил в памяти другой, давний образ, похожий на песчинку: он, совсем маленький, на руках у матери. Она держит его, совсем крошечного, и напевает ту самую приятную мелодию. Её голос такой юный, красивый и успокаивающий.
<br><br>
Тук... тук... тук...
<br><br>
Удары сердца говорят ему, что жизнь не оборвалась так рано и он всё ещё может подняться на ноги. Голова кружится так сильно, что всё тело сводит от тошноты. Он изо всех сил пытается держаться, сглатывая липкую, солоноватую слюну с привкусом горечи. Он там, где не должен находиться. И эта мрачная пустота пугает. Лишь узкое окно где-то наверху обещает призрачный луч надежды.
<br><br>
Он точно знает, что где-то там, под кроватью, есть белые худые ножки, но они обездвижены, и от этого ужасно хочется плакать. Он боится заглянуть под старый, вонючий матрас, потому что их могло быть двое, а дышит и вдыхает этот мерзкий запах разложения только он. Здесь совсем не пахнет мороженым, нет места волшебству, сказкам и мечтам о том, что однажды он вырастет и станет кем-то особенным.
<br><br>
Бэллами всхлипывает, шмыгает носом, и в голове начинается лёгкий, едва слышный гул: «Уууу-ууу-уу». Он начинает рыдать навзрыд, и кажется, стены лишь усиливают его плач. Он разносится по всей комнате, сливаясь в один оглушительный звук. И тогда — голос где-то наверху:
— Малыш, ты там внизу? Слышишь меня?
<br><br>
Голос был таким добрым и обволакивающим, будто сам ангел прошептал ему в этот трудный час.
<br><br>
И почему-то так в голове и осталось — это ангел его спас. Тот дядя был добрым, он вытащил его из тёмной и страшной комнаты, а потом Бэллами всё-таки съел вкусное мороженое, но пообещал больше никогда не разговаривать с подозрительными незнакомцами.
<br><br>
А потом и это воспоминание стало слишком похожим на сон.
<br><br>
Вслед за этим жизнь вошла в свою колею — такую стремительную и обыденную, словно никакой опасности и не существовало. Как будто и не было того мрачного заточения, из которого его вызволил незнакомец, оказавшийся в нужном месте в нужный час. Если порыться в архивах, можно найти пожелтевшую газетную вырезку с фотографией: молодой практикант держит за руку маленького Бэллами. Герой получил награду и общественное признание за поимку опасного преступника и спасение мальчика, положив конец череде исчезновений других детей.
<br><br>
Приёмные родители избегали этой темы, боясь снова травмировать Бэллами. Он и так остался без матери, а о его родном отце не было никаких известий. Взяв над ним опеку, они едва не потеряли его — это стало для них настоящим ударом.
<br><br>
Джоанна, сестра покойной матери Бэллами, тяжело переживала двойную утрату. Её сестра, Сара, ушла из жизни слишком рано — странной и необъяснимой смертью, будто она кому-то перешла дорогу. Отец Бэллами не навещал ни сына, ни Сару при жизни, так что ждать, что он одумается, не приходилось.
<br><br>
Несмотря на то, что Бэллами был сиротой, он не чувствовал нехватки любви, которую могут подарить родители. Напротив, он был окутан заботой, теплотой и вниманием. Джоанна и Грегори дали ему всё, что было в их силах, и делали это с радостью, ведь своих детей у них не было, а материнская и отцовская нежность так искали выход. Для них Бэлл стал по-настоящему родным, и они относились к нему как к собственному сыну.
<br><br>
Детство и отрочество Бэллами были полны самых разных приключений и событий. Хотя он рос стеснительным мальчиком, ему всё же удалось найти друзей, постепенно открываться миру и закладывать первые кирпичики своего характера.
<br><br>
Всё это можно было назвать привычной, размеренной и даже предсказуемой жизнью — до тех пор, пока в их небольшом американском городке не появился один юноша, который перевернул всё с ног на голову. Поначалу Бэлл испытывал к новичку жгучее раздражение, считая его напыщенным засранцем, которому лучше бы оставаться в своём хвалёном мегаполисе. Но волею случая их судьбы переплелись, и так у него появился лучший друг по имени Ноа. Забавно, что называть его так было позволено только Бэллами; для всех остальных этот мальчик был Даниэлем. Они стали не разлей вода. Некоторые из ребят поначалу были не в восторге, но вскоре смирились и приняли Даниэля так, словно он всегда был частью их компании.
<br><br>
«Знаешь, у меня есть гитара — настоящий раритет. Она досталась мне от деда, он очень любил музыку. А ещё у меня есть пластинки, представляешь? Те самые, виниловые... Может, как-нибудь зайдёшь ко мне послушать?»
<br><br>
Неловко брошенная фраза. Первые попытки играть на дедовской гитаре. Гордость от получающихся аккордов и внимательных взглядов слушателей. Где-то внутри зародилось странное, волнующее чувство — будто он нашёл ту самую тропу, что ведёт к его заветной мечте стать музыкантом. Вскоре собралась музыкальная группа, с которой Бэллами начал выступать: сначала на конкурсах, потом в местных барах, прежде чем отправиться покорять американские города на минивэне грязного цвета хаки (но об этом чуть позже).
<br><br>
Можно сказать, что именно Ноа и ребята, что присоединились к ним, помогли воплотить его фантазию в жизнь. Та самая мечта, что когда-то пряталась под слоем неуверенности и страха, мало-помалу обретала плоть и кровь, становилась реальностью.
<br><br>
Однако не всё было так гладко, как хотелось бы. Чем старше становился Бэллами, тем тяжелее ему было наблюдать за похождениями лучшего друга. Ноа волочился за хорошенькими девушками, которые были не только популярны в школе, но и отличались неприятным, высокомерным характером. И почему его к ним так влекло, Бэллами не понимал, но всякий раз чувствовал неприятный укол — то ли обиды, то ли ревности, — особенно когда Ноа начинал пропускать репетиции и меньше вовлекаться в их общее дело.
<br><br>
Но куда неприятнее было другое. После каждой новой «трагедии» и «разбитого сердца» этот самый друг взбирался по живой изгороди к нему в спальню глубокой ночью, без всякого предупреждения... и начинал дурить голову своими пьяными выходками.
<br><br>
Всё вышло боком для Бэллами после одной из таких пьяных выходок на новогодней вечеринке. Слухи поползли уже не о Ноа, а о нём самом: все судачили, что Бэллами — гей, и лучше держаться от него подальше. Почему-то он не мог найти слов для самозащиты, а находиться в школе, где тебя то и дело дразнят, выводят на эмоции или угрожают избить за углом, стало невыносимо. В итоге его перевели в новую школу.
<br><br>
Этот переломный этап заставил Бэллами задуматься о том, чего он хочет и что на самом деле чувствует. Признаться себе, что Ноа для него больше чем друг, было мучительно. Выходит, все эти сплетники оказались правы? Ему казалось, что он попал в капкан неразделённой любви. Стало так тяжело, что на какое-то время он опустил руки: не хотелось ни выступать, ни играть на гитаре. Он пытался переключиться, думать о ком-то другом, но не получалось. Привязанность к лучшему другу была слишком сильна, а ещё эти сны, от которых кружилась голова.
<br><br>
К тому же, Бэллами смутно чувствовал: под строгой маской Ноа, возможно, тоже был не прочь быть с ним, но настаивал, чтобы их странные, до боли интимные взаимодействия оставались в тайне.
<br><br>
Распутать этот клубок нервов и сомнений помог один случай. Бэллами вырос привлекательным — его женственная и изящная для юноши внешность привлекла внимание Джереми. Тот сделал первый шаг, сам того не зная, бросив вызов Ноа. Впервые за всё время его лучший друг понял: он не готов потерять Бэллами и уж тем более — уступить кому-то вроде Джереми. Да, это означало обнародовать их отношения и навлечь на себя гнев отца Ноа. Но это того стоило.
<br><br>
После выпуска из школы, вместо университета, Бэллами и его группа полностью погрузились в музыку: выступали, записывали контент, тщательно выстраивая свой образ в интернете. Их популярность росла. Но слава, увы, не всегда приносила только хорошее.
<br><br>
И тогда однажды, во время глупой ссоры, случилось то, что едва не разбило Бэллами вдребезги, словно хрустальную вазу. Он думал, что его возлюбленный исчез навсегда, — произошло нечто, о чём он боялся и помыслить. Хуже всего было чувство вины: именно он стал причиной того скандала, что стоял на пороге исчезновения Ноа.
<br><br>
Тот вернулся. Но Бэллами узнал об этом из чужих уст — из новостей, из телерепортажей.
<br><br>
Что-то внутри подсказывало: всё кончено. Никогда уже не будет, как прежде. Но заглушённый, едва живой импульс в глубине души твердил: «Ты должен прийти. Должен хотя бы попытаться».
<br><br>
Он пришёл — и его прогнали. Пришёл снова — и вновь наткнулся на ледяное равнодушие человека, которого любил. А вскоре Ноа и вовсе пропал со всех радаров.
<br><br>
Бэллами не находил себе места. Вскоре распалась и группа. Всё светлое, что было в его жизни, рассыпалось в прах, словно картонный домик. Весь мир для него погас. Он не мог ни есть, ни пить, а его мечта сгорала на глазах, пока, наконец, родные не забили тревогу.
<br><br>
Возвращение к жизни далось нелегко. Долгие сеансы у психологов, потом психиатры, таблетки, алкоголь, сигареты, иногда — что-то покрепче. Он срывался и снова уходил в себя. А потом в один день что-то щёлкнуло в его сознании. Обида? Прозрение? Он вдруг понял, что всё это время только и делал, что прятался за чужими спинами, пытался реализовать свои идеи через других, а сам до сих пор боялся и продолжал дрожать, как осенний лист.
<br><br>
«И что же дальше? — спросил он себя. — Позволить себе утонуть в пучине отчаяния? Не бывать этому!»
<br><br>
Так наступил новый переломный момент. Бэллами встал на ноги, собрал себя по кусочкам и вернулся к музыке. Но на этот раз он не просто играл на своей старой гитаре — он осмелился петь. И тогда все узнали, что Бэллами Блэйк — не только талантливый гитарист, но и потрясающий вокалист с волнующим, душещипательным тембром, который вновь собирал толпы слушателей.
<br><br>
Он покинул Америку, и на этот раз его ждал Брим. Что же будет дальше?
<br>
</div> </div></div></div></div>
</div><script>
// Находим контейнер со слайдами
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]
Отредактировано Bellamy Blake (16 Ноя 2025 06:18:01)
- Подпись автора
