лучший пост от имя персонажа
shardworlds
лучший пост от имя персонажа
Everything that shows on the surface today travels very fast and to the north-east. Can that be the time of day? Or is it some sign of weather that I do not know? He could not see the green of the shore now but only the tops of the blue hills that showed white as though they were snow-capped and the clouds that looked like high snow mountains above them. The sea was very dark and the light made prisms in the water. The myriad flecks of the plankton were annulled now by the high sun and it was only the great deep prisms in the blue water that the old man saw now with his lines going straight down into the water that was a mile deep. читать дальше
Everything that shows on the surface today travels very fast and to the north-east. Can that be the time of day? Or is it some sign of weather that I do not know? He could not see the green of the shore now but only the tops of the blue hills that showed white as though they were snow-capped and the clouds that looked like high snow mountains above them. The sea was very dark and the light made prisms in the water. The myriad flecks of the plankton were annulled now by the high sun and it was only the great deep prisms in the blue water that the old man saw now with his lines going straight down into the water that was a mile deep.
рейтинг, жанр, что-то еще
нужные персонажи
активисты недели

Shardworlds

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

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


Вы здесь » Shardworlds » Лор » Архив


Архив

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

1

Шарды
https://upforme.ru/uploads/001c/5e/c1/2/576524.webp
Шарды – магические камни разных размеров и форм, которые позволяют открыть порталлы в разные миры.
Империя распологает большим количеством таких камней, и постоянно находят новые.
С помощью такого камня можно отправтиь небольшой отряд в иной мир. Это сопряжено с огромным риском, требует большого количества энергии и очень опытных магов, по этому миры открываются осторожно и по-очередно.
Соединение происходит ВНЕ времени, поэтому исследователь, дважды зашедший в иной мир, может оказаться в одной и той же дате, даже если для него между ними прошли годы.
Кроме того – пока шарды не соединены, в этом мире НЕВОЗМОЖНО погибнуть.
Исследователь, умерший в том мире – в большоей части случаев возвращается в свой мир абсолютно целым невредимым физически.
Эмоционально и психологически же он получает огромный ущерб, снова и снова переживая свои смерти а может и что похуже, исследователи постепенно сходят с ума и превращаются в безумцев, которых используют в качестве разведчиков – тех, кто первыми ступает на территорию неизведанного мира.

Задача исследовательской группы – обнаружить на территории другого мира шард родного мира, который позволит установить стабильный портал, который соеденит два мира и позволит построить «мост» в другой мир, перемещая между мирами всё что угодно и в любом количестве.

0

2

Шарды — магические кристаллы, обладающие уникальной способностью открывать порталы в иные миры. Они отличаются разнообразием форм и размеров, а их сила настолько велика, что позволяет раздвигать границы реальности. Империя владеет значительными запасами этих камней и ведёт непрерывные поиски новых, стремясь расширить бесконечно растущий голод империи до материальных благ.

Каждое создание портала сопряжено с колоссальным риском.
Создание нестабильного портала требует огромных запасов маны и специально обученых магов высочайшего мастерства. Поддержание таких порталов тоже затратно, по этому открываются они с предельной осторожностью и строго поочерёдно. Соединение миров через нестабильный портал происходит вне временных законов, что создает уникальный парадокс: исследователь, посетивший один и тот же мир в разное время, может оказаться в идентичных временных условиях, даже если между его визитами прошли годы.

Еще одной необычайной особенностью шардов является невозможность физической гибели, пока миры не соединены стабильным порталом. Исследователь, погибший там, в большинстве случаев возвращается в мир с ранениями, но живым. В ментальном плане все иначе, многие исследователи получают глубокие эмоциональные травмы. Порталлы усиливают последствия негативных событий, прожитых через нестабильный порталл, вызывая возможность потери рассудка.

Каждое использование шарда сопряжено с колоссальным риском. Для создания порталов требуется огромный запас маны и специально обученные маги высочайших классов.

