Форумная текстовая ролевая игра в антураже фэнтези
новости
активисты

ФОРУМ ПЕРЕЕХАЛ НА СВОЙ САЙТ

Уважаемые игроки и гости! Ищите нас по новому адресу: https://arkhaim.su/

ФОРУМ ПЕРЕЕХАЛ НА СВОЙ САЙТ

Уважаемые игроки и гости! Ищите нас по новому адресу: https://arkhaim.su/

Аркхейм

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Аркхейм » Блоги игроков » Испытательный стенд


Испытательный стенд

Сообщений 1 страница 14 из 14

1

hide-autor2
https://i.postimg.cc/hv5ssN8H/image.jpg


Гость
ВСТУПАЙ В РЯДЫ "МОЛОТА"


Отредактировано Хьюго Иденмарк (2024-08-22 04:47:16)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

0

2

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

Отредактировано Хьюго Иденмарк (2024-08-21 01:09:43)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

0

3

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

Отредактировано Хьюго Иденмарк (2024-09-10 12:01:25)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

0

4

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

Параметры для графики

739px ширина картинки для поста с аватаром
997px ширина картинки для поста без аватара
Код цвета надписи PRS для личных эпов: R 5 - G 118 - B 23
Код цвета надписи QWT для квестовых эпов: R 118 - G 5 - B 118

Отредактировано Хьюго Иденмарк (2024-08-20 23:43:29)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

0

5

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

https://forumstatic.ru/files/001b/8c/87/96454.png
Коды для разметки
https://forumstatic.ru/files/001b/8c/87/58727.png

Просто кодик, вдруг пригодится в эпизодах

[html]<script type="text/javascript" src="https://forumstatic.ru/files/001b/36/d6/94544.js"></script>
<div class="world-container">

  <div class="world-block">
  <div class="header">
    <span>Система</span>
  </div>
    <img src="https://i.imgur.com/yh5v495.jpg">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— вернуться в меню выбора —</div>
  <div>
      <h5>Лаплас</h5>
      <em>Провожу поиск в базе данных</em>
<p></p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Журнал заданий</span>
  </div>
    <img src="https://i.imgur.com/ZHsOM3a.jpg">
  </div>
  <div class="info2 closed">
  <div class="close-btn">— вернуться в меню выбора —</div>
  <div>
      <h5>Сюжетные задания</h5>
      <em>"Где я? Кто я? Как я сюда попал?"</em>
      <h5>"На новом месте"</h5>
<p>Статус: Активно</p>
<p>Цель: Добраться до города и встретиться с торговцем.</p>
<p>Награда:
<p>—Сумка(предмет инвентаря, позволяющий увеличить грузоподъёмность персонажа)</p>
<p>—30 Форнов(валюта мира, которую можно использовать для покупки товаров и услуг)</p>
<p>—Яйцо призыва фамильяра(предмет, который позволяет призвать и контролировать магическое существо, которое будет помогать в бою или выполнении заданий)</p>
<p>—Системный проводник(предмет, который облегчает исследования мира, например, предоставляет нужную информацию или заниматься ее обработкой)</p>
<p>—Будет снят особый статус: "Призванный(Негативный)"</p>
<p>Примечание:</p>
<P>—Если игрок не знает, куда ему идти или что делать, тогда тот же самый продавец может дать первое серьезное поручение — квест "Ориентирование на местности".</p>
<p></p>—Квест "Ориентирование на местности" поможет игроку освоиться в новом и неизведанном мире, научиться ориентироваться на местности и освоить базовые навыки выживания. В ходе выполнения квеста игроку предстоит найти определенные локации, общаться с некоторыми NPC и выполнять простые задания. По завершении этого квеста игрок получит дополнительные знания и опыт, которые помогут ему в дальнейших приключениях.</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Карта местности</span>
  </div>
    <img src="https://i.imgur.com/AjORAyU.jpg">
  </div>
  <div class="info3 closed">
  <div class="close-btn">— вернуться в меню выбора —</div>
  <div>
      <h5>Карта</h5>
      <em>Лучший товарищ искателей приключений</em>
<p>https://i.imgur.com/DAD3osR.jpg</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Инвентарь</span>
  </div>
    <img src="https://i.imgur.com/8r9gS4F.png">
  </div>
  <div class="info4 closed">
  <div class="close-btn">— вернуться в меню выбора —</div>
  <div>
      <h5>Рюкзак</h5>
      <em>В этот раз он не резиновый</em>
<p>Геос(3/10): Простое копьё(3)</p>
<p>Джек Найт(0/10): </p>
<p>Хьюго Иденмарк(6/10): Простое копьё(3), Старый полуторный меч(2), Ритуальный кинжал(1), Обрывки дневника(1)</p>
<p>Хельга Иденмарк(0/10):</p>
     </div></div>

  <div class="world-block">
  <div class="header">
    <span>Профиль</span>
  </div>
    <img src="https://i.imgur.com/khAKkLK.jpg[">
  </div>
  <div class="info5 closed">
  <div class="close-btn">— вернуться в меню выбора —</div>
  <div>
      <h5>Заблокировано</h5>
      <em>Профиль, нужен зачастую для того, чтобы любоваться своими статами</em>
