Отредактировано Noelle (2022-04-22 09:19:15)

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

Играй, будто никто не видит; пиши осов, словно канон не существует.
Если нужна психологическая помощь

[html]
<div id="ship7">
  <!-- НАЧАЛО -->

  <div class="sh1" style="background-image:url(https://i.pinimg.com/736x/8b/87/4c/8b87 … 4cbbbf.jpg);"></div>
  <div class="sh2">

    <!-------- ПЕРВЫЙ БЛОК -------->
    <div class="sh3">
      <h6>Лесный Дозор</h6>
      <h7>Группа лесников на службе Сумеру. Ниболее активны в лесу Авидья, где находится их главный аванпост, Гандхарва. Они несут ответственность за помощь нуждающимся путешественникам, а также за сохранение экосистемы тропических лесов Сумеру. Дозор устраняет Зоны Увядания и наблюдает за популяциями зверей. Они также отправляют регулярные отчёты о состоянии леса исследователям Пардис Дхяй, которые, в свою очередь, предоставляют им различную поддержку, например, семена и питательные вещества.</h7>
      <div id="ship8">
        <!-- START -->

        <!-- ПЕРСОНАЖ_1 -->
        <div class="shipp">
          <div class="krt">
            <div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/5c/ … 603619.png)"></div>
          </div>
          <div><span class="namep"><a href="https://genshin-impact.fandom.com/wiki/Amir">Амир</a></span>
            <div class="namp">Лесной Страж, дрессировщик поисково-спасательных собак</div>
            <p>
              Опытный лесник, занимающийся обучением четвероногих и хвостатых помощников Стражей. Внимательный, заботливый и ответственный страж.
            </p>
          </div>
        </div>

        <!-- ПЕРСОНАЖ_2 -->
        <div class="shipp">
          <div class="krt">
            <div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/5c/ … 428199.png)"></div>
          </div>
          <div><span class="namep"><a href="https://genshin-impact.fandom.com/wiki/Ashpazi">Ашпази</a></span>
            <div class="namp">Лесной Страж, инспектор по логистике и шеф-повар</div>
            <p>Умелый охотник и следопыт, отвечающий за провизию и снабжение Лесного Дозора. Недооценённый гений походной кулинарии и мастер шавермы.
            </p>
          </div>
        </div>

        <!-- ПЕРСОНАЖ_3 -->
        <div class="shipp">
          <div class="krt">
            <div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/5c/ … 494671.png)"></div>
          </div>
          <div><span class="namep"><a href="https://genshin-impact.fandom.com/wiki/Rana">Рана</a></span>
            <div class="namp">Лесной Страж, проводник в Сумеру и Порт-Ормос</div>
            <p>Любимица всех детей из Вимары, в прошлом (и будущем) подруга аранар, оберегающая экосистему Авидьи с верным топориком в руках.
            </p>
          </div>
        </div>

        <!-- ПЕРСОНАЖ_4 -->
        <div class="shipp">
          <div class="krt">
            <div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/5c/ … 507138.png)"></div>
          </div>
          <div><span class="namep"><a href="https://genshin-impact.fandom.com/wiki/Izad">Иззард</a></span>
            <div class="namp">Лесной Дозорный, связной Пардис Дхяй</div>
            <p>Лесничий, ответственный за отчёты о состоянии леса. Поддерживает связь с учёными, передаёт информацию и организует помощь.
            </p>
          </div>
        </div>

        <!-- ПЕРСОНАЖ_5 -->
        <div class="shipp">
          <div class="krt">
            <div class="kar" style="background-image:url(https://forumupload.ru/uploads/001b/5c/ … 768761.png)"></div>
          </div>
          <div><span class="namep"><a href="https://genshin-impact.fandom.com/wiki/Nasrin">Назрин</a></span>
            <div class="namp">Лесной Дозорный, наставник исследователей</div>
            <p>Тихоня, из-за профессиональных деформаций всеми приниаемая за нелюдимого интроверта. На деле — великолепный инструктор и следопыт.
            </p>
          </div>
        </div>

     <!-- ПЕРСОНАЖ_6 -->
        <div class="shipp">
          <div class="krt">
            <div class="kar" style="background-image:url(https://i.gyazo.com/aa98f321cf6998af6bf … 58b5dc.png)"></div>
          </div>
          <div><span class="namep"><a href="https://genshin-impact.fandom.com/wiki/Forest_Rangers">...а также авторские персонажи</a></span>
            <div class="namp">Лесной Дозорный или даже Страж</div>
            <p>С вашей собственной историей, задумкой и дизайном.
            </p>
          </div>
        </div>

        <!-- END -->
      </div>
    </div><!-- КОНЕЦ БЛОКА -->

    <!-------- ВТОРОЙ БЛОК -------->
    <div class="sh3">
      <h7><b>Слово от Командующего:</b>
        <br>Пусть не так много про дозорных сказано непосредственно в игре, короткие диалоги с ними уже показывают, какие они интересные и себе на уме ребята. В акции я указал какие-то очевидные из нарратива черты, но сам образ, характер, какие-то особенности оставляю на ваше усмотрении. Как и выбор оружия (кроме Раны, пожалуй), — разве что отмечу, что в силу особенностей работы стрелять из лука учились все. По ссылкам — статьи на Вики со всей имеющейся информацией.
        <br><br>Да, они все на данный момент без Глаза Бога, но, при желании, мы можем сыграть какое-нибудь героическое приключение с приобретением дара небес. Обещаю обеспечивать работой... ой, простите, игрой. При необходимости организую карточную дуэль с генералом-махаматрой. Приходите присмотреть за Коллеи и оберегать наш волшебный лес.
      </h7>
    </div><!-- КОНЕЦ БЛОКА -->

    <!-- КОНЕЦ ЗАВЕРШЁННЫХ ЭПИЗОДОВ -->
  </div>