0

3

Институт Эррада: Храм тайны, крепость отчаяния.

Глубоко в пустынных просторах, на границе жизни и смерти, находится Институт Эррада — величественная и загадочная цитадель, расположенная вокруг небольшого оазиса. До ближайшего города сотни километров, и лишь раскалённый песок, ледяной ветер и жуткие обитатели этой пустыни сопровождают взгляд на горизонте. Добраться сюда можно только на тяжёлых грузовых дирижаблях, которые медленно и величественно парят над враждебным ландшафтом, доставляя припасы и, иногда, живую дань в виде новых рекрутов.

Пустыня, окружающая институт, полна смертельных угроз: от ядовитых насекомых до хищных существ, чей облик кажется порождением кошмаров. Днём жара выжигает всё живое, а ночью леденящий холод пронзает до костей. Выжить здесь хотя бы один день — подвиг.

Институт состоит из трех основных крыльев.

Первое крыло: Обитель исследователей
Несмотря на громкое название, большинство обитателей первого крыла — скорее заключённые, чем учёные. Это семиэтажное здание символизирует путь от бесправного существа до элиты. На первых этажах царит дух обречённости: обветшалые бараки с тесными койками, минимальный паёк и тяжёлые условия.

Однако каждый исследователь, доказавший свою эффективность, может подняться выше. Второй этаж предлагает скромные, но отдельные комнаты. На третьем этаже — более комфортные условия: мягкие кровати, доступ к библиотеке. На высших этажах — просторные личные апартаменты и относительная свобода перемещения по территории института. Каждый уровень — это шаг к лучшей жизни, но путь наверх усыпан телами тех, кто не выдержал испытаний.

Второе крыло: Территория персонала
Это крыло полностью закрыто для исследователей и строго охраняется. Здесь находятся жилые и рабочие помещения для охраны, ведущих учёных и магов разлома. Их задачи — поддерживать работу института, исследовать шарды и управлять открытиями порталов. Условия здесь роскошны по сравнению с остальными: просторные комнаты, изысканная пища и магические устройства для удобства. Однако за этими привилегиями скрывается напряжённость: любое упущение может стоить жизни.

Третье крыло: Граница безумия
Это крыло находится в отдалении, обнесённое высоким забором с магическими защитами и колючей проволокой. Здесь содержатся «сломленные» — те, чья психика не выдержала ужаса потусторонних миров. Эти существа, некогда бывшие людьми, теперь представляют опасность даже для себя. Вместе с ними здесь находятся провинившиеся исследователи, отбывающие свои наказания.

Попасть в это крыло легко, но выбраться — практически невозможно. Это место, где время замирает, и лишь отголоски боли и безумия напоминают, что жизнь ещё теплится.

0

4

Тут всё старое дерьмецо

0

5

[html]<div class="background" style="display: flex; height: 100vh; background-image: url('https://i.ibb.co/YTR7t92/pukipuk2.png'); background-size: cover; background-position: center;">
  <!-- Левая часть -->
  <div class="left-section" style="flex: 1; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3);">
    <img src="" alt="Placeholder" style="max-width: 90%; max-height: 90%; border: 2px solid white; border-radius: 8px;" />
  </div>

  <!-- Центральная часть -->
  <div class="center-section" style="flex: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 1rem;">
    <h1 style="color: white; font-size: 2rem; text-shadow: 2px 2px 4px black;">Заголовок</h1>
    <p style="color: white; font-size: 1rem; text-shadow: 1px 1px 3px black;">Это текст под заголовком</p>
  </div>

  <!-- Правая часть -->
  <div class="right-section" style="flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 2rem; background: rgba(0, 0, 0, 0.3);">
    <div class="tabs" style="width: 80%; background: rgba(255, 255, 255, 0.1); border-radius: 8px; padding: 1rem;">
      <!-- Вкладки -->
      <div style="display: flex; justify-content: space-between; margin-bottom: 1rem;">
        <button class="tab-button" onclick="showTab(1)" style="flex: 1; padding: 0.5rem; margin-right: 0.5rem; background: rgba(255, 255, 255, 0.2); border: none; color: white; font-weight: bold; border-radius: 4px; cursor: pointer;">Кнопка 1</button>
        <button class="tab-button" onclick="showTab(2)" style="flex: 1; padding: 0.5rem; background: rgba(255, 255, 255, 0.2); border: none; color: white; font-weight: bold; border-radius: 4px; cursor: pointer;">Кнопка 2</button>
      </div>

      <!-- Содержимое вкладок -->
      <div class="tab-content" id="tab-1" style="display: block; color: white; text-align: center;">
        <p style="margin: 0;">Это текст для вкладки 1</p>
      </div>
      <div class="tab-content" id="tab-2" style="display: none; color: white; text-align: center;">
        <p style="margin: 0;">Это текст для вкладки 2</p>
      </div>
    </div>
  </div>