<p>Ваша версия Системы устарела. Приобретите Системный проводник.</p>
     </div></div>

  <div class="world-block">
  <div class="header">
    <span>Ремесло</span>
  </div>
    <img src="https://i.imgur.com/RnPfbYs.jpg">
  </div>
  <div class="info6 closed">
  <div class="close-btn">— вернуться в меню выбора —</div>
  <div>
      <h5>Ничего</h5>
      <em>Труд, сделал из слайма — слайма с бензопилой</em>
<p>У вас нет рецептов/чертежей/схем, чтобы что-то создать.</p>
     </div></div>

  <div class="world-block">
  <div class="header">
    <span>Список рас</span>
  </div>
    <img src="https://i.imgur.com/DkQBKty.jpg">
  </div>
  <div class="info7 closed">
  <div class="close-btn">— вернуться в меню выбора —</div>
  <div>
      <h5>Видовое разнообразие</h5>
      <em>Не все из них дружелюбные, некоторые опасные, но все они — разумные</em>
      <h5>Сфьёрды</h5>
<p> Это величественный и загадочный вид, чья кожа переливается переливающейся чешуей, напоминающей как рептилий, так и амфибий. Их чешуя бывает самых разных цветов: от глубокого изумрудно-зеленого до яркого сапфирового синего, и говорят, что они меняют цвет в зависимости от настроения или окружающей среды. У самок длинные, стройные тела, излучающие ауру грации и силы, у самцов более массивные тела. Их головы украшены коронами из рогов, каждый из которых уникален по форме и размеру, что придает им царственный вид. Их глаза завораживают, с черной склерой и часто выраженной гетерохромией, придающей им потусторонний и пленительный взгляд. Их длинные заостренные уши способны поворачиваться и подергиваться, что позволяет им улавливать даже самые слабые звуки. Некоторые особи имеют длинные хвосты. Сфьёрды, ростом почти три метра, производят впечатление. Их длинные жилистые конечности заканчиваются звериными лапами с острыми когтями, что намекает на хищный характер. Несмотря на свой устрашающий внешний вид, они известны своим мягким и мудрым поведением, если дело не касается чужаков.</p>
<p>Сфьёрды, ветвь расы Высших Хранителей Лесов, имеют глубокую связь с природой и миром в целом. Они являются защитниками древних лесов, используя свое острое чутье и ловкость, чтобы ориентироваться в густой листве и следить за существами, которые считают их своим домом. Они известны своим глубоким пониманием тонкого баланса лесной экосистемы и почитаются как мудрые и доброжелательные хранители. Ящеры часто ходят босиком, чувствуя глубокую связь с землей под своими лапами. Они движутся с плавной грацией, почти скользя по лесу, и, как говорят, обладают глубокой близостью к древней мудрости. Их голоса мелодичны и запоминающиеся, они способны творить волшебные заклинания и общаться с лесными существами. Но не все, обычно только самые старые особи склонны к улучшению магического потенциала.</p>
<p>В их обществе высоко ценятся мудрость и знания, и они имеют богатую устную традицию рассказывания историй и передачи древних сказаний. Они искусные ремесленники, создающие замысловатые украшения и сложные церемониальные одежды, украшенные перьями, ракушками и драгоценными камнями. Сфьёрды — раса существ, окутанных тайнами и магией, олицетворяющих дикую красоту мира природы. Благодаря своей царственной внешности и глубокой связи с лесами они являются поистине впечатляющей и очаровательной расой.</p>
     </div></div>

  <div class="world-block">
  <div class="header">
    <span>Бестиарий</span>
  </div>
    <img src="https://i.imgur.com/8Uw9hmm.jpg">
  </div>
  <div class="info8 closed">
  <div class="close-btn">— вернуться в меню выбора —</div>
  <div>
      <h5>Пусто</h5>
      <em>Первое правило выживания: видишь монстра — убей его</em>
<p>Здесь пока ничего нет. Вы ещё не сталкивались с монстрами и не читали литературу, в которой про них могло бы рассказываться.</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Локации</span>
  </div>
    <img src="https://i.imgur.com/NoDieHb.jpg">
  </div>
  <div class="info9 closed">
  <div class="close-btn">— вернуться в меню выбора —</div>
  <div>
      <h5>Заметки туриста</h5>
      <em>Лучший путеводитель по значимым местам вселенной</em>
      <h5>Меридиан-Бэй</h5>