</div>
</div>
<style>
  @font-face {
    font-family: "Genshin";
    src: url("https://forumstatic.ru/files/0014/98/d3/50051.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
  }

  #ship7 {
    --shtxt: #25443f;
    /* текст в заголовках*/
    --shbg: #f9efe6;
    /* фон в заголовках */
    --shbrd: #1f1f1f;
    /* границы заголовка и картинки */
    --shots: 14px;
    /* отступы эпизодов друг от друга */
    --shotg: 16px;
    /* отступ текста от картинки */
    --shotz: auto auto 16px -40px;
    /* отступ заголовка */
    --shgrad: linear-gradient(90deg,
        transparent 10%,
        #11001a 50%,
        transparent 90%);
  }

  #ship7 {
    max-width: 700px;
    /* ограничиваем ширину блока*/
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 120px auto;
    align-items: start;
    margin: 8px auto auto 2em;
  }

  #ship7 * {
    box-sizing: border-box;
  }

  #ship7 *::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background: rgba(0, 0, 0, 0.05);
  }

  #ship7 *::-webkit-scrollbar-thumb {
    background: var(--shbg);
  }

  #ship7 *::-webkit-scrollbar-corner {
    background: transparent;
  }

  #ship7 .sh1 {
    display: block;
    min-height: 100px;
    height: 100%;
    padding: 0px !important;
    background: var(--shbg) 50% 0% repeat;
    border: 2px solid #fff;
  }

  /* shipovnik */
  #ship7 .sh2 {
    display: block;
    height: 100%;
    width: auto;
    padding: 20px 6px 14px var(--shotg);
  }

  #ship7 .sh3 {
    display: block;
    margin-top: 34px;
  }

  #ship7 .sh3:nth-child(1) {
    margin-top: 0px;
  }

  #ship7 h7 {
    font-family: "Genshin";
    font-size: 13px;
    display: block;
    background: var(--shbg);
    color: var(--shtxt);
    padding: 8px 14px 7px;
    width: 85%;
    margin: var(--shotz);
    border: 1px solid var(--shbrd);
  }

  #ship7 h6 {
    font-family: "Genshin";
    font-size: 18px;
    display: block;
    background: var(--shbg);
    color: var(--shtxt);
    padding: 8px 14px 7px;
    width: 85%;
    margin: var(--shotz);
    border: 1px solid var(--shbrd);
  }

  #ship7 p.sh5 {
    display: block;
    overflow: auto;
    scroll-behavior: smooth;
    padding-right: 8px;
    max-height: 60px;
    width: 470px;
  }

  #ship7 .sh4 {
    position: relative;
    padding: 0 !important;
    margin-bottom: var(--shots);
    text-align: justify;
    font-size: 11px;
    line-height: 120%;
  }

  #ship7 .sh4:last-child {
    margin-bottom: 0px;
  }

  #ship7 .sh4::after {
    display: block;
    content: "";
    width: auto;
    height: 1px;
    background: var(--shgrad);
    margin-top: var(--shots);
  }

  #ship7 .sh4:last-child::after {
    display: none;
  }

  #ship7 a.epss {
    font-family: "Genshin";
    font-size: 13px;
    display: block;
    width: max-content;
  }

  #ship7 .pers {
    font-size: 10px;
    font-family: Tahoma, sans-serif;
    color: rgba(0, 0, 0, 0.6);
    font-style: normal !important;
    display: block;
    width: max-content;
    margin: 3px auto 5px 0px;
  }

  #ship8 {
    --sh1: 80px;
    /* ширина и высота картинки */
    --sh2: #25443f;
    /* цвет описания персонажа и рамки */
  }

  #ship8 {
    max-width: 700px;
    /*** ограничить ширину блока ***/
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-top: 10px;
  }

  #ship8 * {
    box-sizing: border-box;
  }

  /* весь блок карточки */
  .shipp {
    display: flex;
    flex-direction: row;
    width: calc(100% - 14px);
    min-height: calc(var(--sh1) + 20px);
    margin-bottom: 28px !important;
    margin-right: 0px !important;
  }

  .shipp:last-child {
    margin-bottom: 0px !important;
  }

  /* круг */
  .krt {
    display: block;
    width: var(--sh1);
    height: var(--sh1);
    border-radius: 50%;
    outline: 1px solid var(--sh2);
    outline-offset: 6px;
    margin: 6px 16px auto 10px !important;
  }

  .kar {
    display: block;
    width: var(--sh1);
    height: var(--sh1);
    border-radius: 50%;
    background: 50% 50% no-repeat transparent;
    transform: translate(0%, 0%);
    transition: all 0.3s ease;
    background-size: cover;
    margin: auto 8% auto auto;
  }

  .kar:last-child {
    margin-right: 0px;
  }

  .kar:hover {
    transition: all 0.3s ease;
    transform: scale(1.2) translate(0%, 0%);
  }

  .namep,
  .namp {
    display: block;
    text-align: left;
  }

  /* имя */
  .namep {
    line-height: 110%;
    font-family: "Genshin";
  }

  .namep a {
    line-height: 110%;
    font-family: "Genshin";
    font-size: 20px !important;
  }

  /* описание */
  .namp {
    margin-top: 4px !important;
    color: var(--sh2);
    font-size: 10px;
  }

  /* текст */
  .shipp p {
    display: block;
    padding: 0 !important;
    margin-top: 10px !important;
    font-family: Tahoma, Arial, sans-serif;
    line-height: 130% !important;
    text-align: justify;
    width: 80%;
  }