</div>

<script>
  function showTab(tabNumber) {
    const tabs = document.querySelectorAll('.tab-content');
    tabs.forEach((tab, index) => {
      tab.style.display = index + 1 === tabNumber ? 'block' : 'none';
    });
  }
</script>
[/html]

0

6

[html]<div class="container" style="position: relative; width: 500px; height: 221px; background: url('https://i.ibb.co/gMGwPBw/pukipuk3.png') no-repeat center; background-size: cover;">
    <!-- Изображение слева -->
    <div class="left-image" style="position: absolute; left: 10px; top: 55px; width: 100px; height: 100px;">
        <img src="https://i.ibb.co/Btk6bkN/1.png" alt="Изображение" style="width: 100%; height: 100%;">
    </div>

<div class="center" style="position: absolute; left: 130px; top: 40px; width: 240px; height: 120px; text-align: center; color: black;">
    <h1 style="font-size: 16px; margin-bottom: 5px; line-height: 1.2;">Сноп искр</h1>
    <p id="tab-content" style="font-size: 12px; margin-bottom: 5px; line-height: 1.2;">Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.</p>
</div>

    <!-- Прозрачные кнопки для переключения вкладок -->
    <div class="buttons">
        <!-- Основная вкладка (0) -->
        <div onclick="switchTab(0)" style="position: absolute; left: 430px; top: 25px; width: 30px; height: 30px; cursor: pointer;"></div>
        <!-- Вкладка 1 -->
        <div onclick="switchTab(1)" style="position: absolute; left: 430px; top: 95px; width: 30px; height: 30px; cursor: pointer;"></div>
        <!-- Вкладка 2 -->
        <div onclick="switchTab(2)" style="position: absolute; left: 430px; top: 165px; width: 30px; height: 30px; cursor: pointer;"></div>
    </div>
</div>

<script>
    function switchTab(tabNumber) {
        const tabTexts = {
            0: "Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.",
            1: "Увеличивает дальность заклинания на 10 метров",
            2: "В течении следующего хода нанесет дополнительно 1 урона"
        };
        document.getElementById('tab-content').innerText = tabTexts[tabNumber];
    }
</script>
[/html]

0

7

