[html]<!-- Стиль для вкладок в постах (done by Kolobdur) -->
<style>
.tablet {
background-image: url(https://forumupload.ru/uploads/001b/ce/b4/4/104993.png);
width: 700px;
height: 920px;
margin-left: 20px;
}
/* Строка имени */
.stim {
width: 578px;
border: 1px;
border-color: #000;
background-color: #959D9F;
font-family: Oswald;
text-align: center;
position: absolute;
margin-top: 40px;
margin-left: 55px;
text-transform: uppercase;
}
.tabbed > input {
display: none;
}
.tabbed > label {
width: 100px;
margin-top: 110px;
margin-left: 43px;
margin-bottom: -90px;
display: block;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
font-family: Oswald;
text-size: 20px;
text-transform: uppercase;
}
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {cursor: pointer;z-index: 1;}
/* Оформление */
/* Оформление неактивного переключателя */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {
background: transparent;
color: #191970;
height: 30px;
}
/* Оформление активного переключателя и при наведении */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end):hover,
.tabbed > input:checked + label {
background: #A02223 !important;
color: azure !important;
}
/* Оформление поля с контентом */
.tabs-body {
background: transparent;
color: #000;
}
/* Даем имена переключателям и полю с контентом */
/* Имя поля с контентом */
.tabs-body {grid-area: tabs-body;}
/* Имена переключателей слева */
#nav-left-1 {grid-area: nav-left-1;}
#nav-left-2 {grid-area: nav-left-2;}
#nav-left-3 {grid-area: nav-left-3;}
#nav-left-4 {grid-area: nav-left-4;}
#nav-left-5 {grid-area: nav-left-5;}
#nav-left-6 {grid-area: nav-left-6;}
#nav-left-7 {grid-area: nav-left-7;}
#nav-left-8 {grid-area: nav-left-8;}
#nav-left-9 {grid-area: nav-left-9;}
#nav-left-10 {grid-area: nav-left-10;}
.tabs-body {
width: auto;
position: relative;
}
.tabs-body > div {
position: absolute;
top: 0;
left: 0;
line-height: 1.4em;
opacity: 0;
width: auto;
height: 726px;
padding: 10px;
z-index: 0;
margin-top: 110px;
margin-right: 55px;
text-align: justify;
overflow: auto;
}
/* Переключатели */
/* Слева */
#nav-left-1:checked ~ .tabs-body > .body-left-1,
#nav-left-2:checked ~ .tabs-body > .body-left-2,
#nav-left-3:checked ~ .tabs-body > .body-left-3,
#nav-left-4:checked ~ .tabs-body > .body-left-4,
#nav-left-5:checked ~ .tabs-body > .body-left-5,
#nav-left-6:checked ~ .tabs-body > .body-left-6,
#nav-left-7:checked ~ .tabs-body > .body-left-7,
#nav-left-8:checked ~ .tabs-body > .body-left-8,
#nav-left-9:checked ~ .tabs-body > .body-left-9,
#nav-left-10:checked ~ .tabs-body > .body-left-10,
/* Справа */
#nav-right-1:checked ~ .tabs-body > .body-right-1,
#nav-right-2:checked ~ .tabs-body > .body-right-2,
#nav-right-3:checked ~ .tabs-body > .body-right-3,
#nav-right-4:checked ~ .tabs-body > .body-right-4,
#nav-right-5:checked ~ .tabs-body > .body-right-5,
#nav-right-6:checked ~ .tabs-body > .body-right-6,
#nav-right-7:checked ~ .tabs-body > .body-right-7,
#nav-right-8:checked ~ .tabs-body > .body-right-8,
#nav-right-9:checked ~ .tabs-body > .body-right-9,
#nav-right-10:checked ~ .tabs-body > .body-right-10 {
transform: translateY(0px);
transform: translateX(0%);
opacity: 1;
z-index: 1;
}
input[id^=nav] ~ .tabs-body > div[class^=body] {
}
</style>
<!-- В пост. Только слева. (done by Kolobdur) -->
<style>
.tabbed {
display: grid;
grid-template: /* навигация слева и поле */
"nav-left-1 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-2 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-3 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-4 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-5 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-6 tabs-body tabs-body tabs-body tabs-body" 1fr
/* Коллонки */
/ 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
</style>
<div class="tablet">
<div class="stim"><td>Франсуа Ламбер <br> Уровень доступа: A </div>
<div class="tabbed">
<!-- Навигация слева -->
<!-- Слева 1 -->
<input type="radio" name="tabs-body" id="nav-left-1" checked>
<label for="nav-left-1">Личные данные</label>
<!-- Слева 2 -->
<input type="radio" name="tabs-body" id="nav-left-2">
<label for="nav-left-2">Внешность</label>
<!-- Слева 3 -->
<input type="radio" name="tabs-body" id="nav-left-3">
<label for="nav-left-3">Способность 1</label>
<!-- Слева 4 -->
<input type="radio" name="tabs-body" id="nav-left-4">
<label for="nav-left-4">Способность 2</label>
<!-- Слева 5 -->
<input type="radio" name="tabs-body" id="nav-left-5">
<label for="nav-left-5">Характер</label>
<!-- Слева 6 -->
<input type="radio" name="tabs-body" id="nav-left-6">
<label for="nav-left-6">Биография</label>
<div class="tabs-body">
<!-- Контент вкладок слева -->
<div class="body-left-1">
<center><img src="https://forumupload.ru/uploads/001b/fb/3e/88/508613.png"></center>
Genshin impact | Kaeya Alberich<br>
Пол: Мужской<br>
Дата рождения: 01.01.2087<br>
Возраст: 37 лет <br>
Рост и вес: 183 см/ 80 кг.<br>
<br>
Семейное положение: холост.<br>
Должность/Статус: Проректор по учебно-методической работе. / преподаватель по боевой подготовке и смешанным единоборствам.<br>
Ник в чате академии: Предвестник
<br>
Отличительные признаки
<br>
Цвет глаз: Правый глаз – янтарный , левый глаз – голубой.<br>
Цвет волос: синий.<br>
Татуировки/Шрамы/Пирсинг/Пигментация: Пирсинг в обоих ушах. Едва заметные шрамы по всему телу, полученные в детстве и во время обучения в академии. Татуировка пламя огня по всей длине правого бока, некоторые языки захватывают спину и грудь. Носит повязку на правом глазе.
</div>
<div class="body-left-2"><br>
Весьма привлекательный молодой человек. Высокий рост, подтянутое тело, поддерживает с помощью ежедневных тренировок. Длинные волосы обычно либо собраны в хвост, либо заплетены в косу (исключительно на миссиях). Взгляд голубого глаза просто пронизывает вас на сквозь. Улыбка из-за которой мурашки по коже. Голос спокойный, с лёгким налётом холода, от которого многие теряют голову. Слегка смуглая кожа, делает его внешность более пикантной. В одежде предпочитает исключительно деловой стиль. Повседневную одежду надевает только про встрече с друзьями. Есть у него ещё один миленький девайс. Сделали специально для него. Это кольцо, которое ловко превращается в плетку
</div>
<div class="body-left-3">
► Глаз Порчи<br><br>
Применение: Активная способность, применяется на других. Радиус применения в поле зрения носителя. Но не более 3-4 м. Первый уровень зрительный контакт длиться 2-3 минуты, второй уровень зрительный контакт длиться до 5 минут, третий уровень зрительный контакт длиться 7 минут.<br><br>
Ограничения: Для активации способности требуется зрительный контакт. Активируется только когда снимает свою повязку с глаза. Именно правый глаз и отвечает за данную способность. Минусы способности : Использование первого уровня – мигрень, лёгкая усталость. Использование второго уровня – сильные мигрени, кровь из носа. Использование третьего уровня – потеря зрения до трех дней, кровь из глаз.<br><br>
Описание способности:<br>
Весьма лёгкий и изощрённый способ убить все живое в поле своего зрения. Устанавливая зрительный контакт, с помощью силы мысли наводит на объект воздействия так называемый эффект порчи. Существует три уровня порчи. Первый уровень: Предупреждение. Может вызвать на теле жертвы пегментальные изменения (покраснение кожи, волдыри, язвы), которые исчезнут в течении суток, не оставляя никаких напоминаний о себе. Второй уровень: Послание. Вызывает более серьёзные повреждения (выпадение волос, зубов, частичное разъедание кожи), а пегментальные изменения оставляют после исчезновения шрамы. Действие этого уровня исчезают у объекта использования через 3-5 дней. Третий уровень: Эпилог. Мгновенная или мучительная смерть (смерть наступает в течении часа или суток) объекта на котором использовалась способность. Живое существо словно разъедают кислотой изнутри, сжигая внутреннее органы.
</div>
<div class="body-left-4">
► Железный человек <br><br>
Применение: Активная способность. Применяется исключительно на себя. Время использования от пары минут до двух часов.<br><br>
Ограничения: Нельзя использовать вместе с первой способностью, так обе требуют концентрации. После использования появляется чувство голода, а также лёгкое покраснение на коже.<br>
<br><br>
Описание способности: <br>
Возможность покрывать тело невидимым железным покровом. Данная броня предотвращает физические повреждения у носителя. А также увеличивает силу удара. При смертельной опасности можно создать более сильную броню, на внешний вид она напоминает маленькие железные чешуйки. Передвигаться в такой броне не удобно, но она спасет от падения с большой высоты или клыков и зубов монстров.<br>
</div>
<div class="body-left-5">
Он так ловко научился носить маски. Он умеет скрывать свои истинные эмоции, хотя иногда они выходят из подконтроля.. В нем словно живут два разных человека. Он может вежливо с вами разговаривать и дружелюбно улыбаться, а мысленно он уже раз десять представил как можно вас убить. Часто при общении использует двусмысленные фразы, чем вводит в ступор собеседников. Обладает железной волей, решителен, дерзкий. Знает, чего хочет и как этого добиться, для достижения своей цели может головой пробить стенку, несмотря на мнение и желание окружающих. Со студентами весьма строг. К студентам своего факультета был более строг, чем к студентам других факультетов. Просто ненавидит слабаков, считая их просто мусором. Является проницательным наблюдателем человеческого поведения. Обладает хорошей памятью, что позволяет ему быстро запоминать полученную информацию.
</div>
<div class="body-left-6">
И так тридцать семь лет назад в семье учителя и инженера, родился мальчик. Радости родителей не было приделать, что ещё для счастья надо? Ну конечно же ещё один ребёнок, так через три года у Франсуа появилась сестра. Ну вот и все, счастливая семья, живи и радуйся. Но, жизнь штука странная…. И так через год после рождения сестрёнки, отец попадает в аварию и становиться инвалидом. В результате чего потерял работу, а попытки найти новую не увенчались успехов. В следствии чего депрессия, а затем и топление горя на дне бутылки. Все чаще и чаще отец стал поднимать руку на мать, на самого Франсуа и даже на маленькую сестрёнку. И это был ад. Мать выдержала в этом аде, всего два года. А потом собрав вещи убежала, оставив двоих детей с монстром отцом. В доме вечный запах алкоголя и табака, и пустой холодильник. И вот на руках шестилетнего ребёнка осталась младшая сестра и отец алкоголик. Ему с малых лет пришлось научиться воровать, чтобы как-то прокормить себя и сестру. Но однажды его жизнь перевернулась с ног на голову. Ему было десять лет, когда его жизнь потеряла смысл, а сердце наполнилось жестокостью. Придя домой с вкусняшками для Лилит, он обнаружил холодное тело сестры, и почти в у смерть пьяного отца в соседней комнате. Этот пронзающий крик озарил весь дом. Он кричал на отца, все тело трясло и тогда выкрикивая слова «Чтоб ты сдох монстр», Франсуа почувствовал, как слезы текут по его щекам. А слезы ли? Ведь вытирая их, мальчик увидел лишь кровь на своих руках, а в углу корчился от боли отец. И на губах Ламбера застыла улыбка, когда он смотрел в мёртвые глаза отца. Похороны, он плакал и по сестре, и по отцу. Но слезы об утрате отца были лишь маска, ведь когда его никто не видел, мальчик улыбался. Брат отца, хотел забрать его к себе, но его жена была против. Поэтому Франсуа попал в приют. Где тут же подвергся издевательствам со стороны ребят по старше. Было больно, но он уже привык к такому роду боли. И когда в очередной раз его обидчики были найдены мёртвыми, поняли, что у него есть сверх способности. Ламбера отправили в приют для таких же, как и он, монстров. И снова эти попытки сломать его как в прямом, так и в переносном смысле. Но, Франсуа не намеревался мириться с такой жизнью и с этим заточением. Первый раз он сбежал в 13 лет, его поймали через две недели и провели разговор. Восстанавливался он после этого разговора месяц. Второй раз, Франсуа сбежал в 15 лет, поймали его спустя месяц. И снова больничная койка. Третий раз Ламбер сбежал за три месяца до своего восемнадцатилетия. На этот раз его нашли через три месяца, и тут же поставив метку отправили в Академию. Из Академии в Цюрихе, парень пытался сбежать только один раз. Но, когда Франсуа понял, что теперь его жизнь — это тюрьма, то решил научиться жить вот так, как собака на цепи. Именно там он научился пользоваться оружием, самообороне и многому другому. Чтобы контролировать одну из своих способностей, стал носить повязку. Во время красной недели отсутствовал в академии с группой студентов. Наверное, поэтому и остался жив. После того как Охра, решила проблему с Апостолом, Ламбера отправили в новую Академию. Преподаватель смешанных единоборств, он показал себя весьма строгим. Выжимал из студентов все соки, пока те не падали бес сил. В тридцать три года занял пост декана факультета тактической подготовки. Старый неожиданно скончался, а Франсуа тут же предложил свою кандидатуру.Студентов своего факультета держал в ежовых рукавицах. Пытался донести до них одну мысль «Что в реалиях этого мира можно умереть не только от монстров, но и от руки рядом стоящего человека, которому ты все цело доверял». Поэтому к своим тактикам проявлял более тяжелый подход в тренировках: «Через не могу, продолжай двигаться вперед. Даже если сил больше нет, стискивай зубы и наноси удар первым, чтобы выжить». На особом контроле студенты, которые попадали на карандаш ДК. Тогда Ламбер проводил так называемые профилактические беседы – через боевую тренировку на ринге, где спарринг партнером выступал он сам. Он хотел сделать из студентов своего факультета тех, кто в будущем не сломается. Но 01.01.2123 года был повышен до должности проректора по учебно медодисеской роботе . Хотел отказаться, но решил, что занимаемая им должность поможет охватить весь учебный процесс, а не только обучение тактиков.
<br><br>
В 2124 году начал преподавать боевую подготовку.
<br><br>
<b>Секретная информация:</b> 1.Входил в ДК студентом, иногда самые отпетые нарушители странным образом умирали. И только Франсуа знал, как именно они умирали;<br>
2.Изучал историю инквизиции и все что с этим связано, особое внимание уделял пыткам тех времен;
</div>
</div>
</div>
</div>
[/html]
Отредактировано Francois Lambert (2023-11-13 13:49:06)
- Подпись автора