<p>Небольшая приморская деревня, расположенная вдоль побережья, является причудливым и живописным убежищем для Крогтов(Зверолюдей) и других рас, которые считают ее своим домом. Деревня является оживленным местом рыбной торговли и сбора морепродуктов, местные жители каждый день отправляются в обширные воды, чтобы собрать дары моря. Жители деревни очень гордятся своей способностью обеспечивать себя плодами океана, а их улов пользуется большим спросом в соседнем городе. Сама деревня представляет собой очаровательную коллекцию красочных коттеджей с соломенными крышами, расположенных вдоль песчаного берега. Воздух наполняется ароматами соленой воды и свежих морепродуктов, а шум чаек и грохот волн создают успокаивающий фон для повседневной жизни. Жители селения представляют собой сплоченное сообщество, работающее вместе, чтобы обеспечить успех своего рыболовного промысла и сохранение своего любимого приморского дома.</p>
<p>Крогты, с их животными чертами лица и острыми чувствами, хорошо подходят для жизни у моря. Их ловкость и сила делают их грозными рыбаками, а их глубокая связь с природой позволяет им наблюдать и понимать хрупкую экосистему своего участка земли. К ним присоединяются представители других рас, нашедшие гостеприимное и инклюзивное сообщество в заливе Меридиан. Один из самых любимых местных обычаев в заливе — Фестиваль сбора. Этот ежегодный праздник знаменует конец года и дает жителям деревни время собраться вместе и насладиться изобилием моря. Вдоль берега зажигают костры, чтобы освещать путь ночным путешественникам, а жители деревни собираются, чтобы поделиться историями, потанцевать и полакомиться свежевыловленными морепродуктами. Фестиваль – это время радости и единения, а также возможность для жителей деревни выразить свою благодарность за щедрые дары океана.</p>
<p>С наступлением ночи жители деревни собираются вокруг костров, их лица освещаются теплым сиянием пламени. Звуки смеха и музыки наполняют воздух, а по деревне разносится аромат свежеприготовленных морепродуктов. Это время празднования и размышлений, поскольку жители деревни благодарят морские благословения и с нетерпением ждут еще одного года изобилия. В заливе Меридиан жизнь вращается вокруг моря, и жители деревни очень гордятся своей способностью обеспечивать себя за счет рыболовства и сбора морепродуктов. Деревня представляет собой динамичное и процветающее сообщество, где почитают и прославляют красоту природы. И поскольку Фестиваль Сбора подходит к концу, жители деревни с нетерпением ждут еще одного года приключений, исследований и единения в своем любимом приморском доме.</p>
     </div></div>
</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700&family=Rubik:wght@500;600;800;900&display=swap');

.world-container {
  column-gap: 10px;  /* отступ между колонками */
  margin: 0px auto 20px auto;
  column-count: 3; /* количество столбцов*/
  width: 752px;  /* ширина контейнера с блоками*/
  position: relative;
  text-align: center;
}

.world-block {
  margin: 1px 0px;  /* нижний и верхний отступ между блоками*/
  padding: 0px;
  display: inline-block;
  line-height: 0;
  width: 250px;  /* ширина блоков */
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: all .9s cubic-bezier(.63,.34,.09,.96) 0s;
}

.world-block .header {
  position: absolute;
background: linear-gradient(to bottom, rgba(41,154,11,0) 0%, rgba(0,0,0,0.29) 18%,rgba(0,0,0,0.48) 39%,rgba(0,0,0,0.69) 74%,rgba(0,0,0,0.85) 100%);
  color: #fefefe;  /* цвет шрифта заголовков на картинках */
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content:  flex-end;
  align-items: center;
  font: 800 22px/150% 'Rubik';  /* шрифт заголовков на картинках */
  text-transform: uppercase;
  z-index: 1;
}

.world-block:hover {
  filter: grayscale(100%)
}

.world-block img {
    transition: all .3s cubic-bezier(.63,.34,.09,.96) 0s;
}

.world-block:hover img {
  transform: scale(1.1);
  filter: blur(1px)
}

.world-block .header span {
  display: block;
  margin-bottom: 20px;
  text-align: center
}

.closed{
  background: black;  /* фон выпадающего описания */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  padding: 25px;
  text-align: left;
  display: none;
  box-shadow: 0 0 0 9px #fefefe inset, 0 0 0 10px rgba(0,0,0,.1) inset  /* обводка */
}

.closed > div:not(.close-btn) {
  overflow-y: auto;
  height: calc(100% - 35px);
  padding-right: 5px;
}

.close-btn {
  background: rgba(0,0,0,.04);  /* фон кнопки закрытия */
  border: 1px solid rgba(0,0,0,.06);  /* бордер кнопки закрытия */
  height: 15px;
  text-transform: uppercase;
  font: 300 10px/15px merriweather;  /* шрифт кнопки закрытия*/
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer;
  letter-spacing: 2px
}

.closed h5 {
  font: 700 20px merriweather;  /* шрифт заголовков описания */
  margin: 20px 0px 10px;
  position: relative;
  padding-left: 45px
}