[html]<div class="container" style="position: relative; width: 500px; height: 221px; background: url('https://i.ibb.co/gMGwPBw/pukipuk3.png') no-repeat center; background-size: cover; margin: 0 auto;">
    <!-- Изображение слева -->
    <div class="left-image" style="position: absolute; left: 10px; top: 55px; width: 100px; height: 100px;">
        <img src="https://i.ibb.co/Btk6bkN/1.png" alt="Изображение" style="width: 100%; height: 100%;">
    </div>

    <div class="center" style="position: absolute; left: 130px; top: 40px; width: 240px; height: 120px; text-align: center; color: black;">
        <h1 style="font-size: 16px; margin-bottom: 5px; line-height: 1.2;">Сноп искр</h1>
        <p id="tab-content" style="font-size: 12px; margin-bottom: 5px; line-height: 1.2;">Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.</p>
    </div>

    <!-- Прозрачные кнопки для переключения вкладок -->
    <div class="buttons">
        <!-- Основная вкладка (0) -->
        <div onclick="switchTab(0)" style="position: absolute; left: 430px; top: 25px; width: 30px; height: 30px; cursor: pointer;"></div>
        <!-- Вкладка 1 -->
        <div onclick="switchTab(1)" style="position: absolute; left: 430px; top: 95px; width: 30px; height: 30px; cursor: pointer;"></div>
        <!-- Вкладка 2 -->
        <div onclick="switchTab(2)" style="position: absolute; left: 430px; top: 165px; width: 30px; height: 30px; cursor: pointer;"></div>
    </div>
</div>

<script>
    function switchTab(tabNumber) {
        const tabTexts = {
            0: "Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.",
            1: "Увеличивает дальность заклинания на 10 метров",
            2: "В течении следующего хода нанесет дополнительно 1 урона"
        };
        document.getElementById('tab-content').innerText = tabTexts[tabNumber];
    }
</script>
[/html]

0

8

[html]<div style="background-color: #f5f5dc; border: 1px solid red; padding: 20px; display: inline-block;">
<div class="container" style="position: relative; width: 500px; height: 221px; background: url('https://i.ibb.co/gMGwPBw/pukipuk3.png') no-repeat center; background-size: cover; margin: 0 auto;">
    <!-- Изображение слева -->
    <div class="left-image" style="position: absolute; left: 10px; top: 55px; width: 100px; height: 100px;">
        <img src="https://i.ibb.co/Btk6bkN/1.png" alt="Изображение" style="width: 100%; height: 100%;">
    </div>

    <div class="center" style="position: absolute; left: 130px; top: 40px; width: 240px; height: 120px; text-align: center; color: black;">
        <h1 style="font-size: 16px; margin-bottom: 5px; line-height: 1.2;">Сноп искр</h1>
        <p id="tab-content" style="font-size: 12px; margin-bottom: 5px; line-height: 1.2;">Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.</p>
    </div>

    <!-- Прозрачные кнопки для переключения вкладок -->
    <div class="buttons">
        <!-- Основная вкладка (0) -->
        <div onclick="switchTab(0)" style="position: absolute; left: 430px; top: 25px; width: 30px; height: 30px; cursor: pointer;"></div>
        <!-- Вкладка 1 -->
        <div onclick="switchTab(1)" style="position: absolute; left: 430px; top: 95px; width: 30px; height: 30px; cursor: pointer;"></div>
        <!-- Вкладка 2 -->
        <div onclick="switchTab(2)" style="position: absolute; left: 430px; top: 165px; width: 30px; height: 30px; cursor: pointer;"></div>
    </div>
</div>

<script>
    function switchTab(tabNumber) {
        const tabTexts = {
            0: "Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.",
            1: "Увеличивает дальность заклинания на 10 метров",
            2: "В течении следующего хода нанесет дополнительно 1 урона"
        };
        document.getElementById('tab-content').innerText = tabTexts[tabNumber];
    }
</script>

</div>[/html]

0

9

[html]<div style="
    background-color: #f0e6d2; /* Цвет фона, похожий на старый свиток */
    background-image: url('https://www.transparenttextures.com/patterns/aged-paper.png'); /* Текстура старой бумаги */
    border: 2px solid #8b4513; /* Темная рамка, цвет "сепия" */
    min-height: 100vh; /* Занимает всю высоту страницы */
    width: 100%; /* Занимает всю ширину страницы */
    box-sizing: border-box; /* Учитывает padding и border в размерах */
    padding: 20px; /* Отступы внутри контейнера */