</style>
[/html]

Отредактировано Tighnari (2022-10-23 01:38:52)

В ПОИСКАХ СЕСТРИЧКИ. Я НЕ ЗНАЮ О ТВОЕМ СУЩЕСТВОВАНИИ, НО МЫ ОБЯЗАТЕЛЬНО НАЙДЕМСЯ!

Отредактировано Oleg Wilde (2023-01-15 23:02:34)

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

Как ныне сбирается Снежный Олег Светить плавками за базаром ... Из буйного моря имуги-змея Спасаясь от тьмы, выползала... (с) Zanni

Бэй Доу, контракт на обеспечение морской безопасности Ли Юэ и дружеские посиделки в ресторанах. При подписании контракта Воля Небес гарантирует: ♦ Много работы и щедрую заработную плату; ♦ Компанию для посещения ресторанов и баров; ♦ Игры в шахматы и карты в Нефритовом дворце; ♦ Создание новых прототипов баллисты «Гуй Чжун»; ♦ И столько эпизодов насколько хватит сил и времени.
Е Лань, контракт на проведение контрразведывательных операций и демонстрацию великолепного стиля. При подписании контракта Воля Небес гарантирует: ♦ Много работы и щедрую заработную плату; ♦ Походы по самым роскошным бутикам в Ли Юэ; ♦ Игры в шахматы и карты в Нефритовом дворце; ♦ Карт-бланш на любые методы добычи информации; ♦ И столько эпизодов насколько хватит сил и времени.

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

Будь то переговоры о цене или полноценная торговая война, слава и деньги второстепенны. Чтобы добиться победы, нужно знать, какие карты у вашего оппонента на руках.