.closed h5:before {
  content: "";
  height: 2px;
  width: 30px;
  background: rgba(0,0,0,.7);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.closed h5:first-child {
  margin-top: 0
}

.closed em {
  font: 300 italic 11px merriweather;  /* шрифт мини цитаток */
  display: block;
  border-right: 5px solid rgba(0,0,0,.1);  /* правый бордер мини цитаток*/
  padding-right: 10px;
  text-align: right;
  margin: 10px 0;
}
</style>[/html]

Код для оформления эпизодов в анкете №1

[html]
<div class="chrono_section">
<form>
    <p>фильтр по хронологии:</p>
    <label>
    <input type="checkbox" name="active" checked />
    активные
    </label>

    <label>
    <input type="checkbox" name="end" checked />
    законченные
    </label>

    <label>
    <input type="checkbox" name="closed" checked />
    закрытые
    </label>
</form>

<article><p class="categories" data-category="active"></p>
                <a href="#">
    <img src="https://dummyimage.com/200x100/dcd4ae/15141c"/>
    <h2>[дата] название эпизода</h2></a>
</article>

<article><p class="categories" data-category="active"></p>
                <a href="#">
    <img src="https://dummyimage.com/200x100/dcd4ae/15141c"/>
    <h2>[дата] название эпизода</h2></a>
</article>

<article><p class="categories" data-category="active"></p>
                <a href="#">
    <img src="https://dummyimage.com/200x100/dcd4ae/15141c"/>
    <h2>[дата] название эпизода</h2></a>
</article>

<article><p class="categories" data-category="end"></p>
                <a href="#">
    <img src="https://dummyimage.com/200x100/dcd4ae/15141c"/>
    <h2>[дата] название эпизода</h2></a>
</article>

<article><p class="categories" data-category="end"></p>
                <a href="#">
    <img src="https://dummyimage.com/200x100/dcd4ae/15141c"/>
    <h2>[дата] название эпизода</h2></a>
</article>

<article><p class="categories" data-category="end"></p>
                <a href="#">
    <img src="https://dummyimage.com/200x100/dcd4ae/15141c"/>
    <h2>[дата] название эпизода</h2></a>
</article>

<article><p class="categories" data-category="closed"></p>
                <a href="#">
    <img src="https://dummyimage.com/200x100/dcd4ae/15141c"/>
    <h2>[дата] название эпизода</h2></a>
</article>

<article><p class="categories" data-category="closed"></p>
                <a href="#">
    <img src="https://dummyimage.com/200x100/dcd4ae/15141c"/>
    <h2>[дата] название эпизода</h2></a>
</article>

<article><p class="categories" data-category="closed"></p>
                <a href="#">
    <img src="https://dummyimage.com/200x100/dcd4ae/15141c"/>
    <h2>[дата] название эпизода</h2></a>
</article>

</div>

<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet">
<style>/*
* использовать :has() для фильтров
* checkboxes. No JS
*/
.chrono_section:has([name="active"]:checked) article:has([data-category="active"]) {display: block;}
.chrono_section:has([name="end"]:checked) article:has([data-category="end"]) {display: block;}
.chrono_section:has([name="closed"]:checked)
article:has([data-category="closed"]) {
display: block;
}

article {}
article img {background: #491d15;}
article .categories {background: #491d15;}

/**/
.chrono_section {
    text-align: left;
    float: left;
    display: grid;
    gap: 3rem;
    padding: 20px;
    max-width: 690px;
    width: 100%;
    grid-template-columns: repeat(3, min(200px, 33% - 1.5rem));
    place-content: start center;
    margin: 0 auto !important;
    background: linear-gradient(to right, rgba(13, 12, 14, 0.5) 1%, rgba(13, 12, 14, 0.5) 25%, rgba(13, 12, 14, 0) 50%, rgba(13, 12, 14, 0.5) 79%, rgba(13, 12, 14, 0.5) 98%), #221c27 url(https://forumstatic.ru/files/001b/8e/b8/23912.jpg) repeat fixed top left;}

form {
    align-items: baseline;
    background: #1a1921;
    border: 1px solid #ddbf86;
    border-radius: 0.25rem;
    color: #e5debc;
    display: inline-table;
    text-align: center;
    gap: 1rem;
    grid-column: 1 / span 3;
    margin-block-end: 1rem;
    justify-content: center;
    padding: 1rem;
    font-family: lol;

& p {
    color: #9a8b60;
    font: 300 2.2em lol !important;
    margin: 0px !important;
    padding: 0px !important;
    text-transform: uppercase;
}
}

label,
input {
    color: #9a8b60;
    font: 300 1.3em  lol;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
    padding: 0;
}

input {
block-size: 1rem;
inline-size: 1rem;
position: relative;
inset-block-start: 0.125rem;
}

article {
container-type: inline-size;
display: none;
margin: 0;

& img {
    aspect-ratio: 4 / 2;
    display: block;
    inline-size: 100%;
    border-radius: 0.25rem;
    object-fit: cover;
    border: 1px solid #2f2933 !important;
    box-shadow: 0 0 0 2px #978660 inset, 0 0 0 2px #e2cf74 inset, 0 0 0 3px #c19f6b inset, 0 0 8px 0 rgba(199,169,60,.55);
}

& h2 {
    color: #9a8b60;
    font: 300 1em lol !important;
    margin: 0px !important;
    padding: 0px !important;
    padding-bottom: 5px !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

& .categories {
    border-radius: 0.25rem;
    display: inline-block;
    font-size: 0.8em !important;
    letter-spacing: 0.15em;
    line-height: 1 !important;
    margin: 0 !important;
    padding: clamp(0.125rem, 2cqw, 0.25rem) !important;
    font-variant: small-caps;
}

& .categories::after {
    content: attr(data-category);
}
}
</style>
[/html]

Код для оформления эпизодов в анкете №2

[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&family=PT+Sans&display=swap" rel="stylesheet"><style>
.ship20 {
--bgsw: 800px;  /*  максимальная ширина блока */
--bgs1: #e4debc;  /* фон общий*/
--sct1: #c0c0c0;  /*  цвет общего текста  */
--sct1a: #69becc;   /* цвет ccылок */
--szt: 1em;  /*  размер шрифта  */

--pad2: 10px;  /* отступ между эпизодами */
--pad1: 18px;  /* отступ текста слева */

--pwt: 46px;  /* ширина левого блока */
--bgs2: #1a666c; /* цвет границы*/

--bgs3: #0a343b; /* цвет ленты */
--sct3: #d6d6d6;  /* текст ленты */

--sct2: #767676;  /* цвет даты и участников */

--bgsa: #69becc;  /*  активный эпизод  */
--bgsz: #0a3a41;  /*  завершенный эпизод  */
--bgsnz: #979696; /*  незавершенный эпизод  */
}

.ship20 * {box-sizing: border-box; line-height: 140% !important;}
.ship20 {margin: auto 40px auto 0px; max-width: var(--bgsw); background: var(--bgs1); color: var(--sct1); font-size: var(--szt);}
.ship20 a {color: var(--sct1a) !important;}
.ship20 a:hover {filter: brightness(1.2);}
.ship20 p {margin: 0px auto 0px calc(var(--pad1) + var(--pwt)) !important; padding: 0 var(--pad2) var(--pad2) 0 !important; position: relative; text-align: justify;}
.ship20 p:before {content:' '; display: block; position: absolute; margin-left: calc(0px - var(--pad1) - var(--pwt)); height: 100%; width: var(--pwt); border-right: 1px solid var(--bgs2);}
/**  эпизод  **/
.ship20 p > a:first-child {display: block; padding: 4px 0 4px 0; font-size: 14px; font-weight: 400; font-style: italic; font-family: Georgia, Times New Roman, serif;}
/**  маркеры  shipovnik **/
.ship20 p > a.ep_a:before, .ship20 p > a.ep_z:before, .ship20 p > a.ep_nz:before {content: ''; display:block; position:absolute; transform: translate(-50%, 50%); width: 14px; height: 14px; margin-left: calc(0px - var(--pad1) - var(--pwt) / 2); border-radius: 50%; top: 50px;}
.ship20 p > a.ep_a:before {background: var(--bgsa);}
.ship20 p > a.ep_z:before {background: var(--bgsz);}
.ship20 p > a.ep_nz:before {background: var(--bgsnz);}
/**  дата и участники  **/
.ship20 em {display: block; padding: 0 0 6px 0; font-style: normal !important; color: var(--sct2); font-size: 11px; font-family: Tahoma, sans-serif;}
/**  год или эпоха  **/
.ship20 ht0 {display:block; position:relative; padding: 7px 30px; margin: 0px auto; color: var(--sct3); background: var(--bgs3); font-size: 15px; text-transform: uppercase; font-family: 'Oranienbaum', Tahoma, serif;}
.ship20 ht0:after {content:''; display: block; position: absolute; top: 0px; right: -29px; width: 30px; height: 100%; clip-path: polygon(0% 0%, 75% 0%, 30% 50%, 75% 100%, 0% 100%); background: var(--bgs3);}
.ship20 ht0 + p > a:first-child {padding-top: var(--pad2);}

/**  попробуем впилить фильтр с другого кода, чтоб скрывал НЕ отмеченное чекбоксом **/
/**   **/

.ship20:has([name="active"]:checked) article:has([data-category="active"]) {display: block;}
.ship20:has([name="end"]:checked) article:has([data-category="end"]) {display: block;}
.ship20:has([name="closed"]:checked) article:has([data-category="closed"]) {display: block;}

article {
container-type: inline-size;
display: none;
margin: 0;
& .ship20::after {
    content: attr(data-category);
}
}

form {
    font-family: lol;
    font-size: 14px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    font-style: normal !important;
    color: var(--sct2);
}

</style>

<div class="ship20">

<!----- форма с чекбоксами под фильтр  ----->
<form align=center>
    <label><input type="checkbox" name="active" checked />  активные</label>&nbsp&nbsp&nbsp

    <label><input type="checkbox" name="end" />  завершенные</label>&nbsp&nbsp&nbsp

    <label><input type="checkbox" name="closed" />  незавершенные</label>
</form><br>
<!--- START --->

<!-----  ГОД ИЛИ ЭПОХА  ----->
<ht0>5029</ht0>

<article><p data-category="active"><a class="ep_a" href="https://arhi.rusff.me/viewtopic.php?id=1803"><img src="https://forumupload.ru/uploads/001b/8c/87/274/653123.png" alt="Мечтают ли котообразные о космических корветах"></a></p></article>

<article><p data-category="active"><a class="ep_z" href="https://arhi.rusff.me/viewtopic.php?id=1640"><img src="https://forumupload.ru/uploads/001b/8c/87/274/359863.png" alt="Закрома небес"></a></p></article>

<article><p data-category="closed"><a class="ep_nz" href="https://arhi.rusff.me/viewtopic.php?id=1020"><img src="https://forumupload.ru/uploads/001b/8c/87/274/859363.png" alt="Апофеоз: тяжкая участь попаданцев"></a></p></article>

<!--- END ---></div>[/html]

Отредактировано Хьюго Иденмарк (2024-09-02 22:15:21)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

0

6

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

Отредактировано Хьюго Иденмарк (2024-09-10 12:02:35)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

0

7

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

Отредактировано Хьюго Иденмарк (2024-09-10 12:07:00)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

0

8

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

Отредактировано Хьюго Иденмарк (2024-08-30 23:39:57)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

+1

9

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

0

10

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

Отредактировано Хьюго Иденмарк (2024-08-31 05:24:44)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

0

11

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

Отредактировано Хьюго Иденмарк (2024-09-05 03:31:37)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

+1

12

hide-autor2

Раздел 1 для Хельги

https://forumupload.ru/uploads/001b/8c/87/274/t825506.png  https://forumupload.ru/uploads/001b/8c/87/274/988166.png  https://forumupload.ru/uploads/001b/8c/87/274/604931.png https://forumupload.ru/uploads/001b/8c/87/274/167784.png https://forumupload.ru/uploads/001b/8c/87/274/774109.png




Служебное досье № AL-CB-19214

Объект: Иденмарк, Хельга



Базовая информация

[indent]БР: <подсчет>
[indent]Раса: Ультрахуман
[indent]Год создания: 4878
[indent]Последняя репликация: m19.214_5024
[indent]Отчеты о репликациях: [ДОСТУП ОГРАНИЧЕН]
[indent]Возраст: 151 год на 5029 год
[indent]Генетические модификации: [В наличии]
[indent]Бионические модификации: [В наличии]
[indent]Установленные импланты: [В наличии]
[indent]Проживание: Новая Утопия [Циркон]


[indent]Уровень [УМИ]: I
[indent]Цвет магической энергии: [Серый]


[indent]Ориентация: Гетеро
[indent]Фертильность: [Бесплодна]


Сфера деятельности

  • Силовые структуры. Офицер военно-космических сил Легиона Коалиции Рас в звании капитана [в отставке с 4994 года], позывной "Ласка"

  • Командующий МОГ Гамма-10 "Инкогнито" в составе ЧВК "Молот" корпорации ЭкзоТек [с 4995 года], позывной "Ласка"

  • Разведчик, мастер-пилот, участник боевых действий

  • Специалист по высокотехнологичным видам вооружения, инженер-техник



https://forumupload.ru/uploads/001b/8c/87/274/625410.gif



[html]<center><iframe width="400" height="200" src="https://www.youtube.com/embed/Z2de_HhJH4c?controls=0" title="YouTube video player" frameborder="0" allowfullscreen></iframe></center>[/html]

Код раздела 1 для Хельги
Код:
[table layout=fixed width=100%]
[tr]
[td bgcolor=#000000]
[abbr="ЧВК "Молот" корпорации ЭкзоТек"][img]https://forumupload.ru/uploads/001b/8c/87/274/t825506.png[/img][/abbr]  [abbr="Аэромобильные подразделения"][img]https://forumupload.ru/uploads/001b/8c/87/274/988166.png[/img][/abbr]  [abbr="Разведчик"][img]https://forumupload.ru/uploads/001b/8c/87/274/604931.png[/img][/abbr] [abbr="Мастер-пилот"][img]https://forumupload.ru/uploads/001b/8c/87/274/167784.png[/img][/abbr] [abbr="Специалист по высокотехнологичным вооружениям, инженер-техник"][img]https://forumupload.ru/uploads/001b/8c/87/274/774109.png[/img][/abbr]
[/td]
[td bgcolor=#000000]
[hr]
[hr]
[/td]
[td bgcolor=#000000]
[color=black] [/color]
[align=right][font=Book Antiqua][size=16][color=#CAFEFE]Служебное досье №[/color][/size][/font] [font=Franklin Gothic][color=#CAFEFE][size=16][b]AL-CB-19214[/b][/size][/font][/color][/align]

[align=right][font=Book Antiqua][size=16][color=#CAFEFE]Объект: [/color][/size][/font][font=Franklin Gothic][size=25][color=#CAFEFE][b]Иденмарк, Хельга[/b][/color][/size][/font][/align]
[color=black] [/color]
[/td]
[/tr]
[/table]

[table layout=fixed width=100%]
[tr valign=top]
[td  bgcolor=#000000]
[color=black] 
 [/color]
[align=center][color=#CAFEFE][font=Franklin Gothic][size=18][b][u]Базовая информация[/u][/b][/size][/font][/color][/align]
[color=black] [/color]
[size=16][color=#CAFEFE][font=Book Antiqua][indent]БР:[/font] [font=Franklin Gothic]<подсчет>[/font][/color]
[color=#CAFEFE][font=Book Antiqua][indent]Раса:[/font][/color] [url=https://arhi.rusff.me/viewtopic.php?id=283#p211015][font=Franklin Gothic][color=#00AA00][u]Ультрахуман[/u][/color][/font][/url]
[color=#CAFEFE][font=Book Antiqua][indent]Год создания:[/font] [font=Franklin Gothic]4878[/font][/color]
[color=#CAFEFE][font=Book Antiqua][indent]Последняя репликация:[/font] [font=Franklin Gothic]m19.214_5024[/font][/color]
[color=#CAFEFE][font=Book Antiqua][indent]Отчеты о репликациях:[/font][/color] [font=Book Antiqua][color=#FEFD33][abbr="Требуется уровень допуска AL.01"][ДОСТУП ОГРАНИЧЕН][/abbr][/color][/font]
[color=#CAFEFE][font=Book Antiqua][indent]Возраст:[/font] [font=Franklin Gothic]151 год на 5029 год[/font][/color]
[color=#CAFEFE][font=Book Antiqua][indent]Генетические модификации:[/font] [font=Franklin Gothic][В наличии][/font][/color]
[color=#CAFEFE][font=Book Antiqua][indent]Бионические модификации:[/font] [font=Franklin Gothic][В наличии][/font][/color]
[color=#CAFEFE][font=Book Antiqua][indent]Установленные импланты:[/font] [font=Franklin Gothic][В наличии][/font][/color]
[color=#CAFEFE][font=Book Antiqua][indent]Проживание:[/font][/color] [url=https://arhi.rusff.me/viewtopic.php?id=805#p175030][font=Franklin Gothic][color=#00AA00][u]Новая Утопия[/u][/color][/font][/url] [url=https://arhi.rusff.me/viewtopic.php?id=8#p414][font=Franklin Gothic][color=#00AA00][u][Циркон][/u][/color][/font][/url]
[/size]
 
[size=16]
[color=#CAFEFE][font=Book Antiqua][indent]Уровень [УМИ]:[/font][/color] [font=Franklin Gothic][color=#FC3200]I[/color][/font]
[color=#CAFEFE][font=Book Antiqua][indent]Цвет магической энергии:[/font][/color] [font=Franklin Gothic][color=silver][Серый][/color][/font]
[/size]
 
[size=16]
[color=#CAFEFE][font=Book Antiqua][indent]Ориентация:[/font] [font=Franklin Gothic]Гетеро[/font][/color]
[color=#CAFEFE][font=Book Antiqua][indent]Фертильность:[/color] [/font][url=https://arhi.rusff.me/viewtopic.php?id=23&p=3#p288796][color=#FC3200][font=Franklin Gothic][u][Бесплодна][/u][/font][/color][/url]
[/size]
[color=black] [/color]
[align=center][color=#CAFEFE][font=Franklin Gothic][size=18][b][u]Сфера деятельности[/u][/b][/size][/font][/color][/align]
[color=black] [/color]
[ul]
[color=#CAFEFE][font=Book Antiqua][size=16]Силовые структуры. Офицер военно-космических сил Легиона Коалиции Рас в звании капитана [в отставке с 4994 года], позывной "Ласка"[/size][/font][/color]
[size=16][font=Book Antiqua][color=#CAFEFE]Командующий МОГ Гамма-10 "Инкогнито" в составе ЧВК "Молот" корпорации[/color] [url=https://arhi.rusff.me/viewtopic.php?pid=129653#p129653][color=#00AA00][u][b]ЭкзоТек[/b][/u][/color][/url] [color=#CAFEFE][с 4995 года], позывной "Ласка"[/color][/font][/size]
[color=#CAFEFE][font=Book Antiqua][size=16]Разведчик, мастер-пилот, участник боевых действий[/size][/font][/color]
[color=#CAFEFE][font=Book Antiqua][size=16]Специалист по высокотехнологичным видам вооружения, инженер-техник[/size][/font][/color]
[/ul]
[/td]
[td  width=20px bgcolor=#000000]
[/td]
[td  bgcolor=#000000]
[color=black] [/color]
[color=black] [/color]
[hr]
[align=center][img]https://forumupload.ru/uploads/001b/8c/87/274/625410.gif[/img][/align]
[hr]
[color=black] [/color]
[html]<center><iframe width="400" height="200" src="https://www.youtube.com/embed/Z2de_HhJH4c?controls=0" title="YouTube video player" frameborder="0" allowfullscreen></iframe></center>[/html]
[/td]
[/tr]
[/table]

Отредактировано Хьюго Иденмарк (2024-09-01 02:40:14)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

+1

13

[nick]Архивы Exo.NET[/nick][status]... в Сети нет забвения ...[/status][icon]https://forumupload.ru/uploads/001b/8c/87/274/814546.jpg[/icon][sign] [/sign][lzbb]<div class="lz"><b>Младший Брат присматривает за тобой</b></div>[/lzbb]

Резервная копия списка эпизодов
:// [Архивы не обработаны] [3]

Вой Химеры. Сектор II
[Квест] [Незавершенное] [ГМ: 7] [Ховер: 4] [Ашере: 6]


Вой Химеры. Сектор V
[Квест] [Незавершенное] [ГМ: 5] [Эль: 2] [Рой: 4]


Вой Химеры. Сектор III
[активно] [ГМ: 11] [Хельга: 5] [Каин: 5]

:// [Архивы доступны для чтения] [Данные собираются] [13]

https://forumupload.ru/uploads/001b/8c/87/274/584439.png
Счетчик: [29]


https://forumupload.ru/uploads/001b/8c/87/274/848831.png
Счетчик: [16]


https://forumupload.ru/uploads/001b/8c/87/274/696398.png
Счетчик: [1]


https://forumupload.ru/uploads/001b/8c/87/274/324257.png
Счетчик: [8]


https://forumupload.ru/uploads/001b/8c/87/274/25965.png
Счетчик: [19]


https://forumupload.ru/uploads/001b/8c/87/274/746087.png
Счетчик: [6]


https://forumupload.ru/uploads/001b/8c/87/274/949595.png
Счетчик: [12]


https://forumupload.ru/uploads/001b/8c/87/274/541356.png
Счетчик: [10]


https://forumupload.ru/uploads/001b/8c/87/274/789817.png
Счетчик: [2]


https://forumupload.ru/uploads/001b/8c/87/274/168225.png
Счетчик: [4]


https://forumupload.ru/uploads/001b/8c/87/274/787139.png
Счетчик: [14]


https://forumupload.ru/uploads/001b/8c/87/274/359863.png
Счетчик: [25]


https://forumupload.ru/uploads/001b/8c/87/274/653123.png
Счетчик: [1]

:// [Архивы доступны для чтения] [Данные собраны] [10]

https://forumupload.ru/uploads/001b/8c/87/274/517831.png


https://forumupload.ru/uploads/001b/8c/87/274/890901.png


https://forumupload.ru/uploads/001b/8c/87/274/644374.png


https://forumupload.ru/uploads/001b/8c/87/274/506799.png


https://forumupload.ru/uploads/001b/8c/87/274/916821.png


https://forumupload.ru/uploads/001b/8c/87/274/22048.png


https://forumupload.ru/uploads/001b/8c/87/274/416798.png


https://forumupload.ru/uploads/001b/8c/87/274/431634.png


https://forumupload.ru/uploads/001b/8c/87/274/944769.png


https://forumupload.ru/uploads/001b/8c/87/274/944054.png

https://forumstatic.ru/files/001b/8c/87/25289.png

:// [Архивы повреждены] [Данные фрагментированы] [6]

https://forumupload.ru/uploads/001b/8c/87/274/812809.png


https://forumupload.ru/uploads/001b/8c/87/274/268380.png


https://forumupload.ru/uploads/001b/8c/87/274/76089.png


https://forumupload.ru/uploads/001b/8c/87/274/818310.png


https://forumupload.ru/uploads/001b/8c/87/274/31322.png


https://forumupload.ru/uploads/001b/8c/87/274/859363.png

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

+1

14

Отредактировано Хьюго Иденмарк (2024-09-15 16:01:56)

Подпись автора

ЧВК "Молот"

Exo.Tech Corp

Хронология

Новая Утопия

Сурья Химан


https://forumupload.ru/uploads/001b/8c/87/274/458344.png

0


Вы здесь » Аркхейм » Блоги игроков » Испытательный стенд


Рейтинг форумов | Создать форум бесплатно