">
    <div class="container" style="position: relative; width: 500px; height: 221px; background: url('https://i.ibb.co/gMGwPBw/pukipuk3.png') no-repeat center; background-size: cover; margin: 0 auto;">
    <!-- Изображение слева -->
    <div class="left-image" style="position: absolute; left: 10px; top: 55px; width: 100px; height: 100px;">
        <img src="https://i.ibb.co/Btk6bkN/1.png" alt="Изображение" style="width: 100%; height: 100%;">
    </div>

    <div class="center" style="position: absolute; left: 130px; top: 40px; width: 240px; height: 120px; text-align: center; color: black;">
        <h1 style="font-size: 16px; margin-bottom: 5px; line-height: 1.2;">Сноп искр</h1>
        <p id="tab-content" style="font-size: 12px; margin-bottom: 5px; line-height: 1.2;">Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.</p>
    </div>

    <!-- Прозрачные кнопки для переключения вкладок -->
    <div class="buttons">
        <!-- Основная вкладка (0) -->
        <div onclick="switchTab(0)" style="position: absolute; left: 430px; top: 25px; width: 30px; height: 30px; cursor: pointer;"></div>
        <!-- Вкладка 1 -->
        <div onclick="switchTab(1)" style="position: absolute; left: 430px; top: 95px; width: 30px; height: 30px; cursor: pointer;"></div>
        <!-- Вкладка 2 -->
        <div onclick="switchTab(2)" style="position: absolute; left: 430px; top: 165px; width: 30px; height: 30px; cursor: pointer;"></div>
    </div>
</div>

<script>
    function switchTab(tabNumber) {
        const tabTexts = {
            0: "Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.",
            1: "Увеличивает дальность заклинания на 10 метров",
            2: "В течении следующего хода нанесет дополнительно 1 урона"
        };
        document.getElementById('tab-content').innerText = tabTexts[tabNumber];
    }
</script>

<div class="container" style="position: relative; width: 500px; height: 221px; background: url('https://i.ibb.co/gMGwPBw/pukipuk3.png') no-repeat center; background-size: cover; margin: 0 auto;">
    <!-- Изображение слева -->
    <div class="left-image" style="position: absolute; left: 10px; top: 55px; width: 100px; height: 100px;">
        <img src="https://i.ibb.co/Btk6bkN/1.png" alt="Изображение" style="width: 100%; height: 100%;">
    </div>

    <div class="center" style="position: absolute; left: 130px; top: 40px; width: 240px; height: 120px; text-align: center; color: black;">
        <h1 style="font-size: 16px; margin-bottom: 5px; line-height: 1.2;">Сноп искр</h1>
        <p id="tab-content" style="font-size: 12px; margin-bottom: 5px; line-height: 1.2;">Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.</p>
    </div>

    <!-- Прозрачные кнопки для переключения вкладок -->
    <div class="buttons">
        <!-- Основная вкладка (0) -->
        <div onclick="switchTab(0)" style="position: absolute; left: 430px; top: 25px; width: 30px; height: 30px; cursor: pointer;"></div>
        <!-- Вкладка 1 -->
        <div onclick="switchTab(1)" style="position: absolute; left: 430px; top: 95px; width: 30px; height: 30px; cursor: pointer;"></div>
        <!-- Вкладка 2 -->
        <div onclick="switchTab(2)" style="position: absolute; left: 430px; top: 165px; width: 30px; height: 30px; cursor: pointer;"></div>
    </div>
</div>

<script>
    function switchTab(tabNumber) {
        const tabTexts = {
            0: "Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.",
            1: "Увеличивает дальность заклинания на 10 метров",
            2: "В течении следующего хода нанесет дополнительно 1 урона"
        };
        document.getElementById('tab-content').innerText = tabTexts[tabNumber];
    }
</script>

</div>[/html]

0

10

[html]<div style="
    background-color: #f0e6d2;
    background-image: url('https://www.transparenttextures.com/patterns/aged-paper.png');
    border: 2px solid #8b4513;
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
">
    <!-- Первое заклинание -->
    <div class="container" style="position: relative; width: 500px; height: 221px; background: url('https://i.ibb.co/gMGwPBw/pukipuk3.png') no-repeat center; background-size: cover; margin: 0 auto;">
        <!-- Изображение слева -->
        <div class="left-image" style="position: absolute; left: 10px; top: 55px; width: 100px; height: 100px;">
            <img src="https://i.ibb.co/Btk6bkN/1.png" alt="Изображение" style="width: 100%; height: 100%;">
        </div>

        <div class="center" style="position: absolute; left: 130px; top: 40px; width: 240px; height: 120px; text-align: center; color: black;">
            <h1 style="font-size: 16px; margin-bottom: 5px; line-height: 1.2;">Сноп искр</h1>
            <p id="tab-content-1" style="font-size: 12px; margin-bottom: 5px; line-height: 1.2;">Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.</p>
        </div>

        <!-- Прозрачные кнопки для переключения вкладок -->
        <div class="buttons">
            <div onclick="switchTab(0, 'tab-content-1')" style="position: absolute; left: 430px; top: 25px; width: 30px; height: 30px; cursor: pointer;"></div>
            <div onclick="switchTab(1, 'tab-content-1')" style="position: absolute; left: 430px; top: 95px; width: 30px; height: 30px; cursor: pointer;"></div>
            <div onclick="switchTab(2, 'tab-content-1')" style="position: absolute; left: 430px; top: 165px; width: 30px; height: 30px; cursor: pointer;"></div>
        </div>
    </div>

    <!-- Второе заклинание -->
    <div class="container" style="position: relative; width: 500px; height: 221px; background: url('https://i.ibb.co/gMGwPBw/pukipuk3.png') no-repeat center; background-size: cover; margin: 20px auto;">
        <!-- Изображение слева -->
        <div class="left-image" style="position: absolute; left: 10px; top: 55px; width: 100px; height: 100px;">
            <img src="https://i.ibb.co/Btk6bkN/1.png" alt="Изображение" style="width: 100%; height: 100%;">
        </div>

        <div class="center" style="position: absolute; left: 130px; top: 40px; width: 240px; height: 120px; text-align: center; color: black;">
            <h1 style="font-size: 16px; margin-bottom: 5px; line-height: 1.2;">Сноп искр</h1>
            <p id="tab-content-2" style="font-size: 12px; margin-bottom: 5px; line-height: 1.2;">Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.</p>
        </div>

        <!-- Прозрачные кнопки для переключения вкладок -->
        <div class="buttons">
            <div onclick="switchTab(0, 'tab-content-2')" style="position: absolute; left: 430px; top: 25px; width: 30px; height: 30px; cursor: pointer;"></div>
            <div onclick="switchTab(1, 'tab-content-2')" style="position: absolute; left: 430px; top: 95px; width: 30px; height: 30px; cursor: pointer;"></div>
            <div onclick="switchTab(2, 'tab-content-2')" style="position: absolute; left: 430px; top: 165px; width: 30px; height: 30px; cursor: pointer;"></div>
        </div>
    </div>
</div>

<script>
    function switchTab(tabNumber, tabId) {
        const tabTexts = {
            0: "Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.",
            1: "Увеличивает дальность заклинания на 10 метров",
            2: "В течении следующего хода нанесет дополнительно 1 урона"
        };
        document.getElementById(tabId).innerText = tabTexts[tabNumber];
    }
</script>[/html]

0

11

[html]<!-- Первое заклинание -->
<div class="container" style="position: relative; width: 500px; height: 221px; background: url('https://i.ibb.co/gMGwPBw/pukipuk3.png') no-repeat center; background-size: cover; margin: 0 auto;">
    <!-- Изображение слева -->
    <div class="left-image" style="position: absolute; left: 10px; top: 55px; width: 100px; height: 100px;">
        <img src="https://i.ibb.co/Btk6bkN/1.png" alt="Изображение" style="width: 100%; height: 100%;">
    </div>

    <div class="center" style="position: absolute; left: 130px; top: 40px; width: 240px; height: 120px; text-align: center; color: black;">
        <h1 style="font-size: 16px; margin-bottom: 5px; line-height: 1.2;">Сноп искр</h1>
        <p id="tab-content-1" style="font-size: 12px; margin-bottom: 5px; line-height: 1.2;">Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.</p>
    </div>

    <!-- Прозрачные кнопки для переключения вкладок -->
    <div class="buttons">
        <div onclick="switchTab(0, 'tab-content-1')" style="position: absolute; left: 430px; top: 25px; width: 30px; height: 30px; cursor: pointer;"></div>
        <div onclick="switchTab(1, 'tab-content-1')" style="position: absolute; left: 430px; top: 95px; width: 30px; height: 30px; cursor: pointer;"></div>
        <div onclick="switchTab(2, 'tab-content-1')" style="position: absolute; left: 430px; top: 165px; width: 30px; height: 30px; cursor: pointer;"></div>
    </div>
</div>

<!-- Второе заклинание -->
<div class="container" style="position: relative; width: 500px; height: 221px; background: url('https://i.ibb.co/gMGwPBw/pukipuk3.png') no-repeat center; background-size: cover; margin: 20px auto;">
    <!-- Изображение слева -->
    <div class="left-image" style="position: absolute; left: 10px; top: 55px; width: 100px; height: 100px;">
        <img src="https://i.ibb.co/Btk6bkN/1.png" alt="Изображение" style="width: 100%; height: 100%;">
    </div>

    <div class="center" style="position: absolute; left: 130px; top: 40px; width: 240px; height: 120px; text-align: center; color: black;">
        <h1 style="font-size: 16px; margin-bottom: 5px; line-height: 1.2;">Сноп искр</h1>
        <p id="tab-content-2" style="font-size: 12px; margin-bottom: 5px; line-height: 1.2;">Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояниие до 10 метров.</p>
    </div>

    <!-- Прозрачные кнопки для переключения вкладок -->
    <div class="buttons">
        <div onclick="switchTab(0, 'tab-content-2')" style="position: absolute; left: 430px; top: 25px; width: 30px; height: 30px; cursor: pointer;"></div>
        <div onclick="switchTab(1, 'tab-content-2')" style="position: absolute; left: 430px; top: 95px; width: 30px; height: 30px; cursor: pointer;"></div>
        <div onclick="switchTab(2, 'tab-content-2')" style="position: absolute; left: 430px; top: 165px; width: 30px; height: 30px; cursor: pointer;"></div>
    </div>
</div>
[/html]

0

12

[html]

<div class="container" style="position: relative; width: 500px; height: 221px; background: url('https://i.ibb.co/3ydTprP/pass.png') no-repeat center; background-size: cover; margin: 0 auto;">
    <!-- Изображение слева -->
    <div class="left-image" style="position: absolute; left: 10px; top: 55px; width: 100px; height: 100px;">
        <img src="https://i.ibb.co/Q8F4PWG/c4555.png" alt="Изображение" style="width: 100%; height: 100%;">
    </div>

    <!-- Заголовок и текст в центре светлого прямоугольника -->
    <div class="center" style="position: absolute; left: 180px; top: 40px; width: 240px; height: 120px; text-align: center; color: black;">
        <h1 style="font-size: 16px; margin-bottom: 5px; line-height: 1.2;">Сноп искр</h1>
        <p id="tab-content-1" style="font-size: 12px; margin-bottom: 5px; line-height: 1.2;">Персонаж концентрирует в руке магию огня, а затем множеством раскаленных искр, на расстояние до 10 метров.</p>
    </div>
</div>

[/html]

0


Вы здесь » Shardworlds » Лор » Архив


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