Амс
    фэнтези • рисованные внешности • магия • песочница
    478 год после разлома
    best post by Corvo Минутная стрелка переползает одиннадцатую отметку. Птица внутри клетки сидит на жёрдочке неподвижно — случайный посетитель мог бы даже принять её за искусное чучело. Только случайных посетителей здесь, как правило, не бывает, и сегодня не исключение. Ворон чуть наклоняет голову, отмечая про себя мягкий шорох шагов по ковру на лестнице. Въевшаяся с детства привычка — всегда следить за движением вокруг, всегда быть начеку. Позволяет выиграть необходимые мгновения для побега или манёвра на опережение. Хотя сейчас рваться некуда и незачем. Он знает этот звук и знает, что тот ничем ему не грозит. Он обещает компанию, к которой Корво успел уже притереться и за неимением лучшего слова по-своему сродниться. Другие шаги — более тяжёлые, чуть шаркающие, — ему незнакомы. Пара останавливается у двери. Стук — негромкий, деликатный, немного церемонный и оттого забавный, — предшествует появлению хозяйки и её гостя на пороге, и ворон наблюдает со своего места за их приближением. Минутная стрелка завершает очередной оборот, и часы раздаются боем, таким же, как всегда, но в этот раз Корво кажется, что вот-вот грядёт нечто.
    Активисты недели
    Нужны в игру
    Heylardance of death

    Хейлар. Пляска Смерти

    Объявление

    1/12 "Йольский Снежник" Грандиозное зимнее приключение 1/12 Информационная доска Все, что надо знать! 1/12 Задания Риски и интересности 24/11 Облик из иного мира Расскажи о себе и забери награду! 24/11 Сплетни у камина! Планы? Споры? Чья гостинная лучше? 24/11 Лотерея "Зерцало Миражей" Делайте ставки, дамы и господа! 24/11 Событие "Иллюзорный Лабиринт" Проверка вашей удачи и дедукции! 10/11 Обновление лора Дополнение матчасти, карты 03/11 Голосование! Выбор лучшей страшилки 14/10 Тенегранник! Конкурсы, карнавалы, обновления! 29/09 Первый сезон Квестов! Спешите успеть записаться! 29/09 Обновление банка Дополнены награды Проходимцам 29/09 Новости Поздравляем активистов 22/09 Хронология Дополнена история мира! 19/09 Открытие Мы открылись и рады вас видеть! 04/09 Артефакты Правки и Подарки! 28/08 Хортирия Центральный хаб, карты, банк, Артефакты! 25/08 Лор Крупное дополнение Лора 04/08 Пазлы Мини-интерактив 02/08 На взлет! Мы здесь и мы ищем АМС!)

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

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


    Вы здесь » Хейлар. Пляска Смерти » Dancing Lights » Новости


    Новости

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

    1

    И да настанет всему свое место и время. Первому сообщению в это теме - Тоже. Здесь, отныне, будут появляться новости Хейлара, чувствоваться наиболее активные жители, а так же возвещаться грядущие изменения[hideprofile]

    +1

    2

    Большое дополнение Лора
    Выходим из затишья сразу с весьма крупным обновлением. Особенно сильно они коснулись наполнения темы  Legend Lore. Итак, преступим.

    К тем расам, что уже существовали, были добавлены Преображенные. Некогда обычные жители своего мира, они столкнулись с чем-то, что навсегда их изменило. Вера, Магия, Случайность... отныне есть нечто, разительно отличающее их от прочих. Преображенными можно стать во время игры или написать сразу анкету на такого героя.

    Усердие ли или талант - многие хейларцы наделены особыми силами, что они либо развивают, либо просто живут с их зачатками, плененные круговоротом событий. Здесь вы найдете информацию о том, какими силами могут обладать герои и будете вольны сами ими распоряжаться. В том, чтобы эффективнее справляться с некоторыми невзгодами, вы можете обратиться к боевой системе Силы и Слабости, что позволит вам получить стартовые бонусы, и выбрать не самую сильную сторону для своего персонажа. 

    Опасности, что находятся в мире весьма разнообразны. Кроме привычных животных, вполне возможно встретить самых настоящих чудовищ. Часть их них будет жаждать лишь уничтожения, но с некоторыми можно договориться. Информацию о них вы сможете найти в Бестиарии, что будет пополняться как АМС, так и игроками.

    Идя дорогой приключений, многие принимают решение объединиться в группы. Некоторые, в итоге, становятся учеными. Иные - гильдиями охотников, услугами коих пользуются по всему миру. Информацию о Наиболее влиятельных Организациях Хейлара вы сможете найти здесь. А часть из этих Организаций или Гильдий игроки вольны создать сами во время нахождения здесь. Ибо имея дружеское плечо рядом, возможно исследовать далеко не только родные края.

    Мир Хейлара - один из многих. И наиболее тесно с ним соседствуют 3 плана. Тартар - Край, где всем заправляют великие Князья и Княгини, находящиеся в вечном поиске силы, дабы подняться выше в иерархии. Тирна-Ноэль - План, где благие и неблагие фейри из Королевства Зимы, Весны, Лета и Осени охраняют сон дракона Аэлиндора, породившего все существующие измерения, и вход в Начало Всех Истин - библиотеку, что хранит в себе ответы на все вопросы. Велгрот - Край Тени, где навеки запечатлены последние мгновения жизни как отдельных личностей, так и целых планет.  Какие-то из этих планов - мирные соседи. Но Князья и Княгини Тартара делают все возможное для того, чтобы усилить свое влияние на мир.

    Что же, теперь, после всего, с чем вы теперь имейте возможность познакомиться, рады сообщить вам о том, что теперь открыты шаблоны для анкет. Они находятся в этой теме. И, для тех, кто уже с нами, до открытия проекта объявляем возможность заполнения упрощенного шаблона!) В графе зов поставьте ссылку на это сообщение.

    В скором времени будут выложены Артефакты, Банк И первые сюжетные акции от АМС.

    Спасибо, что с нами! И да прибудут с вами Зефиры!

    [hideprofile]

    +1

    3

    [hideprofile]

    Последний рывок
    Что же. Мы рады сообщить о том, что проект выходит на финишную прямую! Сегодня был дополнен последний кусочек истории мира - расписана Хортирия. Именно там будут происходит все основные события игры и расположена важнейшая точка притяжения самых разных искателей приключений.
    В общем доступе теперь находятся Банк и Лавка Артефактов и Зелий. Валютой Форума будут Золотые Искры - для кого красивые стекляшки, в коих словно заперт солнечный свет, а кому-то - весьма ценный товар для обмена.

    Вместе с тем, сообщаем о том, что проект переводит на теперь уже открытый тест. Впереди нас ждет последний шаг. Обновление Дизайна! Вместе с ним будут добавлены последние темы:

    • Сетка Ролей и Внешностей

    • Открытый Список Твинков

    • Вызов ГМ-а для внесения хаоса в эпизод

    • Доска Объявлений - запись в классически квесты и "Главы" - короткие приключения на 3-4 часа максимум для 2 игроков.

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

    • Гильдии Хейлара - Тема, где будет список Гильдий Игроков

    • Акции от АМС - четверка весьма важных для истории героев, что стоят на пути к большому открытию.

    Да прибудут с вами Зефиры!

    +3

    4

    [hideprofile]

    Переменчивая погода
    Приветствуем вас, Хейларцы. Рады сообщить, что работа над нашим новым обликом кипит! Но Кипит она не только над обликами.
    Были внесены незначительные дополнения в матчасть, а именно - дополнена информация по артефактам! В разделе Магия, Вера, Сила, Ловкость, Ум было примерно описано то, как пользователи магии и божественных даров могут создавать и использовать артефакты. Для тех, кто решит избрать себе эту стезю, будет возможность продать артефакты в лавке, получая в подарок его версию в свою коллекцию. Кроме этого в случае покупке предложенного артефакта, создателю будут перечисляться Золотые Искры.

    Была дополнена информация и про божеств. Вы вольны придумывать своих малых божеств и духов, коим может поклоняться в тех или иных краях, но имейте в виду - такие Сущности не могут быть наделены слишком большой силой, а то и вовсе могут не быть способными ее распространить вне пределов своих владений.

    Среди правил есть следующие изменения. Были дополнены правила касательно имен и внешностей. Имена могут дублироваться до 3 раз. Так же каждый участник может брать себе до 2 внешностей (пара персонаж - рисунок/AI). В дальнейшем будет возможность выкупить себе дополнительную внешность в банке. Так же, по желанию, вы можете зарегистрироваться в качестве "Проходимца". Это - не игровой профиль, позволяющий быть на форуме для общения и прощупывать почву без лишней спешки.  Короткие тезисы:

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

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

    И последнее, немаловажное объявление. Вы можете начинать уже открывать свои первые игры! Все они будут учтены при переходе на новый дизайн. Так же были написаны временные шаблоны для Личных Званий и списков, кои вы, по желанию, можете уже заполнить!) Их внешний вид в дальнейшем может поменяться, но такая возможность у вас отныне есть!

    По секрету...  А торговца хорошее настроение, а потому можно попросить у него артефакт от обычного до редкого... Акция временная.

    Цифра в шапке сменилась уже к 95. И 100% близки, как никогда. Удачи вам!)
    Да прибудут с вами Зефиры!

    +1

    5

    [hideprofile]

    *Та самая тема из киберпанка*
    Ту ту ту ту ту ту ту ту ту... Кхем, кхем, немного Хорией повеяло. Приветствуем вас,  дорогие любопытствующие и жители мира. На тесте уже активно проверяется, как все будет располагаться... И как же хорошо оно будет располагаться!

    Для развлечения и набивания карманов были добавлены новые пазлы! Старые все так же можно собрать, но награда за них будет уменьшена.  В магазине торговца все так же доступна акция на артефакты. Оставим ее до открытия, а потому есть еще все шансы урвать удачу за хвост. И да, у вас будет страничка, где можно будет все красиво разместить.

    Постепенно новости будут все более регулярными, и от этого и боязно и приятно.

    Хорошей вам недели!) Да прибудут с вами Зефиры!

    +1

    6

    [hideprofile]

    Внимание
    В 20:00 по МСК сайт уходит на профилактику. Мы готовы...

    +1

    7

    [hideprofile]

    Мы открылись!!!!
    Это был крайне долгий путь, но ныне счастливы сказать, что мы открылись!)
    Будем рады и готовы ответить на все ваши вопросы, а так же - прояснить любые моменты. Спасибо всем тем, кто был с нами с самого начала. Ваше участие было очень важным!

    И, вместе с этим, запускаем временную акцию!) До 30.09 доступна регистрация по упрощенному шаблону с 10 фактами о персонаже!) Чтобы воспользоваться ей прикрепите к анкете ссылку на это сообщение

    +2

    8

    Дополнение Матчасти


    Доброго времени суток, жители и гости Хейлара!

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

    Из более "форумного", у нас теперь есть личные страницы, что можно постепенно начинать заполнять.

    Да пребудут с вами Зефиры!)

    [hideprofile]

    +2

    9

    [hideprofile][html]  <style>   
    .news-container {
        width: 800px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 5px 5px 40.4px -13.43px var(--shadow);
        background: var(--green-bg) no-repeat center/cover;
        display: flex;
        flex-direction: column;
    }

    .news-header {
        width: 100%;
        height: 82px;
        padding: 20px 175px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--green);
        color: var(--tab-text);
        position: relative;
    }

            .news-title {
                font-family: var(--sec-font);
                text-transform: uppercase;
                font-size: 24px;
                font-weight: bold;
              text-align: center;
            }

    .news-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        bottom: -35px;
        left: calc(5% - 10px);
        border: 3px solid var(--accent);
        object-fit: cover;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }
    .news-header img:hover{    transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}

            .news-summary {
                font-size: 11px;
                flex-basis: 40%;
                text-align: right;
            }
            .news-summary span {
                font-style: italic;
                color: var(--navi-link);
            }
            .news-content {
                width: calc(100% - 40px);
                height: calc(100% - 82px);
                flex-grow: 1;
                padding: 70px 40px 20px 40px;
                box-sizing: border-box;
                background: var(--base-bg2);
                margin: 0 auto;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .news-text-top {
                text-align: justify;
            }

            .news-text-middle {
                display: flex;
                justify-content: end;
                align-items: flex-start; /* Изменено с center на flex-start */
                width: calc(100% + 60px);
                margin-left: -30px;
            }

            .news-text-middle-image {
                flex-grow: 1;
                text-align: center;
            }

    .news-text-middle-image img {
        max-width: 60px;
        border-radius: var(--br300);
    }

    .news-text-middle-highlight {
        background: var(--pf-bg);
        display: inline-block;
        width: 80%;
        max-width: 80%;
        min-height: 74px;
        padding: 20px;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: var(--br300);
        margin-right: -30px;
        text-align: justify;
        /* Убрано ограничение высоты и добавлен автоматический рост */
        height: auto;
        overflow: visible;
    }
    .news-text-middle-highlight h3{
    font-family: var(--sec-font);
    color: var(--accent);
    font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; /* Добавлены отступы для заголовка */
    }

    .news-text-middle-highlight a {
        white-space: nowrap;
        display: inline !important;
    }
            .news-text-bottom {
                flex-grow: 1;
                overflow: auto;
                padding-right: 10px;
            }

    .news-text-goodbye {
        text-align: right;
        text-transform: uppercase;
        font-family: var(--sec-font);
        font-size: 20px;
        color: var(--accent);
        margin-top: -10px;
        padding-top: 13px;
    }

    .activists-section {
        background: var(--pf-bg);
        padding: 10px 40px 10px 40px;
        margin-top: -15px;
        border-radius: 10px;
    }

       .activists-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 10px;
    }

    .activist-card {
        text-align: center;
        padding: 15px;
    }

    .activist-card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid var(--accent);
        margin-bottom: 10px;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .activist-card img:hover{transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}
            .activist-card .name {
                font-family: var(--sec-font);
                color: var(--accent);
                font-weight: bold;
                font-size: 14px;
            }

    .additional-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 20px;
        border-radius: var(--br300);
    }

            .info-block h3 {
                font-family: var(--sec-font);
                color: var(--accent);
                font-size: 16px;
                margin-bottom: 10px;
                text-transform: uppercase;
            }

    .info-block .content {
        font-size: 12px;
        color: var(--sec-text);
        line-height: 1.5;
        height: 100px;
        overflow-y: auto;
        padding: 7px;
        font-style: italic;
    }

    .episode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        height: 100%;
    }

    .episode-image {
        width: 300px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--br300);
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .episode-image:hover {
      filter: grayscale(5%);
    transition: all .7s ease-in-out 0s;}

    .episode-characters {
        text-align: center;
        font-style: italic;
        color: var(--sec-text);
    }

            .mention {
                color: var(--accent2);
                font-weight: bold;
                text-decoration: none;
            }

            .mention:hover {
                color: var(--navi-link-hov);
                text-decoration: underline;
            }

            /* Стили для скроллбара */
            ::-webkit-scrollbar {
                width: 6px;
            }

            ::-webkit-scrollbar-track {
                background: var(--podform);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb {
                background: var(--accent);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: var(--accent2);
            }

    @media screen and (max-width: 540px) {
    .news-container {
    width: 100%;}
    .activists-section {
        background: var(--pf-bg);
        padding: 10px 10px 10px 10px;

    }
    .activists-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .episode-image {
        width: 100%;
    }
    .activist-card {
        padding: 6px;
    }
    .news-header {
        padding: 6px 105px;
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .news-text-middle {
     
        align-items: center;
        width: 100%;
        margin-left: 0;
    }
    .news-text-middle-highlight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }}
       </style>

       <div class="news-container">
            <div class="news-header">
                <div class="news-title">НОВОСТИ ФОРУМА</div>
                <div class="news-summary">
                    <span>Выпуск №1</span><br>
                    Стабильные новости
                </div>

                <img src="https://upforme.ru/uploads/001c/86/4e/3/854306.gif" target="_blank" title="Кар-Кар-Кар">
            </div>

            <div class="news-content">
                <div class="news-text-top">
                    <strong>Всем доброго времени суток.</strong> Понедельник день суровый, но в наших силах сделать его лучше, потому что нам есть о чем сказать.<br><br>

                    Дорогие друзья, рады поздравить вас с Первыми <strong>СТАБИЛЬНО ВЫХОДЯЩИМИ</strong> новостями.<br><br>
                </div>

               <!-- --><div class="news-text-middle">
                    <div class="news-text-middle-image">
                        <img src="https://upforme.ru/uploads/001c/86/4e/2/424573.png">
                    </div>
                   <div class="news-text-middle-highlight">
                      <h3>Обновления Лора!</h3>
    После обновления хронологии был незначительно изменен лор <a href="/viewtopic.php?id=10#p13" class="mention">драконов</a> в разделе расы. Было прописано их прошлое, как существ изначально эфирных и появившихся не на Хейларе, а деление на металлическую и цветную стаю было прописано так же До начала жизни здесь. Прочие части остались неизменны. Так же обращаем внимание на то, что был Значительно изменен  лор <a href="/viewtopic.php?id=10#p16" class="mention">Дроу</a> и <a href="/viewtopic.php?id=9#p10" class="mention">Мерцающих недр</a>.
                    </div>
                </div>

                <div class="news-text-bottom">
    Теперь же мы можем поздравить наших прекрасных активистов, что блеснули на этой неделе!)
                    Аплодисменты <a href="/profile.php?id=15" class="mention">Percivale</a> и <a href="/profile.php?id=19" class="mention">Helg</a>! Так держать! Ждем ваших свершений и ваших танцев на костях.<br><br>

                    Флуд разожгли юность и опытность! <a href="/profile.php?id=22" class="mention">Daughter of the clouds</a> и <a href="/profile.php?id=25" class="mention">Vellarys</a> устраивают там уют и сплошное очарование!)<br><br>

                    <strong>Спасибо вам, дорогие друзья!</strong><br><br>

                    Переходя к дополнениям, можно сказать о том, что у нас появились новые лавки, где можно купить <strong><a href="/viewtopic.php?id=76" class="mention">Украшение для профиля</a></strong> и <a href="/viewtopic.php?id=81" class="mention"><strong>Сувениры</strong></a>. <br><br>

                    Можете смело заходить и смотреть на <a href="/viewtopic.php?id=21#p56" class="mention">новые пазлы</a>, а они будут загадочно смотреть на вас в ответ. И так же не забывайте о возможности погадать на картах <a href="/viewtopic.php?id=29#p68" class="mention">таро</a>!)
                </div>

                <div class="news-text-goodbye">
                    Удачной недели!
                </div>
            </div>

            <div class="activists-section">
                <div class="activists-grid">
                    <div class="activist-card">
                       <a href="https://heylar.f-rpg.me/profile.php?id=15" target="_blank" title="Постописец Персиваль"><div><img src="https://upforme.ru/uploads/001c/86/4e/2/21195.jpg"></div></a>
                    </div>
                    <div class="activist-card">
    <a href="https://heylar.f-rpg.me/profile.php?id=19" target="_blank" title="Постописец Хельг"><div><img src="https://upforme.ru/uploads/001c/86/4e/2/558314.jpg"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=22" target="_blank" title="Флудер Рейвен"><div><img src="https://forumavatars.ru/img/avatars/001c/86/4e/22-1759013279.jpg"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=25" target="_blank" title="Флудер Велларис"><div><img src="https://forumavatars.ru/img/avatars/001c/86/4e/25-1758792829.jpg"></div></a>
                    </div>
                </div>

                <div class="additional-info">
                    <div class="info-block">
                        <h3>Лучший пост от <a href="/profile.php?id=19" class="mention">Helg</a>!</h3>
                        <div class="content">
                           Для гостей Края Тишины местное кладбище было всего лишь нагромождением незнакомых разномастных памятников, цветов, высаженных на могилах заботливыми родственниками усопших, незнакомых, порой всеми забытых имен. Для сардритов, и для Хельга в частности, кладбище было системой, где территория была разбита на квадраты, где свежие захоронения по определенным правилам соседствовали со старыми, живым механизмом, неслышный ритм работы которого Вайрд Итархэ чувствовал кожей. Он чувствовал, как в секторах недавнего упокоения еще звучит эхо прощальных слов. Он ощущал густую, похожую на тугую смолу тишину завершенных судеб там, где располагались вековые склепы.
                        </div>
                    </div>
                    <div class="info-block">
                        <h3>Эпизод Недели</h3>
                        <div class="content">
                            <div class="episode-container">
                                <a href="https://heylar.f-rpg.me/viewtopic.php?id=77#p1110" target="_blank" title="Блюз для мертвеца"><img src="https://upforme.ru/uploads/001c/86/4e/15/649219.jpg? text=Блюз+для+мертвеца" alt="Эпизод недели" class="episode-image"></a>
                                <div class="episode-characters">Helg, Percivale</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </html>[/html]

    +4

    10

    [hideprofile]Обновление Банка!

    Учитывая то, что теперь у нас есть первые проходимцы, доработаны награды в Золотых искрах для них!
    Придя на форум Проходимцем, есть возможность получить себе 10 Искр на счет. В случае, такой пользователь решает стать игроком, ему начисляется еще 15 Искр. Такой цикл работает только раз и только если пользователь до этого не был игроком.
    Будем ждать Вас и желаем приятного времяпрепровождения.
    Да прибудут с вами Зефиры!)

    +3

    11

    Первый сезон Квестов.


    Вы не ждали, но эта пятница решила быть яркой. Открывается запись на первые квесты! В той же теме вы сможете ознакомиться с системой форума и тем, какие квесты здесь есть.
    Бдуте осмотрительны и взвешивайте риски.
    Фортуна любит смелых!

    [hideprofile]

    +3

    12

    [hideprofile][html]  <style>   
    .news-container {
        width: 800px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 5px 5px 40.4px -13.43px var(--shadow);
        background: var(--green-bg) no-repeat center/cover;
        display: flex;
        flex-direction: column;
    }

    .news-header {
        width: 100%;
        height: 82px;
        padding: 20px 175px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--green);
        color: var(--tab-text);
        position: relative;
    }

            .news-title {
                font-family: var(--sec-font);
                text-transform: uppercase;
                font-size: 24px;
                font-weight: bold;
              text-align: center;
            }

    .news-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        bottom: -35px;
        left: calc(5% - 10px);
        border: 3px solid var(--accent);
        object-fit: cover;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }
    .news-header img:hover{    transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}

            .news-summary {
                font-size: 11px;
                flex-basis: 40%;
                text-align: right;
            }
            .news-summary span {
                font-style: italic;
                color: var(--navi-link);
            }
            .news-content {
                width: calc(100% - 40px);
                height: calc(100% - 82px);
                flex-grow: 1;
                padding: 70px 40px 20px 40px;
                box-sizing: border-box;
                background: var(--base-bg2);
                margin: 0 auto;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .news-text-top {
                text-align: justify;
            }

            .news-text-middle {
                display: flex;
                justify-content: end;
                align-items: flex-start; /* Изменено с center на flex-start */
                width: calc(100% + 60px);
                margin-left: -30px;
            }

            .news-text-middle-image {
                flex-grow: 1;
                text-align: center;
            }

    .news-text-middle-image img {
        max-width: 60px;
        border-radius: var(--br300);
    }

    .news-text-middle-highlight {
        background: var(--pf-bg);
        display: inline-block;
        width: 80%;
        max-width: 80%;
        min-height: 74px;
        padding: 20px;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: var(--br300);
        margin-right: -30px;
        text-align: justify;
        /* Убрано ограничение высоты и добавлен автоматический рост */
        height: auto;
        overflow: visible;
    }
    .news-text-middle-highlight h3{
    font-family: var(--sec-font);
    color: var(--accent);
    font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; /* Добавлены отступы для заголовка */
    }

    .news-text-middle-highlight a {
        white-space: nowrap;
        display: inline !important;
    }
            .news-text-bottom {
                flex-grow: 1;
                overflow: auto;
                padding-right: 10px;
            }

    .news-text-goodbye {
        text-align: right;
        text-transform: uppercase;
        font-family: var(--sec-font);
        font-size: 20px;
        color: var(--accent);
        margin-top: -10px;
        padding-top: 13px;
    }

    .activists-section {
        background: var(--pf-bg);
        padding: 10px 40px 10px 40px;
        margin-top: -15px;
        border-radius: 10px;
    }

       .activists-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 10px;
    }

    .activist-card {
        text-align: center;
        padding: 15px;
    }

    .activist-card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid var(--accent);
        margin-bottom: 10px;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .activist-card img:hover{transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}
            .activist-card .name {
                font-family: var(--sec-font);
                color: var(--accent);
                font-weight: bold;
                font-size: 14px;
            }

    .additional-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 20px;
        border-radius: var(--br300);
    }

            .info-block h3 {
                font-family: var(--sec-font);
                color: var(--accent);
                font-size: 16px;
                margin-bottom: 10px;
                text-transform: uppercase;
            }

    .info-block .content {
        font-size: 12px;
        color: var(--sec-text);
        line-height: 1.5;
        height: 100px;
        overflow-y: auto;
        padding: 7px;
        font-style: italic;
    }

    .episode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        height: 100%;
    }

    .episode-image {
        width: 300px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--br300);
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .episode-image:hover {
      filter: grayscale(5%);
    transition: all .7s ease-in-out 0s;}

    .episode-characters {
        text-align: center;
        font-style: italic;
        color: var(--sec-text);
    }

            .mention {
                color: var(--accent2);
                font-weight: bold;
                text-decoration: none;
            }

            .mention:hover {
                color: var(--navi-link-hov);
                text-decoration: underline;
            }

            /* Стили для скроллбара */
            ::-webkit-scrollbar {
                width: 6px;
            }

            ::-webkit-scrollbar-track {
                background: var(--podform);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb {
                background: var(--accent);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: var(--accent2);
            }

    @media screen and (max-width: 540px) {
    .news-container {
    width: 100%;}
    .activists-section {
        background: var(--pf-bg);
        padding: 10px 10px 10px 10px;

    }
    .activists-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .episode-image {
        width: 100%;
    }
    .activist-card {
        padding: 6px;
    }
    .news-header {
        padding: 6px 105px;
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .news-text-middle {
     
        align-items: center;
        width: 100%;
        margin-left: 0;
    }
    .news-text-middle-highlight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }}
       </style>

       <div class="news-container">
            <div class="news-header">
                <div class="news-title">НОВОСТИ ФОРУМА</div>
                <div class="news-summary">
                    <span>Выпуск №2</span><br>
                    Квестовые
                </div>

                <img src="https://upforme.ru/uploads/001c/86/4e/3/854306.gif" target="_blank" title="Кар-Кар-Кар">
            </div>

            <div class="news-content">
                <div class="news-text-top">
                    <strong>Всем доброго времени суток.</strong> Понедельник нас встречает, и, возможно, хоть праздник и не наступил, но с вами СТАБИЛЬНЫЕ новости!<br><br>

                   Даже не вериться в то, что мы с вами уже во второй раз ведем такие новости. Вытирая слезу платочком и надеюсь что все поверят, что это дождь. И здесь же напоминаем о том, что у нас идет набор на <a href="/viewtopic.php?id=97#p2740">квесты</a>) <br><br>
                </div>

               <!-- --><div class="news-text-middle">
                    <div class="news-text-middle-image">
                        <img src="https://upforme.ru/uploads/001c/86/4e/2/424573.png">
                    </div>
                   <div class="news-text-middle-highlight">
                      <h3>Обновления Лора!</h3>
    Сообщаем вам о том, что в организации была добавлена гильдия <a href="https://heylar.f-rpg.me/viewtopic.php?id=20#p50" class="mention">Аркан</a>. Пристанище и обитель криминальных элементов самого разного толка, эта группа будет рада новым членам. Вписать туда себя будет можно. В том числе и в Старшие карты. Кстати, в ближайшее время все игроки, что упоминали себя внутри той или иной организации, будут вписаны в блок матчасти.  Так же на этой недели будет дополнена магия, чтобы было лучшее понимание возможностей классов!)
                    </div>
                </div>

                <div class="news-text-bottom"
    Теперь же мы можем поздравить наших прекрасных активистов, что блеснули на этой неделе!)
                   Запрыгнув в вагоны квестов на этой неделе строчки лидерства забирают <a href="https://heylar.f-rpg.me/profile.php?id=33" >Garo Tahpad</a> и <a href="/profile.php?id=15" >Percivale</a>. Так держать! И выживать. Выживать тоже очень важно!<br><br>

                    На этой неделе открытый микрофон уходит к двум замечательным людям! <a href="https://heylar.f-rpg.me/profile.php?id=30" >Darlene</a> и <a href="https://heylar.f-rpg.me/profile.php?id=23" class="mention">Balthasar the Wallbreaker</a> очаровывают и порой пугают нас своими историями. Надеемся, что поводов для улыбок в жизни будет больше<br><br>

                    <strong>Спасибо вам, дорогие друзья!</strong><br><br>

                 
                  Скоро обновятся <a href="/viewtopic.php?id=21#p56" class="mention"> пазлы</a>. А еще порой можно тыкнуть <a href="/viewtopic.php?id=29#p68" class="mention">таро</a>. Они часто попадают...
                </div>

                <div class="news-text-goodbye">
                   ДА прибудут с вами зефиры!!
                </div>
            </div>

            <div class="activists-section">
                <div class="activists-grid">
                    <div class="activist-card">

    <a href="https://heylar.f-rpg.me/profile.php?id=33" target="_blank" title="Постописец Гаро"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/400875.gif"></div></a>
                    </div>
                    <div class="activist-card">
                       <a href="https://heylar.f-rpg.me/profile.php?id=15" target="_blank" title="Постописец Персиваль"><div><img src="https://upforme.ru/uploads/001c/86/4e/2/21195.jpg"></div></a>
                    </div>

                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=30" target="_blank" title="Флудер Дарлин"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/386190.png"></div></a>
                    </div>

                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=23" target="_blank" title="Флудер Бальтазар"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/577708.jpg"></div></a>
                    </div>
                </div>

                <div class="additional-info">
                    <div class="info-block">
                        <h3>Лучший пост от <a href="https://heylar.f-rpg.me/profile.php?id=17" class="mention">Vergil</a>!</h3>
                        <div class="content">
                          Улицы Сейфены во время Дария представляли собой воистину дивное зрелище. Огромное количество жителей носились по ровным улицам туда-сюда, силясь успеть завершить приготовления. Все, чтобы в итоге все замерло примерно в середине месяца.  Все, чтобы улицы стали несколько пусты, а возле стадиона наоборот было столь шумно, что едва можно разобрать речь находящегося рядом. Эти тишина и шум, что, танцуя, рука об руку шли рядом, были прекрасным фоном для того, чтобы делать свое дело с чуть меньшей осторожностью. Все внимание стражей и смотрителей было близ Кованого Луча, но никогда нельзя забывать о том, что привыкнув уже за долгие годы рутины, стражи всегда оставались бдительны и к другим лучам. Особенно вечером, когда праздная толпа передвигалась от таверне к таверне. Все вокруг затихало, примерно, ближе к 4-5 утра. На небе виднеются первые просветы зарева  и виды, открывающиеся сейчас с крыш, все еще захватывали дух. Даже здесь, посреди условного континента и не видя моря далеко внизу, можно было ощутить себя на вершине мира. Руку протяни — коснешься облаков.
                        </div>
                    </div>
                    <div class="info-block">
                        <h3>Эпизод Недели</h3>
                        <div class="content">
                            <div class="episode-container">
                                <a href="/viewtopic.php?id=114#p3631" target="_blank" title="Методы воспитания"><img src="https://upforme.ru/uploads/001c/86/4e/22/273105.jpg? text=Методы+воспитания" alt="Эпизод недели" class="episode-image"></a>
                                <div class="episode-characters">Raven, Garo Tahpad</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </html>[/html]

    +7

    13

    [hideprofile][html]  <style>   
    .news-container {
        width: 800px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 5px 5px 40.4px -13.43px var(--shadow);
        background: var(--green-bg) no-repeat center/cover;
        display: flex;
        flex-direction: column;
    }

    .news-header {
        width: 100%;
        height: 82px;
        padding: 20px 175px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--green);
        color: var(--tab-text);
        position: relative;
    }

            .news-title {
                font-family: var(--sec-font);
                text-transform: uppercase;
                font-size: 24px;
                font-weight: bold;
              text-align: center;
            }

    .news-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        bottom: -35px;
        left: calc(5% - 10px);
        border: 3px solid var(--accent);
        object-fit: cover;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }
    .news-header img:hover{    transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}

            .news-summary {
                font-size: 11px;
                flex-basis: 40%;
                text-align: right;
            }
            .news-summary span {
                font-style: italic;
                color: var(--navi-link);
            }
            .news-content {
                width: calc(100% - 40px);
                height: calc(100% - 82px);
                flex-grow: 1;
                padding: 70px 40px 20px 40px;
                box-sizing: border-box;
                background: var(--base-bg2);
                margin: 0 auto;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .news-text-top {
                text-align: justify;
            }

            .news-text-middle {
                display: flex;
                justify-content: end;
                align-items: flex-start; /* Изменено с center на flex-start */
                width: calc(100% + 60px);
                margin-left: -30px;
            }

            .news-text-middle-image {
                flex-grow: 1;
                text-align: center;
            }

    .news-text-middle-image img {
        max-width: 60px;
        border-radius: var(--br300);
    }

    .news-text-middle-highlight {
        background: var(--pf-bg);
        display: inline-block;
        width: 80%;
        max-width: 80%;
        min-height: 74px;
        padding: 20px;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: var(--br300);
        margin-right: -30px;
        text-align: justify;
        /* Убрано ограничение высоты и добавлен автоматический рост */
        height: auto;
        overflow: visible;
    }
    .news-text-middle-highlight h3{
    font-family: var(--sec-font);
    color: var(--accent);
    font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; /* Добавлены отступы для заголовка */
    }

    .news-text-middle-highlight a {
        white-space: nowrap;
        display: inline !important;
    }
            .news-text-bottom {
                flex-grow: 1;
                overflow: auto;
                padding-right: 10px;
            }

    .news-text-goodbye {
        text-align: right;
        text-transform: uppercase;
        font-family: var(--sec-font);
        font-size: 20px;
        color: var(--accent);
        margin-top: -10px;
        padding-top: 13px;
    }

    .activists-section {
        background: var(--pf-bg);
        padding: 10px 40px 10px 40px;
        margin-top: -15px;
        border-radius: 10px;
    }

       .activists-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 10px;
    }

    .activist-card {
        text-align: center;
        padding: 15px;
    }

    .activist-card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid var(--accent);
        margin-bottom: 10px;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .activist-card img:hover{transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}
            .activist-card .name {
                font-family: var(--sec-font);
                color: var(--accent);
                font-weight: bold;
                font-size: 14px;
            }

    .additional-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 20px;
        border-radius: var(--br300);
    }

            .info-block h3 {
                font-family: var(--sec-font);
                color: var(--accent);
                font-size: 16px;
                margin-bottom: 10px;
                text-transform: uppercase;
            }

    .info-block .content {
        font-size: 12px;
        color: var(--sec-text);
        line-height: 1.5;
        height: 100px;
        overflow-y: auto;
        padding: 7px;
        font-style: italic;
    }

    .episode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        height: 100%;
    }

    .episode-image {
        width: 300px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--br300);
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .episode-image:hover {
      filter: grayscale(5%);
    transition: all .7s ease-in-out 0s;}

    .episode-characters {
        text-align: center;
        font-style: italic;
        color: var(--sec-text);
    }

            .mention {
                color: var(--accent2);
                font-weight: bold;
                text-decoration: none;
            }

            .mention:hover {
                color: var(--navi-link-hov);
                text-decoration: underline;
            }

            /* Стили для скроллбара */
            ::-webkit-scrollbar {
                width: 6px;
            }

            ::-webkit-scrollbar-track {
                background: var(--podform);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb {
                background: var(--accent);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: var(--accent2);
            }

    @media screen and (max-width: 540px) {
    .news-container {
    width: 100%;}
    .activists-section {
        background: var(--pf-bg);
        padding: 10px 10px 10px 10px;

    }
    .activists-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .episode-image {
        width: 100%;
    }
    .activist-card {
        padding: 6px;
    }
    .news-header {
        padding: 6px 105px;
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .news-text-middle {
     
        align-items: center;
        width: 100%;
        margin-left: 0;
    }
    .news-text-middle-highlight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }}
       </style>

       <div class="news-container">
            <div class="news-header">
                <div class="news-title">НОВОСТИ ФОРУМА</div>
                <div class="news-summary">
                    <span>Выпуск № 3</span><br>
                    Запоздалые новости
                </div>

                <img src="https://upforme.ru/uploads/001c/86/4e/3/854306.gif" target="_blank" title="кар-кар-кар">
            </div>

            <div class="news-content">
                <div class="news-text-top">
                    <strong>Всем доброго времени суток.</strong> Дожди понедельника прибили и смыли нас, но, идя против потока, мы все же пришли к вам подвести итоги недели.<br><br>

                   Уходящая неделя порадовала нас роскошными постами и активностью. С радостью мы можем говорить, что нас 50! Но близиться месяц с рождения ролевой, а значит подкрадывается время аккуратно ткнуть палочкой тех, кто вроде с нами, а вроде и нет. И, кстати об этом... Близиться чудесная пора во время которой можно коснуться "внехейларского"<br><br>
                </div>

               <!-- --><div class="news-text-middle">
                    <div class="news-text-middle-image">
                        <img src="https://upforme.ru/uploads/001c/86/4e/2/424573.png">
                    </div>
                   <div class="news-text-middle-highlight">
                      <h3>Важные дополнения!</h3>
    Обращаем ваше внимание наа то, что в <a href="https://heylar.f-rpg.me/viewtopic.php?id=13#p38" class="mention">Планах</a> была дополнена информация о языках! Так же, стараниями <a href="https://heylar.f-rpg.me/profile.php?id=33" class="mention">Garo</a> у нас есть с вами карта Таскийской империи, а так же - первый данж, что будет доступен для изучения другими игроками. Информацию о них вы можете почитать в <a href="https://heylar.f-rpg.me/viewtopic.php?id=9#p10" class="mention">путеводителе</a> в разделе "Таскиийская империя"! Сообщаем вам о том, что работа над картами идет и в скором времени можно будет ее посмотреть! 
                    </div>
                </div>

                <div class="news-text-bottom">
    Несмотря на слезы, что льют небеса и ту тоску, что порой сковывать сердца, яркие звезды вспыхнули на небосводе вновь. Почтим же их имена!
                   <a href="https://heylar.f-rpg.me/profile.php?id=22" class="mention">Raven</a> решила на крыльях своих принести хаос. Хладная же ярость, что может в любой момент воспылать веден <a href="https://heylar.f-rpg.me/profile.php?id=38" class="mention">Isel Rayvern</a>. Ваш танец - чарует и пугает... от него не оторваться!<br><br>

                    Полниться наш флуд стараниями и историями проходимцев.  <a href="https://heylar.f-rpg.me/profile.php?id=41" class="mention">Osmium</a> и <a href="https://heylar.f-rpg.me/profile.php?id=37" class="mention">Ortan Cassius</a>, кажется, все ближе и ближе к нам... или мы к ним... Кто его знает?<br><br>

                    <strong>Спасибо вам, дорогие друзья!</strong><br><br>

                  У нас был обновлн <strong><a href="https://heylar.f-rpg.me/viewtopic.php?id=16#p44" class="mention">банк</a></strong>! Но важнее не это... близиться Тенегранник, а значит надо вести к нему подготовку. Празднование - <strong><a href="https://heylar.f-rpg.me/viewtopic.php?id=132#p5189" class="mention">началось</a></strong>! Пугайте, пугайтесь, помните, почитайте, улыбайтесь и плачьте. Они все слышат... Бу! Испугался? <br><br>

                Кстати, про пугаться. У нас тут новые <a href="https://heylar.f-rpg.me/viewtopic.php?id=21#p5191" class="mention">пазлы</a>. В этот раз мы постарались подобраться что-то не столь страшное. А за прошлый пятый была выдана дополнительная награда. Также теперь <a href="https://heylar.f-rpg.me/viewtopic.php?id=29#p68" class="mention">таро</a> умют золотить ручку... 
                </div>
                <div class="news-text-goodbye">
                    Удачной недели!
                </div>
            </div>

            <div class="activists-section">
                <div class="activists-grid">
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=22" target="_blank" title="Постописец Raven"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/170815.jpg"></div></a>
                    </div>

                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=38" target="_blank" title="Постописец  Isel Rayvern"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/131989.gif"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=41" target="_blank" title="Флудер Osmium"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/110101.jpg"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=37" target="_blank" title="Флудер Ortan Cassius"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/733564.png"></div></a>
                    </div>
                </div>

                <div class="additional-info">
                    <div class="info-block">
      <h3>Лучший пост <a href="https://heylar.f-rpg.me/viewtopic.php?id=77#p4150" class="mention">Percivale</a>!</h3>
                        <div class="content">
    — Арлет не разговорчивый. Не был разговорчивым.<br>
    Говорить о друге в прошедшем времени так странно. В этом есть какая-то противоестественность. Душа его собственная безнадежно надеется, что все происходящее лишь затянувшийся сон. И от того вид искомого выбивает сильнее, чем вроде как должен был. Он кусает губы, пытается прочистить горло кашлем, наблюдая за тем как дракон подходит к могиле, еще не успевшей порости новой травой плотно. Как касается надгробия изящными пальцами, что больше подошли бы кому-то из музыкантов. Арфисту, например. С трудом подняв глаза от даже слишком скромной надписи, он оказывается прикован взглядом Вознесенного. Жидкое золото. Усталость. Какая-то даже обреченность. И вместе с тем столько внимания, что от этого становилось жутко. Внимание тех, кто много сильнее, никогда не сулило ничего хорошего.

                        </div>
                    </div>
                    <div class="info-block">
                        <h3>Сказание недели</h3>
                        <div class="content">
                            <div class="episode-container">
                                <a href="https://heylar.f-rpg.me/viewtopic.php?id=118#p4073" target="_blank" title="Барство крови и месть"><img src="https://upforme.ru/uploads/001c/86/4e/3/361561.gif" text=Барство+крови+и+мести" alt="Эпизод недели" class="episode-image"></a>
                                <div class="episode-characters">Garo Tahpad, Isel Rayvern</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </html>[/html]

    +8

    14

    [hideprofile]С днем рождения, Хейлар!

    Нам уже целый месяц! Не верится, как быстро летит время. Не верится, что за спиной уже есть небольшая история, и так хочется верить, что впереди — непочатый край!
    Большое спасибо всем, кто с нами.
    И вот наш скромный подарок для вас:

    10 ЗИ каждому игроку и проходимцу.

    50 ЗИ каждому из игроков и проходимцев, кто принесет пост, плейлист или посвятит что-либо нашему миру или его героям.

    Для получения награды отпишите в банке, принеся ссылку на этот пост или доказательство иной активности.

    Отдельное спасибо мы хотим сказать вам, столь прекрасным и замечательным, за то, что отдаете Хейлару то, что имеет наивысшую ценность — ваше время. Надеемся, что оно будет для вас приятным!

    +8

    15

    [hideprofile][html]  <style>   
    .news-container {
        width: 800px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 5px 5px 40.4px -13.43px var(--shadow);
        background: var(--green-bg) no-repeat center/cover;
        display: flex;
        flex-direction: column;
    }

    .news-header {
        width: 100%;
        height: 82px;
        padding: 20px 175px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--green);
        color: var(--tab-text);
        position: relative;
    }

            .news-title {
                font-family: var(--sec-font);
                text-transform: uppercase;
                font-size: 24px;
                font-weight: bold;
              text-align: center;
            }

    .news-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        bottom: -35px;
        left: calc(5% - 10px);
        border: 3px solid var(--accent);
        object-fit: cover;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }
    .news-header img:hover{    transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}

            .news-summary {
                font-size: 11px;
                flex-basis: 40%;
                text-align: right;
            }
            .news-summary span {
                font-style: italic;
                color: var(--navi-link);
            }
            .news-content {
                width: calc(100% - 40px);
                height: calc(100% - 82px);
                flex-grow: 1;
                padding: 70px 40px 20px 40px;
                box-sizing: border-box;
                background: var(--base-bg2);
                margin: 0 auto;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .news-text-top {
                text-align: justify;
            }

            .news-text-middle {
                display: flex;
                justify-content: end;
                align-items: flex-start; /* Изменено с center на flex-start */
                width: calc(100% + 60px);
                margin-left: -30px;
            }

            .news-text-middle-image {
                flex-grow: 1;
                text-align: center;
            }

    .news-text-middle-image img {
        max-width: 60px;
        border-radius: var(--br300);
    }

    .news-text-middle-highlight {
        background: var(--pf-bg);
        display: inline-block;
        width: 80%;
        max-width: 80%;
        min-height: 74px;
        padding: 20px;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: var(--br300);
        margin-right: -30px;
        text-align: justify;
        /* Убрано ограничение высоты и добавлен автоматический рост */
        height: auto;
        overflow: visible;
    }
    .news-text-middle-highlight h3{
    font-family: var(--sec-font);
    color: var(--accent);
    font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; /* Добавлены отступы для заголовка */
    }

    .news-text-middle-highlight a {
        white-space: nowrap;
        display: inline !important;
    }
            .news-text-bottom {
                flex-grow: 1;
                overflow: auto;
                padding-right: 10px;
            }

    .news-text-goodbye {
        text-align: right;
        text-transform: uppercase;
        font-family: var(--sec-font);
        font-size: 20px;
        color: var(--accent);
        margin-top: -10px;
        padding-top: 13px;
    }

    .activists-section {
        background: var(--pf-bg);
        padding: 10px 40px 10px 40px;
        margin-top: -15px;
        border-radius: 10px;
    }

       .activists-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 10px;
    }

    .activist-card {
        text-align: center;
        padding: 15px;
    }

    .activist-card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid var(--accent);
        margin-bottom: 10px;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .activist-card img:hover{transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}
            .activist-card .name {
                font-family: var(--sec-font);
                color: var(--accent);
                font-weight: bold;
                font-size: 14px;
            }

    .additional-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 20px;
        border-radius: var(--br300);
    }

            .info-block h3 {
                font-family: var(--sec-font);
                color: var(--accent);
                font-size: 16px;
                margin-bottom: 10px;
                text-transform: uppercase;
            }

    .info-block .content {
        font-size: 12px;
        color: var(--sec-text);
        line-height: 1.5;
        height: 100px;
        overflow-y: auto;
        padding: 7px;
        font-style: italic;
    }

    .episode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        height: 100%;
    }

    .episode-image {
        width: 300px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--br300);
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .episode-image:hover {
      filter: grayscale(5%);
    transition: all .7s ease-in-out 0s;}

    .episode-characters {
        text-align: center;
        font-style: italic;
        color: var(--sec-text);
    }

            .mention {
                color: var(--accent2);
                font-weight: bold;
                text-decoration: none;
            }

            .mention:hover {
                color: var(--navi-link-hov);
                text-decoration: underline;
            }

            /* Стили для скроллбара */
            ::-webkit-scrollbar {
                width: 6px;
            }

            ::-webkit-scrollbar-track {
                background: var(--podform);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb {
                background: var(--accent);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: var(--accent2);
            }

    @media screen and (max-width: 540px) {
    .news-container {
    width: 100%;}
    .activists-section {
        background: var(--pf-bg);
        padding: 10px 10px 10px 10px;

    }
    .activists-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .episode-image {
        width: 100%;
    }
    .activist-card {
        padding: 6px;
    }
    .news-header {
        padding: 6px 105px;
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .news-text-middle {
     
        align-items: center;
        width: 100%;
        margin-left: 0;
    }
    .news-text-middle-highlight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }}
       </style>

       <div class="news-container">
            <div class="news-header">
                <div class="news-title">НОВОСТИ ФОРУМА</div>
                <div class="news-summary">
                    <span>Выпуск № 4</span><br>
                    Праздничные!
                </div>

                <img src="https://upforme.ru/uploads/001c/86/4e/3/854306.gif" target="_blank" title="кар-кар-кар">
            </div>

            <div class="news-content">
                <div class="news-text-top">
                    <strong>Всем доброго времени суток.</strong> Надеемся, что ветер, облизывающий ледяными пальцами, не принес вам хвори на своем хвосте. И тянемся лучиками тепла к вам!) .<br><br>

         Одной из самых важных и приятных новостей ушедшей недели - наш День Рожденье!) Хейлару стукнул месяц и эта дата - начало длинного пути. Спасибо вам за ваши теплые слова /движением руки убирает скупую слезу/. Мы сделаем все, чтобы они звучали чаще. <br><br>
                </div>

               <!-- --><div class="news-text-middle">
                    <div class="news-text-middle-image">
                        <img src="https://upforme.ru/uploads/001c/86/4e/2/424573.png">
                    </div>
                   <div class="news-text-middle-highlight">
                      <h3>Небольшое дополнение!</h3>
    Теперь в случае, если персонаж является членом уже существующей организации, он будет вписан в соответствующей <a href="https://heylar.f-rpg.me/viewtopic.php?id=20#p50">теме.</a> Дополним этот пункт при заполнении кодов Личного Звания после принятия в игру!)</div>
                </div>

                <div class="news-text-bottom">
    Вызов хандре этими людьми уже брошен давно... Ваш темп очаровывает и вдохновляет. Вы задали отличную планку. И, кажется, у вас все еще естьк друг другу парочка вопросов... Да?
                   <a href="https://heylar.f-rpg.me/profile.php?id=33">Garo Tahpad</a> и <a href="https://heylar.f-rpg.me/profile.php?id=38">Isel Rayvern</a>. Чудовищно прекрасные. Пленительно ужасные :3<br><br>

                   Кажется в таверне новые завсегдатаи...  <a href="https://heylar.f-rpg.me/profile.php?id=43" class="mention">Ting</a> и <a href="https://heylar.f-rpg.me/profile.php?id=32">Douglas Green</a>, еще немного, и тавернщик уже запомнит, что вам и в какой момент выносить!<br><br>

                    <strong>Спасибо вам, дорогие друзья!</strong><br><br>

    Нас все больше и ваши идеи толкают выпускать на свет идеи, что уже давно таяться в голове. Представляем вам <a href="https://heylar.f-rpg.me/viewtopic.php?id=139#p6065">Хартии</a>. В них вы сможете вписать свои организации, заполнив перед этим шаблон в организационной теме. Ждем ваши свершения!

                Что до развлечений, то у нас обновлены <a href="https://heylar.f-rpg.me/viewtopic.php?id=21#p6062">пазлы</a>. И в этот раз они точно с вращением.
                </div>
                <div class="news-text-goodbye">
                    Удачной недели! Да хранят вас Зефиры.
                </div>
            </div>

            <div class="activists-section">
                <div class="activists-grid">
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=33" target="_blank" title="Постописец Garo Tahpad"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/898585.gif"></div></a>
                    </div>

                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=38" target="_blank" title="Постописец  Isel Rayvern"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/131989.gif"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=43" target="_blank" title="Флудер Ting"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/588051.png"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=32" target="_blank" title="Флудер Douglas Green"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/29051.png"></div></a>
                    </div>
                </div>

                <div class="additional-info">
                    <div class="info-block">
      <h3>Лучший пост <a href="https://heylar.f-rpg.me/viewtopic.php?id=114#p5902" class="mention">Raven</a>!</h3>
                        <div class="content">
    По комнате потянулся запах табачного дыма. Даже не глядя в сторону Гаро, девчонка понимала, что тот наконец-то более-менее расслабился и стал готов к разговорам. Итак, что мы знаем об этой горе мышц? Первое: он даже не соизволил нормально запомнить её имя. Либо провоцирует, либо не слишком умён. Впрочем, варвары, если верить слухам, никогда не отличались умом и сообразительностью, потому, скорее, второе. Кроме того, ушастик не обиделся на своё прозвище «Умник», а значит, и всю соль сарказма не уловил. Превосходно! Теперь второе. Что же там было-то?.. Она откинулась на спинку стула, закинув голову, чтоб разглядеть потолок, как будто там все нужные вопросы были высечены в камне. Джинкс лениво поднесла к глазам миленькую шестерёнку и, вдоволь на неё насмотревшись, улыбнулась и убрала к себе в карман брюк.

                        </div>
                    </div>
                    <div class="info-block">
                        <h3>Сказание недели</h3>
                        <div class="content">
                            <div class="episode-container">
                                <a href="https://heylar.f-rpg.me/viewtopic.php?id=79" target="_blank" title="Let your quarry fall before you"><img src="https://upforme.ru/uploads/001c/86/4e/3/17588.jpg? text=Let+your+quarry+fall+before+you" alt="Эпизод недели" class="episode-image"></a>
                                <div class="episode-characters">Percivale, Vergil</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </html>[/html]

    +5

    16

    [hideprofile]Небольшой апдейт правил!

    Для внесения ясности, был обновлен пункт правил касательно активности. Пункт 11 теперь звучит так:

    11.  Обновлять профиль написанием сообщения в любую тему необходимо раз в 14 дней. Писать пост — раз в два месяца. Пост в квест пишется в соответствии с очередью раз в 4 дня.

    +4

    17

    [hideprofile]Маленькая просьба и дополнение.

    Доброго дня, дорогие Хейларцы! Просив вас обратить внимание на то, что в шаблоне эпизода есть пример того, как должна называется тема для эпизодов.

    [Дата] Название

    Просив вас чуть изменить названия своих эпизодов, дабы то было красиво!) Так же просим помнить, что на Хейлар иначе называются месяцы. Посмотреть их названия можно тут.

    Так же, в банке произошли небольшие изменения и дополнения. Теперь там есть новые позиции, связанные с помощью проекту. Но были внесены и изменения о подсчете постов в Ваншоте (на них не будет работать бонус за быстрый ответ).

    На этом все! Удачи вам!

    +4

    18

    [hideprofile]

    Птицы нашептали нам, что вчера (24.10), был важный день у одного из наших игроков.
    @Helg, поздравляем тебя с твоим Днем Рождения!

    Пусть посты пишутся, слова находятся, игроки остаются, а муза (хотя, тут лучше сказать Церей) никогда не забывает дороги до твоего порога. Пусть самые большие драмы, стекло и невзгоды всегда будут оставаться буквами, что сложиться в слова и строки. И пусть все это будет только внутри игры, а люди, что находятся подле тебя будут самым чудесными булочками и котиками.
    Спасибо вам, наш достопочтенные глава культа Сардрия, что защищайте покой ушедших, опекая тех, кто все еще с нами. С Днем рождения!

    И небольшой подарочек :3
    https://upforme.ru/uploads/001c/86/4e/3/522051.gif

    При желание приятные слова имениннику можно сказать здесь!)

    +11

    19

    [hideprofile][html]  <style>   
    .news-container {
        width: 800px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 5px 5px 40.4px -13.43px var(--shadow);
        background: var(--green-bg) no-repeat center/cover;
        display: flex;
        flex-direction: column;
    }

    .news-header {
        width: 100%;
        height: 82px;
        padding: 20px 175px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--green);
        color: var(--tab-text);
        position: relative;
    }

            .news-title {
                font-family: var(--sec-font);
                text-transform: uppercase;
                font-size: 24px;
                font-weight: bold;
              text-align: center;
            }

    .news-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        bottom: -35px;
        left: calc(5% - 10px);
        border: 3px solid var(--accent);
        object-fit: cover;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }
    .news-header img:hover{    transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}

            .news-summary {
                font-size: 11px;
                flex-basis: 40%;
                text-align: right;
            }
            .news-summary span {
                font-style: italic;
                color: var(--navi-link);
            }
            .news-content {
                width: calc(100% - 40px);
                height: calc(100% - 82px);
                flex-grow: 1;
                padding: 70px 40px 20px 40px;
                box-sizing: border-box;
                background: var(--base-bg2);
                margin: 0 auto;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .news-text-top {
                text-align: justify;
            }

            .news-text-middle {
                display: flex;
                justify-content: end;
                align-items: flex-start; /* Изменено с center на flex-start */
                width: calc(100% + 60px);
                margin-left: -30px;
            }

            .news-text-middle-image {
                flex-grow: 1;
                text-align: center;
            }

    .news-text-middle-image img {
        max-width: 60px;
        border-radius: var(--br300);
    }

    .news-text-middle-highlight {
        background: var(--pf-bg);
        display: inline-block;
        width: 80%;
        max-width: 80%;
        min-height: 74px;
        padding: 20px;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: var(--br300);
        margin-right: -30px;
        text-align: justify;
        /* Убрано ограничение высоты и добавлен автоматический рост */
        height: auto;
        overflow: visible;
    }
    .news-text-middle-highlight h3{
    font-family: var(--sec-font);
    color: var(--accent);
    font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; /* Добавлены отступы для заголовка */
    }

    .news-text-middle-highlight a {
        white-space: nowrap;
        display: inline !important;
    }
            .news-text-bottom {
                flex-grow: 1;
                overflow: auto;
                padding-right: 10px;
            }

    .news-text-goodbye {
        text-align: right;
        text-transform: uppercase;
        font-family: var(--sec-font);
        font-size: 20px;
        color: var(--accent);
        margin-top: -10px;
        padding-top: 13px;
    }

    .activists-section {
        background: var(--pf-bg);
        padding: 10px 40px 10px 40px;
        margin-top: -15px;
        border-radius: 10px;
    }

       .activists-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 10px;
    }

    .activist-card {
        text-align: center;
        padding: 15px;
    }

    .activist-card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid var(--accent);
        margin-bottom: 10px;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .activist-card img:hover{transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}
            .activist-card .name {
                font-family: var(--sec-font);
                color: var(--accent);
                font-weight: bold;
                font-size: 14px;
            }

    .additional-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 20px;
        border-radius: var(--br300);
    }

            .info-block h3 {
                font-family: var(--sec-font);
                color: var(--accent);
                font-size: 16px;
                margin-bottom: 10px;
                text-transform: uppercase;
            }

    .info-block .content {
        font-size: 12px;
        color: var(--sec-text);
        line-height: 1.5;
        height: 100px;
        overflow-y: auto;
        padding: 7px;
        font-style: italic;
    }

    .episode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        height: 100%;
    }

    .episode-image {
        width: 300px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--br300);
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .episode-image:hover {
      filter: grayscale(5%);
    transition: all .7s ease-in-out 0s;}

    .episode-characters {
        text-align: center;
        font-style: italic;
        color: var(--sec-text);
    }

            .mention {
                color: var(--accent2);
                font-weight: bold;
                text-decoration: none;
            }

            .mention:hover {
                color: var(--navi-link-hov);
                text-decoration: underline;
            }

            /* Стили для скроллбара */
            ::-webkit-scrollbar {
                width: 6px;
            }

            ::-webkit-scrollbar-track {
                background: var(--podform);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb {
                background: var(--accent);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: var(--accent2);
            }

    @media screen and (max-width: 540px) {
    .news-container {
    width: 100%;}
    .activists-section {
        background: var(--pf-bg);
        padding: 10px 10px 10px 10px;

    }
    .activists-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .episode-image {
        width: 100%;
    }
    .activist-card {
        padding: 6px;
    }
    .news-header {
        padding: 6px 105px;
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .news-text-middle {
     
        align-items: center;
        width: 100%;
        margin-left: 0;
    }
    .news-text-middle-highlight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }}
       </style>

       <div class="news-container">
            <div class="news-header">
                <div class="news-title">НОВОСТИ ФОРУМА</div>
                <div class="news-summary">
                    <span>Выпуск № 5</span><br>
                   Тенегранные
                </div>

                <img src="https://upforme.ru/uploads/001c/86/4e/3/854306.gif" target="_blank" title="кар-кар-кар">
            </div>

            <div class="news-content">
                <div class="news-text-top">
                    <strong>Ночи доброй!</strong> На этой неделе вполне в пору говорить то, что если вам кажется, что на вас кто-то смотрит, то вам вовсе не кажется. Теенегранник все ближе. Готовы ли вы к нему, как он готов к вам?<br><br>

        Многие города Хейлара готовятся к празднику, во время которого почитают ушедших. Украшения, карнавалы, повод собраться друзьям и семьям. Пусть и у вас тоже будет повод провести чудесно "самую таинственную ночь в году!" <br><br>
                </div>

               <!-- <div class="news-text-middle">
                    <div class="news-text-middle-image">
                        <img src="https://upforme.ru/uploads/001c/86/4e/2/424573.png">
                    </div>
                   <div class="news-text-middle-highlight">
                      <h3>Небольшое дополнение!</h3>
    Теперь в случае, если персонаж является членом уже существующей организации, он будет вписан в соответствующей <a href="https://heylar.f-rpg.me/viewtopic.php?id=20#p50">теме.</a> Дополним этот пункт при заполнении кодов Личного Звания после принятия в игру!)</div>
                </div>-->

                <div class="news-text-bottom">
    Теперь самое время сказать о тех, кто полнит мир своим присутствием и своими постами. У нас развилась нешуточная борьба за второе место и соперники шли буквально нос к носу! Эта битва была легендарной!
                   <a href=" Daughter of the clouds">Raven </a> и <a href="https://heylar.f-rpg.me/profile.php?id=33">Garo Tahpad</a>. А ведь еще впереди квесты.<br><br>

                  На этой неделе флуд жил на кофеине под названием <a href="https://heylar.f-rpg.me/profile.php?id=41" class="mention">Osmium</a> и <a href="https://heylar.f-rpg.me/profile.php?id=30">Wilhelmina</a>. Вот это и вправду, я свободен!)<br><br>

                    <strong>Спасибо вам, дорогие друзья!</strong><br><br>

                Что до развлечений, то у нас обновлены <a href="https://heylar.f-rpg.me/viewtopic.php?id=21#p6881">пазлы</a>. И награды за них повышены в честь праздника. Так же, не забывайте о возможности рассказать свою страшилку в <a href="https://heylar.f-rpg.me/viewtopic.php?id=132#p5189">Тенеграннике</a> или выполнить иные задания. 
                </div>
                <div class="news-text-goodbye">
                    Удачной недели! Да хранят вас Зефиры.
                </div>
            </div>

            <div class="activists-section">
                <div class="activists-grid">
                                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=38" target="_blank" title="Постописец Raven - 13 постов"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/84146.jpg"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=33" target="_blank" title="Постописец Garo Tahpad - 10 постов"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/898585.gif"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=41" target="_blank" title="Флудер Osmium"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/188004.jpg"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=30" target="_blank" title="Флудер Wilhelmina"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/26284.png"></div></a>
                    </div>
                </div>

                <div class="additional-info">
                    <div class="info-block">
      <h3>Лучший пост <a href="https://heylar.f-rpg.me/viewtopic.php?id=118&p=2#p6795" class="mention">Isel Rayvern</a>!</h3>
                        <div class="content">
    Мысль прикоснуться к нему, как в том лесу, проносилась обжигающим призраком. Не как о желанном моменте, а как о сцене, которую нужно переиграть, поменявшись ролями. Не его сила над ней, а её — над ним. Чтобы он смотрел, зная, что его жизнь висит на её ниточке. Чтобы он почувствовал то же унижение. Ту же беспомощность. «Сначала ты делаешь то, что необходимо, потом ты делаешь то, что возможно, и вот однажды ты обнаруживаешь, что делаешь невозможное», — прошептал в её голове знакомый хриплый голос. Она начинала с необходимого — с мести. Теперь она делала возможное — сохраняла его для этой мести. А невозможное... Невозможное таилось в этом щемящем, тёмном влечении, сплавленном из ненависти и желания абсолютно доминировать над тем, кто когда-то её сломал.

                        </div>
                    </div>
                    <div class="info-block">
                        <h3>Сказание недели</h3>
                        <div class="content">
                            <div class="episode-container">
                                <a href="https://heylar.f-rpg.me/viewtopic.php?id=153#p6771" target="_blank" title="love lyrics & obscene ditties"><img src="https://upforme.ru/uploads/001c/86/4e/3/405831.jpg? text=love+lyrics+&+obscene+ditties" alt="Эпизод недели" class="episode-image"></a>

                                <div class="episode-characters"><a href="https://heylar.f-rpg.me/profile.php?id=47" class="mention"> Devorance</a>, <a href="https://heylar.f-rpg.me/profile.php?id=25" class="mention"> Vellarys</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </html>[/html]

    +5

    20

    [hideprofile][html]  <style>   
    .news-container {
        width: 800px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 5px 5px 40.4px -13.43px var(--shadow);
        background: var(--green-bg) no-repeat center/cover;
        display: flex;
        flex-direction: column;
    }

    .news-header {
        width: 100%;
        height: 82px;
        padding: 20px 175px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--green);
        color: var(--tab-text);
        position: relative;
    }

            .news-title {
                font-family: var(--sec-font);
                text-transform: uppercase;
                font-size: 24px;
                font-weight: bold;
              text-align: center;
            }

    .news-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        bottom: -35px;
        left: calc(5% - 10px);
        border: 3px solid var(--accent);
        object-fit: cover;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }
    .news-header img:hover{    transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}

            .news-summary {
                font-size: 11px;
                flex-basis: 40%;
                text-align: right;
            }
            .news-summary span {
                font-style: italic;
                color: var(--navi-link);
            }
            .news-content {
                width: calc(100% - 40px);
                height: calc(100% - 82px);
                flex-grow: 1;
                padding: 70px 40px 20px 40px;
                box-sizing: border-box;
                background: var(--base-bg2);
                margin: 0 auto;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .news-text-top {
                text-align: justify;
            }

            .news-text-middle {
                display: flex;
                justify-content: end;
                align-items: flex-start; /* Изменено с center на flex-start */
                width: calc(100% + 60px);
                margin-left: -30px;
            }

            .news-text-middle-image {
                flex-grow: 1;
                text-align: center;
            }

    .news-text-middle-image img {
        max-width: 60px;
        border-radius: var(--br300);
    }

    .news-text-middle-highlight {
        background: var(--pf-bg);
        display: inline-block;
        width: 80%;
        max-width: 80%;
        min-height: 74px;
        padding: 20px;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: var(--br300);
        margin-right: -30px;
        text-align: justify;
        /* Убрано ограничение высоты и добавлен автоматический рост */
        height: auto;
        overflow: visible;
    }
    .news-text-middle-highlight h3{
    font-family: var(--sec-font);
    color: var(--accent);
    font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; /* Добавлены отступы для заголовка */
    }

    .news-text-middle-highlight a {
        white-space: nowrap;
        display: inline !important;
    }
            .news-text-bottom {
                flex-grow: 1;
                overflow: auto;
                padding-right: 10px;
            }

    .news-text-goodbye {
        text-align: right;
        text-transform: uppercase;
        font-family: var(--sec-font);
        font-size: 20px;
        color: var(--accent);
        margin-top: -10px;
        padding-top: 13px;
    }

    .activists-section {
        background: var(--pf-bg);
        padding: 10px 40px 10px 40px;
        margin-top: -15px;
        border-radius: 10px;
    }

       .activists-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 10px;
    }

    .activist-card {
        text-align: center;
        padding: 15px;
    }

    .activist-card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid var(--accent);
        margin-bottom: 10px;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .activist-card img:hover{transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}
            .activist-card .name {
                font-family: var(--sec-font);
                color: var(--accent);
                font-weight: bold;
                font-size: 14px;
            }

    .additional-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 20px;
        border-radius: var(--br300);
    }

            .info-block h3 {
                font-family: var(--sec-font);
                color: var(--accent);
                font-size: 16px;
                margin-bottom: 10px;
                text-transform: uppercase;
            }

    .info-block .content {
        font-size: 12px;
        color: var(--sec-text);
        line-height: 1.5;
        height: 100px;
        overflow-y: auto;
        padding: 7px;
        font-style: italic;
    }

    .episode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        height: 100%;
    }

    .episode-image {
        width: 300px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--br300);
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .episode-image:hover {
      filter: grayscale(5%);
    transition: all .7s ease-in-out 0s;}

    .episode-characters {
        text-align: center;
        font-style: italic;
        color: var(--sec-text);
    }

            .mention {
                color: var(--accent2);
                font-weight: bold;
                text-decoration: none;
            }

            .mention:hover {
                color: var(--navi-link-hov);
                text-decoration: underline;
            }

            /* Стили для скроллбара */
            ::-webkit-scrollbar {
                width: 6px;
            }

            ::-webkit-scrollbar-track {
                background: var(--podform);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb {
                background: var(--accent);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: var(--accent2);
            }

    @media screen and (max-width: 540px) {
    .news-container {
    width: 100%;}
    .activists-section {
        background: var(--pf-bg);
        padding: 10px 10px 10px 10px;

    }
    .activists-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .episode-image {
        width: 100%;
    }
    .activist-card {
        padding: 6px;
    }
    .news-header {
        padding: 6px 105px;
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .news-text-middle {
     
        align-items: center;
        width: 100%;
        margin-left: 0;
    }
    .news-text-middle-highlight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }}
       </style>

       <div class="news-container">
            <div class="news-header">
                <div class="news-title">НОВОСТИ ФОРУМА</div>
                <div class="news-summary">
                    <span>Выпуск № 6</span><br>
                  Снежный?
                </div>

                <img src="https://upforme.ru/uploads/001c/86/4e/3/854306.gif" target="_blank" title="кар-кар-кар">
            </div>

            <div class="news-content">
                <div class="news-text-top">
                    <strong>Дня доброго!</strong> Как вы? Уже в снегах или пока еще под дождем?)<br><br>

       У нас же все отчасти стабильно. Самые чудесные люди (и не только) радуют своим присутствием и творчеством, что трогает донельзя. Вы отрясающие абсолютно. И спасибо вам за это! А потому приятнее сказать об обновлениях, что ждут нас на этой неделе! <br><br>
                </div>

              <div class="news-text-middle">
                    <div class="news-text-middle-image">
                        <img src="https://upforme.ru/uploads/001c/86/4e/2/424573.png">
                    </div>
                   <div class="news-text-middle-highlight">
                      <h3>Небольшое дополнение!</h3>
    Обращаем ваше внимание на то, что <a href="https://heylar.f-rpg.me/viewtopic.php?id=13#p38">княжества</a>  в Тартаре обзавелись своими названиями. Упоминание их по правителю так же допустимо. Так же ждите на этой неделе дополнение <a href="https://heylar.f-rpg.me/viewtopic.php?id=17#p45">артефактов</a> </div>
                </div>

                <div class="news-text-bottom">
    Неделя радует нас новыми лицами, что вырвались вперед по постам и это никак не может не радовать. Чудесный дуэт из <a href="https://heylar.f-rpg.me/profile.php?id=33">Isel Rayvern</a> и <a href="https://heylar.f-rpg.me/profile.php?id=33">Sally</a>  радует нас своим похож-непохожим вайбом. А уж что там в альт... ууууу
                  <br><br>

                 Своими беседами, лицами и историями радует дуэт из старичка и новичка! <a href="https://heylar.f-rpg.me/profile.php?id=30">Wilhelmina</a> явно показывает класс, а <a href="https://heylar.f-rpg.me/profile.php?id=45" class="mention">Ineleth</a> легко подхватывает это настроение! Любо дорого смотреть!<br><br>

                    <strong>Спасибо вам, дорогие друзья!</strong><br><br>

                Что до развлечений, то у нас обновлены старые забавы и есть теперь новые! Мы решили чуть переиграть и переиначить  голосования в топе и балы за них. Теперь награда вручается раз в неделю. Для ежедневных же отметок отныне есть <a href="https://heylar.f-rpg.me/viewtopic.php?id=164#p7505">Ежедневник</a>, что в этом месяце начинается с 3 числа в виде бонуса! Переходим к проверенным и надежным старичкам! Обновлены <a href="https://heylar.f-rpg.me/viewtopic.php?id=21&p=2#p7506">пазлы</a>.  И до 4.11 идет голосование за историю в  <a href="https://heylar.f-rpg.me/viewtopic.php?id=132#p5189">Тенеграннике</a>. Так же может выбрать себе награды, если выполнили условия.   
                </div>
                <div class="news-text-goodbye">
                    Удачной недели! Да хранят вас Зефиры.
                </div>
            </div>

            <div class="activists-section">
                <div class="activists-grid">
                                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=38" target="_blank" title="Постописец Isel Rayvern - 5 постов"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/189338.gif"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=53" target="_blank" title="Постописец Sally - 4 поста"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/572980.png"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=30" target="_blank" title="Флудер Wilhelmina"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/26284.png"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=45" target="_blank" title="Флудер Ineleth"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/344498.gif"></div></a>
                    </div>
                </div>

                <div class="additional-info">
                    <div class="info-block">
      <h3>Лучший пост <a href="https://heylar.f-rpg.me/viewtopic.php?id=151#p7264" class="mention">Vitelia</a>!</h3>
                        <div class="content">
    Она успела привыкнуть к ночевкам под открытым небом, под сенью деревьев, что разбрасывали свои кроны в разные стороны, защищая от сильного ветра и дождя. Или в пещере, что едва закрывала от холода, то и дело норовя потушить столь тяжело разожженный костер. А здесь что? Лощеные улицы, чья красота уже рябила в глазах. Яркий свет фонарей, освещавших улицы, претило. Ни с чем не сравниться яркий свет полной луны, когда в ночной тишине, вместо долгожданно сна, ловить тварь какую или ищешь цветок, по слухам, должный излечить чуть ли не все болячки мира. Вранье, как оказалось, но это того стоило.

                        </div>
                    </div>
                    <div class="info-block">
                        <h3>Сказание недели</h3>
                        <div class="content">
                            <div class="episode-container">
                                <a href="https://heylar.f-rpg.me/viewtopic.php?id=159#p7217" target="_blank" title="Пока твоя боль жива"><img src="https://upforme.ru/uploads/001c/86/4e/3/982918.gif? text=love+lyrics+&+obscene+ditties" alt="Эпизод недели" class="episode-image"></a>

                                <div class="episode-characters"><a href="https://heylar.f-rpg.me/profile.php?id=58" class="mention">Elric Liandor</a>, <a href="https://heylar.f-rpg.me/profile.php?id=19" class="mention"> Helg</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </html>[/html]

    +4

    21

    [hideprofile][html]  <style>   
    .news-container {
        width: 800px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 5px 5px 40.4px -13.43px var(--shadow);
        background: var(--green-bg) no-repeat center/cover;
        display: flex;
        flex-direction: column;
    }

    .news-header {
        width: 100%;
        height: 82px;
        padding: 20px 175px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--green);
        color: var(--tab-text);
        position: relative;
    }

            .news-title {
                font-family: var(--sec-font);
                text-transform: uppercase;
                font-size: 24px;
                font-weight: bold;
              text-align: center;
            }

    .news-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        bottom: -35px;
        left: calc(5% - 10px);
        border: 3px solid var(--accent);
        object-fit: cover;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }
    .news-header img:hover{    transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}

            .news-summary {
                font-size: 11px;
                flex-basis: 40%;
                text-align: right;
            }
            .news-summary span {
                font-style: italic;
                color: var(--navi-link);
            }
            .news-content {
                width: calc(100% - 40px);
                height: calc(100% - 82px);
                flex-grow: 1;
                padding: 70px 40px 20px 40px;
                box-sizing: border-box;
                background: var(--base-bg2);
                margin: 0 auto;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .news-text-top {
                text-align: justify;
            }

            .news-text-middle {
                display: flex;
                justify-content: end;
                align-items: flex-start; /* Изменено с center на flex-start */
                width: calc(100% + 60px);
                margin-left: -30px;
            }

            .news-text-middle-image {
                flex-grow: 1;
                text-align: center;
            }

    .news-text-middle-image img {
        max-width: 60px;
        border-radius: var(--br300);
    }

    .news-text-middle-highlight {
        background: var(--pf-bg);
        display: inline-block;
        width: 80%;
        max-width: 80%;
        min-height: 74px;
        padding: 20px;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: var(--br300);
        margin-right: -30px;
        text-align: justify;
        /* Убрано ограничение высоты и добавлен автоматический рост */
        height: auto;
        overflow: visible;
    }
    .news-text-middle-highlight h3{
    font-family: var(--sec-font);
    color: var(--accent);
    font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; /* Добавлены отступы для заголовка */
    }

    .news-text-middle-highlight a {
        white-space: nowrap;
        display: inline !important;
    }
            .news-text-bottom {
                flex-grow: 1;
                overflow: auto;
                padding-right: 10px;
            }

    .news-text-goodbye {
        text-align: right;
        text-transform: uppercase;
        font-family: var(--sec-font);
        font-size: 20px;
        color: var(--accent);
        margin-top: -10px;
        padding-top: 13px;
    }

    .activists-section {
        background: var(--pf-bg);
        padding: 10px 40px 10px 40px;
        margin-top: -15px;
        border-radius: 10px;
    }

       .activists-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 10px;
    }

    .activist-card {
        text-align: center;
        padding: 15px;
    }

    .activist-card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid var(--accent);
        margin-bottom: 10px;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .activist-card img:hover{transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}
            .activist-card .name {
                font-family: var(--sec-font);
                color: var(--accent);
                font-weight: bold;
                font-size: 14px;
            }

    .additional-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 20px;
        border-radius: var(--br300);
    }

            .info-block h3 {
                font-family: var(--sec-font);
                color: var(--accent);
                font-size: 16px;
                margin-bottom: 10px;
                text-transform: uppercase;
            }

    .info-block .content {
        font-size: 12px;
        color: var(--sec-text);
        line-height: 1.5;
        height: 100px;
        overflow-y: auto;
        padding: 7px;
        font-style: italic;
    }

    .episode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        height: 100%;
    }

    .episode-image {
        width: 300px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--br300);
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .episode-image:hover {
      filter: grayscale(5%);
    transition: all .7s ease-in-out 0s;}

    .episode-characters {
        text-align: center;
        font-style: italic;
        color: var(--sec-text);
    }

            .mention {
                color: var(--accent2);
                font-weight: bold;
                text-decoration: none;
            }

            .mention:hover {
                color: var(--navi-link-hov);
                text-decoration: underline;
            }

            /* Стили для скроллбара */
            ::-webkit-scrollbar {
                width: 6px;
            }

            ::-webkit-scrollbar-track {
                background: var(--podform);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb {
                background: var(--accent);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: var(--accent2);
            }

    @media screen and (max-width: 540px) {
    .news-container {
    width: 100%;}
    .activists-section {
        background: var(--pf-bg);
        padding: 10px 10px 10px 10px;

    }
    .activists-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .episode-image {
        width: 100%;
    }
    .activist-card {
        padding: 6px;
    }
    .news-header {
        padding: 6px 105px;
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .news-text-middle {
     
        align-items: center;
        width: 100%;
        margin-left: 0;
    }
    .news-text-middle-highlight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }}
       </style>

       <div class="news-container">
            <div class="news-header">
                <div class="news-title">НОВОСТИ ФОРУМА</div>
                <div class="news-summary">
                    <span>Выпуск № 7</span><br>
                  Пробуждающие
                </div>

                <img src="https://upforme.ru/uploads/001c/86/4e/3/854306.gif" target="_blank" title="кар-кар-кар">
            </div>

            <div class="news-content">
                <div class="news-text-top">
                    <strong>Доброго времени суток!</strong> Выжившие есть?<br><br>

      Неделя выдалась сложной и короткой. Кажется, можно было говорить "в смысле уже понедельник". А может и вовсе не кажется. Из этого состояния даже мы выползаем только только сейчас. Зато с чем... Держитесь <br><br>
                </div>

              <div class="news-text-middle">
                    <div class="news-text-middle-image">
                        <img src="https://upforme.ru/uploads/001c/86/4e/2/424573.png">
                    </div>
                   <div class="news-text-middle-highlight">
                     
                      <h3>Дополнения Матчасти</h3>
    <a href="https://heylar.f-rpg.me/viewtopic.php?id=174#p8279">Система классов</a> была переделана, чтобы было удобнее ориентироваться и дополнена примерами использования заклинаний, боевых приемов. Таким образом будет проще понять специфику каждого из классов. Была изменена информация касательно <a href="https://heylar.f-rpg.me/viewtopic.php?id=6#p6">стоимости образования</a> . Была обновлена и дополнена <a href="https://heylar.f-rpg.me/viewtopic.php?id=18#p46">карта Сейфены</a>. На ней появились обозначения ставок стражи, школ, больниц и высших немагических учебных заведений. И так же теперь расписаны <a href="https://heylar.f-rpg.me/viewtopic.php?id=17#p45">Стража, Армия, Образования и Медицина</a>. На последок здесь можно сказать о признании своих ошибок. Во время настройки карт слетел масштаб, а после исправлений с нашей стороны они нее были внесены тут. Теперь в <a href="  Хортирия">Хортирии</a> - актуальный размер островов и цифры населения. Можете изучать и использовать!) </div>
                </div>

                <div class="news-text-bottom">
    Несмотря на то, что было тихо, были те, кто решил высказать свою ноту протеста. Начнем же с тех, кто радовал нас своими постами! <a href="https://heylar.f-rpg.me/profile.php?id=19">Helg </a> и <a href="https://heylar.f-rpg.me/profile.php?id=41">Osmium</a>  решили размять свои крылья, а вместе с тем пальцы. Так держать!)
                  <br><br>

                А вот во флуде было очень даже шумно. Жаль, что нельзя выбрать всех... Но всеем можно послать лучи любви!) <a href="https://heylar.f-rpg.me/profile.php?id=39">Vitelia</a> и <a href="https://heylar.f-rpg.me/profile.php?id=60">Suran</a> кажется уже скоро откроют свой клуб. Смотрите, как пишется история?<br><br>

                    <strong>Спасибо вам, дорогие друзья!</strong><br><br>

               Переходим к чему-то более приземленному. Напоминаем, что теперь ежедневные награды работают в  <a href="https://heylar.f-rpg.me/viewtopic.php?id=164#p7505">Ежедневнике</a>. Кнопка Топа работает раз в неделю, так и награда выдается за него раз в неделю. Переходим к проверенным и надежным старичкам! Обновлены <a href="https://heylar.f-rpg.me/viewtopic.php?id=21&p=2#p8378">пазлы</a> и у них чууть добавлена сложность на 4 уровне. Оставляем? Не оставляем?  Напоминаем участникам забрать свои награды в <a href="https://heylar.f-rpg.me/viewtopic.php?id=132#p5189">Тенеграннике</a>.
                </div>
                <div class="news-text-goodbye">
                    Удачной недели! Да хранят вас Зефиры.
                </div>
            </div>

            <div class="activists-section">
                <div class="activists-grid">
                                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=19" target="_blank" title="Постописец Helg - 2 поста"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/860837.jpg"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=41" target="_blank" title="Постописец Osmium - 2 поста"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/674654.jpg"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=39" target="_blank" title="Флудер Vitelia"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/81654.jpg"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=60" target="_blank" title="Флудер Suran"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/208772.png"></div></a>
                    </div>
                </div>

                <div class="additional-info">
                    <div class="info-block">
      <h3>Лучший пост <a href="https://heylar.f-rpg.me/viewtopic.php?id=171#p8300">Rachel</a>!</h3>
                        <div class="content">
    Последний глоток терпкого зелёного чая был горьковатым, как лежащее давнишним грузом злое предзнаменование. Сейчас Мечницу окружали серые каменные стены тесной, но по своему уютной комнатушки, выбивать которую пришлось не силой меча, но силой слова. Сколь многих жертв то потребовало — лишь боги одни ведали. Но зато Рэйчел теперь не ночевала в общих казарменных помещениях и то являлось благом. Нет, не потому, что считала себя лучше прочих служителей закона, вовсе нет. Ей просто была потребна тишина. А тишина в здешних местах всегда была сравнима с золотом.<br>

    Лун поставила глиняную пиалу на низкий столик с отточенной точностью, позволив безмолвию комнаты вобрать в себя звук её соприкосновения. Ритуал был завершён. Спокойствие, обретённое за чаем, следовало отложить до лучших времён. В дверь постучали.
                        </div>
                    </div>
                    <div class="info-block">
                        <h3>Сказание недели</h3>
                        <div class="content">
                            <div class="episode-container">
                                <a href="https://heylar.f-rpg.me/viewtopic.php?id=154#p6892" target="_blank" title="Ведьмины уроки"><img src="https://upforme.ru/uploads/001c/86/4e/3/162679.png? alt="Эпизод недели" class="episode-image"></a>

                                <div class="episode-characters"><a href="https://heylar.f-rpg.me/profile.php?id=38">Isel Rayvern</a>, <a href="https://heylar.f-rpg.me/profile.php?id=53"> Sally</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </html>[/html]

    +3

    22

    [hideprofile]

    @Wilhelmina, с Днем Рождения!

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

    Подарок WiP

    При желание приятные слова имениннику можно сказать здесь!)

    +4

    23

    [hideprofile][html]  <style>   
    .news-container {
        width: 800px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 5px 5px 40.4px -13.43px var(--shadow);
        background: var(--green-bg) no-repeat center/cover;
        display: flex;
        flex-direction: column;
    }

    .news-header {
        width: 100%;
        height: 82px;
        padding: 20px 175px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--green);
        color: var(--tab-text);
        position: relative;
    }

            .news-title {
                font-family: var(--sec-font);
                text-transform: uppercase;
                font-size: 24px;
                font-weight: bold;
              text-align: center;
            }

    .news-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        bottom: -35px;
        left: calc(5% - 10px);
        border: 3px solid var(--accent);
        object-fit: cover;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }
    .news-header img:hover{    transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}

            .news-summary {
                font-size: 11px;
                flex-basis: 40%;
                text-align: right;
            }
            .news-summary span {
                font-style: italic;
                color: var(--navi-link);
            }
            .news-content {
                width: calc(100% - 40px);
                height: calc(100% - 82px);
                flex-grow: 1;
                padding: 70px 40px 20px 40px;
                box-sizing: border-box;
                background: var(--base-bg2);
                margin: 0 auto;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .news-text-top {
                text-align: justify;
            }

            .news-text-middle {
                display: flex;
                justify-content: end;
                align-items: flex-start; /* Изменено с center на flex-start */
                width: calc(100% + 60px);
                margin-left: -30px;
            }

            .news-text-middle-image {
                flex-grow: 1;
                text-align: center;
            }

    .news-text-middle-image img {
        max-width: 60px;
        border-radius: var(--br300);
    }

    .news-text-middle-highlight {
        background: var(--pf-bg);
        display: inline-block;
        width: 80%;
        max-width: 80%;
        min-height: 74px;
        padding: 20px;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: var(--br300);
        margin-right: -30px;
        text-align: justify;
        /* Убрано ограничение высоты и добавлен автоматический рост */
        height: auto;
        overflow: visible;
    }
    .news-text-middle-highlight h3{
    font-family: var(--sec-font);
    color: var(--accent);
    font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; /* Добавлены отступы для заголовка */
    }

    .news-text-middle-highlight a {
        white-space: nowrap;
        display: inline !important;
    }
            .news-text-bottom {
                flex-grow: 1;
                overflow: auto;
                padding-right: 10px;
            }

    .news-text-goodbye {
        text-align: right;
        text-transform: uppercase;
        font-family: var(--sec-font);
        font-size: 20px;
        color: var(--accent);
        margin-top: -10px;
        padding-top: 13px;
    }

    .activists-section {
        background: var(--pf-bg);
        padding: 10px 40px 10px 40px;
        margin-top: -15px;
        border-radius: 10px;
    }

       .activists-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 10px;
    }

    .activist-card {
        text-align: center;
        padding: 15px;
    }

    .activist-card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid var(--accent);
        margin-bottom: 10px;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .activist-card img:hover{transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}
            .activist-card .name {
                font-family: var(--sec-font);
                color: var(--accent);
                font-weight: bold;
                font-size: 14px;
            }

    .additional-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 20px;
        border-radius: var(--br300);
    }

            .info-block h3 {
                font-family: var(--sec-font);
                color: var(--accent);
                font-size: 16px;
                margin-bottom: 10px;
                text-transform: uppercase;
            }

    .info-block .content {
        font-size: 12px;
        color: var(--sec-text);
        line-height: 1.5;
        height: 100px;
        overflow-y: auto;
        padding: 7px;
        font-style: italic;
    }

    .episode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        height: 100%;
    }

    .episode-image {
        width: 300px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--br300);
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .episode-image:hover {
      filter: grayscale(5%);
    transition: all .7s ease-in-out 0s;}

    .episode-characters {
        text-align: center;
        font-style: italic;
        color: var(--sec-text);
    }

            .mention {
                color: var(--accent2);
                font-weight: bold;
                text-decoration: none;
            }

            .mention:hover {
                color: var(--navi-link-hov);
                text-decoration: underline;
            }

            /* Стили для скроллбара */
            ::-webkit-scrollbar {
                width: 6px;
            }

            ::-webkit-scrollbar-track {
                background: var(--podform);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb {
                background: var(--accent);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: var(--accent2);
            }

    @media screen and (max-width: 540px) {
    .news-container {
    width: 100%;}
    .activists-section {
        background: var(--pf-bg);
        padding: 10px 10px 10px 10px;

    }
    .activists-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .episode-image {
        width: 100%;
    }
    .activist-card {
        padding: 6px;
    }
    .news-header {
        padding: 6px 105px;
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .news-text-middle {
     
        align-items: center;
        width: 100%;
        margin-left: 0;
    }
    .news-text-middle-highlight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }}
       </style>

       <div class="news-container">
            <div class="news-header">
                <div class="news-title">НОВОСТИ ФОРУМА</div>
                <div class="news-summary">
                    <span>Выпуск № 8</span><br>
                  Поздние
                </div>

                <img src="https://upforme.ru/uploads/001c/86/4e/3/854306.gif" target="_blank" title="кар-кар-кар">
            </div>

            <div class="news-content">
                <div class="news-text-top">
                    <strong>Ночи доброй тем, кто с нами</strong> Или присматривается к нам<br><br>

    На этой неделе случилось и многое и малое. Можно сказать о том, что во всю пошли запуски квестов. Остался последний для того, чтобы успеть урвать удачу. Спячка сменилась новой волной. Да и те, кто только пришел, уже успевают нас радовать дивными сюжетами. Искренне желаем вам всем вдохновения!)<br><br>
                </div>

             <!----  <div class="news-text-middle">
                    <div class="news-text-middle-image">
                        <img src="https://upforme.ru/uploads/001c/86/4e/2/424573.png">
                    </div>
                  <div class="news-text-middle-highlight">
                     
                      <h3>Дополнения Матчасти</h3>
    <a href="№">ссылка</a> текст </div>
                </div>------>

                <div class="news-text-bottom">
    Вы когда-нибудь видели, как играют в салочки? А такие разные, но такие родные все еще сестры покажут! В этот круг в игре ведет <a href="https://heylar.f-rpg.me/profile.php?id=61">Rachel</a>, но  <a href="https://heylar.f-rpg.me/profile.php?id=22">Raven</a> уверенно наступает старшей на пятки. И, стоит сказать, эти салочки были активными и во флуде!   
                  <br><br>

                Магический усилитель голоса, именуемый некоторыми изобретателями "микрофон" на этой неделе передавался от устоявшихся звездочек новым и старым лицам! <a href="https://heylar.f-rpg.me/profile.php?id=41">Osmium</a> и <a href="https://heylar.f-rpg.me/profile.php?id=64">Gerhard Darkmoor</a> весьма уверенно чувствовали себя на этой сцене. Да будут крепки ваши голоса!)<br><br>

                    <strong>Спасибо вам, дорогие друзья!</strong><br><br>

             А <a href="https://heylar.f-rpg.me/viewtopic.php?id=21&p=2#p9164">пазлы</a> в этот раз посвящены Волшебникам! Есть предположения, кто к какой школе относиться? 
                </div>
                <div class="news-text-goodbye">
                    Удачной недели! Да хранят вас Зефиры.
                </div>
            </div>

            <div class="activists-section">
                <div class="activists-grid">
                                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=61" target="_blank" title="Постописец Rachel - 6 постов"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/787003.png"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=22" target="_blank" title="Постописец Raven - 4 поста"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/176211.jpg"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=64" target="_blank" title="Флудер Gerhard Darkmoor"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/423024.png"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=41" target="_blank" title="Флудер Osmium"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/718604.jpg"></div></a>
                    </div>
                </div>

                <div class="additional-info">
                    <div class="info-block">
      <h3>Лучший пост <a href="https://heylar.f-rpg.me/viewtopic.php?id=151#p8925">Garo Tahpad</a>!</h3>
                        <div class="content">
    Взгляды окружающих цеплялись за его варварское облачение, словно репейник за лохмотья нищего. В этом изысканном месте он был чужаком, дикарем, сорняком на бархатной лужайке. Кто-то, бросив мимолетный взгляд, сравнивал его с дроу: шрамы, словно письмена бурной жизни, кривили некогда суровое лицо в гримасе вечного недовольства; массивное, словно высеченное из камня, тело облачено в диковинную броню, что казалась осколком варварской эпохи. Гомон толпы, словно рой назойливых мух, терзал его слух. Раздражение, подобно пороху, готово было вспыхнуть от малейшей искры. Но вдруг сквозь какофонию голосов пробился знакомый диалект, словно луч солнца сквозь грозовую тучу, и удержал его от бездны ярости.
                        </div>
                    </div>
                    <div class="info-block">
                        <h3>Сказание недели</h3>
                        <div class="content">
                            <div class="episode-container">
                                <a href="https://heylar.f-rpg.me/viewtopic.php?id=175#p8403" target="_blank" title=" Сад цветущих магнолий"><img src="https://upforme.ru/uploads/001c/86/4e/3/884204.jpg? alt="Эпизод недели" class="episode-image"></a>

                                <div class="episode-characters"><a href="https://heylar.f-rpg.me/profile.php?id=29">Avexis Halniarrel</a>, <a href="https://heylar.f-rpg.me/profile.php?id=39">Vitelia</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </html>[/html]

    +4

    24

    [hideprofile]

    Голосование и Артефакты!
    Дорогие друзья, мы рискнули податься свою заявку на участие в конкурсе Ролевая Месяца на  Photoshop: Renaissance !) Правила там весьма строгие, но если по совпадению у вас есть там аккаунт, что проходит по всем правилам, будем благодарны за голос! Если проголосуйте и принесете доказательство в банк, то сможете получить 250 ЗИ и еще 250 ЗИ/артефакт до Редкого и стоимость до 300 ЗИ/Переброс кубика в квесте. Так же мы начислим по 50 Искр за каждый дополнительный голос!

    И так же, мы сообщаем вам об обновках в лавке артефактора!) Они появились!

    +3

    25

    [hideprofile][html]  <style>   
    .news-container {
        width: 800px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 5px 5px 40.4px -13.43px var(--shadow);
        background: var(--green-bg) no-repeat center/cover;
        display: flex;
        flex-direction: column;
    }

    .news-header {
        width: 100%;
        height: 82px;
        padding: 20px 175px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--green);
        color: var(--tab-text);
        position: relative;
    }

            .news-title {
                font-family: var(--sec-font);
                text-transform: uppercase;
                font-size: 24px;
                font-weight: bold;
              text-align: center;
            }

    .news-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        bottom: -35px;
        left: calc(5% - 10px);
        border: 3px solid var(--accent);
        object-fit: cover;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }
    .news-header img:hover{    transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}

            .news-summary {
                font-size: 11px;
                flex-basis: 40%;
                text-align: right;
            }
            .news-summary span {
                font-style: italic;
                color: var(--navi-link);
            }
            .news-content {
                width: calc(100% - 40px);
                height: calc(100% - 82px);
                flex-grow: 1;
                padding: 70px 40px 20px 40px;
                box-sizing: border-box;
                background: var(--base-bg2);
                margin: 0 auto;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .news-text-top {
                text-align: justify;
            }

            .news-text-middle {
                display: flex;
                justify-content: end;
                align-items: flex-start; /* Изменено с center на flex-start */
                width: calc(100% + 60px);
                margin-left: -30px;
            }

            .news-text-middle-image {
                flex-grow: 1;
                text-align: center;
            }

    .news-text-middle-image img {
        max-width: 60px;
        border-radius: var(--br300);
    }

    .news-text-middle-highlight {
        background: var(--pf-bg);
        display: inline-block;
        width: 80%;
        max-width: 80%;
        min-height: 74px;
        padding: 20px;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: var(--br300);
        margin-right: -30px;
        text-align: justify;
        /* Убрано ограничение высоты и добавлен автоматический рост */
        height: auto;
        overflow: visible;
    }
    .news-text-middle-highlight h3{
    font-family: var(--sec-font);
    color: var(--accent);
    font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; /* Добавлены отступы для заголовка */
    }

    .news-text-middle-highlight a {
        white-space: nowrap;
        display: inline !important;
    }
            .news-text-bottom {
                flex-grow: 1;
                overflow: auto;
                padding-right: 10px;
            }

    .news-text-goodbye {
        text-align: right;
        text-transform: uppercase;
        font-family: var(--sec-font);
        font-size: 20px;
        color: var(--accent);
        margin-top: -10px;
        padding-top: 13px;
    }

    .activists-section {
        background: var(--pf-bg);
        padding: 10px 40px 10px 40px;
        margin-top: -15px;
        border-radius: 10px;
    }

       .activists-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 10px;
    }

    .activist-card {
        text-align: center;
        padding: 15px;
    }

    .activist-card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid var(--accent);
        margin-bottom: 10px;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .activist-card img:hover{transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}
            .activist-card .name {
                font-family: var(--sec-font);
                color: var(--accent);
                font-weight: bold;
                font-size: 14px;
            }

    .additional-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 20px;
        border-radius: var(--br300);
    }

            .info-block h3 {
                font-family: var(--sec-font);
                color: var(--accent);
                font-size: 16px;
                margin-bottom: 10px;
                text-transform: uppercase;
            }

    .info-block .content {
        font-size: 12px;
        color: var(--sec-text);
        line-height: 1.5;
        height: 100px;
        overflow-y: auto;
        padding: 7px;
        font-style: italic;
    }

    .episode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        height: 100%;
    }

    .episode-image {
        width: 300px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--br300);
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .episode-image:hover {
      filter: grayscale(5%);
    transition: all .7s ease-in-out 0s;}

    .episode-characters {
        text-align: center;
        font-style: italic;
        color: var(--sec-text);
    }

            .mention {
                color: var(--accent2);
                font-weight: bold;
                text-decoration: none;
            }

            .mention:hover {
                color: var(--navi-link-hov);
                text-decoration: underline;
            }

            /* Стили для скроллбара */
            ::-webkit-scrollbar {
                width: 6px;
            }

            ::-webkit-scrollbar-track {
                background: var(--podform);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb {
                background: var(--accent);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: var(--accent2);
            }

    @media screen and (max-width: 540px) {
    .news-container {
    width: 100%;}
    .activists-section {
        background: var(--pf-bg);
        padding: 10px 10px 10px 10px;

    }
    .activists-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .episode-image {
        width: 100%;
    }
    .activist-card {
        padding: 6px;
    }
    .news-header {
        padding: 6px 105px;
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .news-text-middle {
     
        align-items: center;
        width: 100%;
        margin-left: 0;
    }
    .news-text-middle-highlight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }}
       </style>

       <div class="news-container">
            <div class="news-header">
                <div class="news-title">НОВОСТИ ФОРУМА</div>
                <div class="news-summary">
                    <span>Выпуск № 9</span><br>
                  С запахом зимы
                </div>

                <img src="https://upforme.ru/uploads/001c/86/4e/3/854306.gif" target="_blank" title="кар-кар-кар">
            </div>

            <div class="news-content">
                <div class="news-text-top">
                    <strong>Доброй всем ночи!</strong><br><br>

    Неделя прошедшая была полна приятных встреч и новых искорок на небосводе, что станут уже вскоре яркими звездами. Осенняя хондра, сковывающая ветром хладным, да дождями, постепенно отступает. В самую пору сказать Зима близко... Но мы к ней готовы, ведь с нами теперь меч <a href="https://heylar.f-rpg.me/profile.php?id=61">Rachel</a>, нашего нового модератора и затейницы.<br><br>
                </div>

             <!----  <div class="news-text-middle">
                    <div class="news-text-middle-image">
                        <img src="https://upforme.ru/uploads/001c/86/4e/2/424573.png">
                    </div>
                  <div class="news-text-middle-highlight">
                     
                      <h3>Дополнения Матчасти</h3>
    <a href="№">ссылка</a> текст </div>
                </div>------>

                <div class="news-text-bottom">
    <a href="https://heylar.f-rpg.me/profile.php?id=61">Rachel</a> решила вовсе не сдавать свои позиции, удерживая позицию. Мечом и щитом пробиваясь вперед, она уверенно ступает по миру. Рука об руку с ней шли еще многие, но выделить хочется и наше чудо-юдо... но не рыбу-кит.  <a href="https://heylar.f-rpg.me/profile.php?id=62">Miliki</a>, будем и дальше ждать твоих шагов в новом и таком незнакомом пока мире.   
                  <br><br>

               Завсегдатаи таверны зажигают сердца пришедших новичков. И зажигают их ярко. <a href="https://heylar.f-rpg.me/profile.php?id=30">Wilhelmina</a> и <a href="https://heylar.f-rpg.me/profile.php?id=65">Ciarenn</a> показывают, насколько красивыми бывают такие дуэты. Даже больше хейларцев мелькает, да и скупая отеческая слеза стекает. Но мы ничего не видели! Честное слово! *щелк*<br><br>

                    <strong>Спасибо вам, дорогие друзья!</strong><br><br>

              <a href="https://heylar.f-rpg.me/viewtopic.php?id=21&p=2#p9948">Пазлы</a> окажут вам кого можно встретить в разных уголках мира. А еще...
                    Ох, чуете пахнет глинтвейном и костром? К нам ближе декабрь. А это значит, что пора объявлять о начале ивента "Распределяющая шляпа". Да. Та самая! Марафоны будем устраивать позднее, а сейчас есть возможность принять участие в ивенте! Пройдите <a href="https://heylar.f-rpg.me/viewtopic.php?id=186">распределение</a>, получив в подарок оформление в цветах факультета (что сохраниться, если быть активным) и примите участие... ай, это скажем чууууть позднее. Пока может занять свое место и стать голосом в <a href="https://heylar.f-rpg.me/viewtopic.php?id=187#p9844">Сплетнях у Йольского Камина</a>, обсудив планы по захвату мира. Сейчас же время принять участие в <a href="https://heylar.f-rpg.me/viewtopic.php?id=184#p9757">лотерее</a>,  и заблудиться в <a href="https://heylar.f-rpg.me/viewtopic.php?id=185#p9758">Иллюзорном Лабиринте</a>!)
                </div>
                <div class="news-text-goodbye">
                    Удачной недели! Да хранят вас Зефиры.
                </div>
            </div>

            <div class="activists-section">
                <div class="activists-grid">
                                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=61" target="_blank" title="Постописец Rachel - 3 поста"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/787003.png"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=62" target="_blank" title="Постописец Miliki - 2 поста"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/111072.png"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=65" target="_blank" title="Флудер Ciarenn"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/849924.png"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=30" target="_blank" title="Флудер Wilhelmina"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/360956.png"></div></a>
                    </div>
                </div>

                <div class="additional-info">
                    <div class="info-block">
      <h3>Лучший пост <a href="https://heylar.f-rpg.me/viewtopic.php?id=159#p9852">Helg</a>!</h3>
                        <div class="content">
    Хельг подобрал пиалу и деловито убрал ее назад в сумку. Он не смотрел на эльфа и умирающую, отпуская им последние минуты прощания. Он делал это так привычно, ему далеко не впервой было притворяться отсутствующим в минуты чьей-то глубокой скорби. Притворяться, что он лишь часть той невидимой для живых силы, что неизменно забирает всех — друзей, врагов, любимых, родных, просто знакомых. Что он тень ее в материальном мире, слуга, безмолвный и послушный заведенному ей порядку. Мастер смерти. Вайрд Итархэ, Владыка Последнего порога. Верховный жрец Края Тишины.<br>
    Но не человек со своей историей потерь. Он просто не мог позволить себе быть им. Если бы он позволял, уже сломался бы, наверное. Дракон наконец поднял бесстрастный золотой взгляд на Эльрика. Он был верным примером перед глазами, что бывает, когда забываешь, что ты функция. Его дрогнувший голос, когда он заговорил, больно кольнул Хельгу сердце. Он испытывал жалость к эльфу, бессильно опустившему на колени руки ладонями вверх, нет — сожаление, острое и ранящее, как игла, впивающаяся в грудь.
                        </div>
                    </div>
                    <div class="info-block">
                        <h3>Сказание недели</h3>

                        <div class="content">
                            <div class="episode-container">
                                <a href="https://heylar.f-rpg.me/viewtopic.php?id=161#p7268" target="_blank" title=" Сверкающие кости"><img src="https://upforme.ru/uploads/001c/86/4e/3/198884.jpg? alt="Эпизод недели" class="episode-image"></a>
                                <div class="episode-characters"><a href="https://heylar.f-rpg.me/profile.php?id=22">Raven</a>, <a href="https://heylar.f-rpg.me/profile.php?id=41">Osmium</a></div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </html>[/html]

    +3

    26

    [hideprofile][html]  <style>   
    .news-container {
        width: 800px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 5px 5px 40.4px -13.43px var(--shadow);
        background: var(--green-bg) no-repeat center/cover;
        display: flex;
        flex-direction: column;
    }

    .news-header {
        width: 100%;
        height: 82px;
        padding: 20px 175px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--green);
        color: var(--tab-text);
        position: relative;
    }

            .news-title {
                font-family: var(--sec-font);
                text-transform: uppercase;
                font-size: 24px;
                font-weight: bold;
              text-align: center;
            }

    .news-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        bottom: -35px;
        left: calc(5% - 10px);
        border: 3px solid var(--accent);
        object-fit: cover;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }
    .news-header img:hover{    transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}

            .news-summary {
                font-size: 11px;
                flex-basis: 40%;
                text-align: right;
            }
            .news-summary span {
                font-style: italic;
                color: var(--navi-link);
            }
            .news-content {
                width: calc(100% - 40px);
                height: calc(100% - 82px);
                flex-grow: 1;
                padding: 70px 40px 20px 40px;
                box-sizing: border-box;
                background: var(--base-bg2);
                margin: 0 auto;
                font-size: 14px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .news-text-top {
                text-align: justify;
            }

            .news-text-middle {
                display: flex;
                justify-content: end;
                align-items: flex-start; /* Изменено с center на flex-start */
                width: calc(100% + 60px);
                margin-left: -30px;
            }

            .news-text-middle-image {
                flex-grow: 1;
                text-align: center;
            }

    .news-text-middle-image img {
        max-width: 60px;
        border-radius: var(--br300);
    }

    .news-text-middle-highlight {
        background: var(--pf-bg);
        display: inline-block;
        width: 80%;
        max-width: 80%;
        min-height: 74px;
        padding: 20px;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: var(--br300);
        margin-right: -30px;
        text-align: justify;
        /* Убрано ограничение высоты и добавлен автоматический рост */
        height: auto;
        overflow: visible;
    }
    .news-text-middle-highlight h3{
    font-family: var(--sec-font);
    color: var(--accent);
    font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0; /* Добавлены отступы для заголовка */
    }

    .news-text-middle-highlight a {
        white-space: nowrap;
        display: inline !important;
    }
            .news-text-bottom {
                flex-grow: 1;
                overflow: auto;
                padding-right: 10px;
            }

    .news-text-goodbye {
        text-align: right;
        text-transform: uppercase;
        font-family: var(--sec-font);
        font-size: 20px;
        color: var(--accent);
        margin-top: -10px;
        padding-top: 13px;
    }

    .activists-section {
        background: var(--pf-bg);
        padding: 10px 40px 10px 40px;
        margin-top: -15px;
        border-radius: 10px;
    }

       .activists-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 10px;
    }

    .activist-card {
        text-align: center;
        padding: 15px;
    }

    .activist-card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid var(--accent);
        margin-bottom: 10px;
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .activist-card img:hover{transition: all .7s ease-in-out 0s;
        filter: grayscale(5%);}
            .activist-card .name {
                font-family: var(--sec-font);
                color: var(--accent);
                font-weight: bold;
                font-size: 14px;
            }

    .additional-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 20px;
        border-radius: var(--br300);
    }

            .info-block h3 {
                font-family: var(--sec-font);
                color: var(--accent);
                font-size: 16px;
                margin-bottom: 10px;
                text-transform: uppercase;
            }

    .info-block .content {
        font-size: 12px;
        color: var(--sec-text);
        line-height: 1.5;
        height: 100px;
        overflow-y: auto;
        padding: 7px;
        font-style: italic;
    }

    .episode-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        height: 100%;
    }

    .episode-image {
        width: 300px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--br300);
        transition: all .7s ease-in-out 0s;
        filter: grayscale(80%);
    }

    .episode-image:hover {
      filter: grayscale(5%);
    transition: all .7s ease-in-out 0s;}

    .episode-characters {
        text-align: center;
        font-style: italic;
        color: var(--sec-text);
    }

            .mention {
                color: var(--accent2);
                font-weight: bold;
                text-decoration: none;
            }

            .mention:hover {
                color: var(--navi-link-hov);
                text-decoration: underline;
            }

            /* Стили для скроллбара */
            ::-webkit-scrollbar {
                width: 6px;
            }

            ::-webkit-scrollbar-track {
                background: var(--podform);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb {
                background: var(--accent);
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: var(--accent2);
            }

    @media screen and (max-width: 540px) {
    .news-container {
    width: 100%;}
    .activists-section {
        background: var(--pf-bg);
        padding: 10px 10px 10px 10px;

    }
    .activists-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .episode-image {
        width: 100%;
    }
    .activist-card {
        padding: 6px;
    }
    .news-header {
        padding: 6px 105px;
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .news-text-middle {
     
        align-items: center;
        width: 100%;
        margin-left: 0;
    }
    .news-text-middle-highlight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }}
       </style>

       <div class="news-container">
            <div class="news-header">
                <div class="news-title">НОВОСТИ ФОРУМА</div>
                <div class="news-summary">
                    <span>Выпуск № 10</span><br>
                 Сова Прилетела!
                </div>

                <img src="https://upforme.ru/uploads/001c/86/4e/3/854306.gif" target="_blank" title="кар-кар-кар">
            </div>

            <div class="news-content">
                <div class="news-text-top">
                    <strong>Доброй всем дня!</strong><br><br>

    С первым днем зимы вас и с Угасшим Пламенем, дорогие Хейларцы. Снег то приходит, до уходит, а 31 число - все ближе. Этот месяц часто хлопотный и связан с тратами... Но с сегодняшнего дня здесь он будет связан с возможностью поднакопить Золотых Искорок. Итак. Приступаем к подробностям! <br><br>
                </div>

             <!----  <div class="news-text-middle">
                    <div class="news-text-middle-image">
                        <img src="https://upforme.ru/uploads/001c/86/4e/2/424573.png">
                    </div>
                  <div class="news-text-middle-highlight">
                     
                      <h3>Дополнения Матчасти</h3>
    <a href="№">ссылка</a> текст </div>
                </div>------>

                <div class="news-text-bottom">
                    Рукописи прошлой недели писались не столь часто, зато какие страсти кипели в отделе ивентов... А то ли еще будет, ох... Но в этой суете <a href="https://heylar.f-rpg.me/profile.php?id=30">Wilhelmina</a>  и <a href="https://heylar.f-rpg.me/profile.php?id=41">Osmium</a> все же смогли внести свою лепту! Успевающие на всех фронтах, спасибо вам за вдохновение!
                  <br><br>

               Две сестрицы затейницы на этой неделе решили не покидать сцену, передавая микрофон. Подколки, шутки, комплименты... Дамы, не смейте думать, что мы вас останавливаем! Продолжайте в том же духе! <a href="https://heylar.f-rpg.me/profile.php?id=61"> Rachel</a> и <a href="https://heylar.f-rpg.me/profile.php?id=22">Raven</a> спасибо вам!)
    <br><br>

                    <strong>Спасибо вам, дорогие друзья!</strong><br><br>
    Теперь же... переходим к ГРАНДИОЗНЫМ затеям и массовым ивентам. Мы счастливы сообщить вам о начале ивента  <a href="https://heylar.f-rpg.me/viewforum.php?id=23">"Йольский Снежник"</a>! Да, под него был сделан новый отдел, а на  <a href="https://heylar.f-rpg.me/viewtopic.php?id=189#p10448">Информационной Доске</a> вы найдете всю необходимую информацию! <a href="https://heylar.f-rpg.me/viewtopic.php?id=190#p10459">Расскажите</a> о себе и успейте взять <a href="https://heylar.f-rpg.me/viewtopic.php?id=191#p10461">Задания</a> и докажите, что ваш факультет - лучший. И Поступки ваши ой как не будут забыты....
                    Между тем у нас обновились и  <a href="https://heylar.f-rpg.me/viewtopic.php?id=21&p=2#p10919">Пазлы</a>!
                    Но а теперь немножко ложки дегтя. Теперь награды Активистам не выдаются самостоятельно, так что просим их запрашивать в банке. При выдаче Искр будут выдаваться и награды в профиль.
                    Продолжаем лить мед! У нас появились новые позиции в  <a href="https://heylar.f-rpg.me/viewtopic.php?id=16">Банке</a>, среди коих - награда за пополнение банка форума. И так же сообщаем о том, что добавилась временная, эксклюзивная  <a href="https://heylar.f-rpg.me/viewtopic.php?id=81#p1357 ">новогодняя коллекция</a>, что будет действовать, пока длиться Йольский Снежник!   
             
                </div>
                <div class="news-text-goodbye">
                    Удачной недели! Да хранят вас Зефиры.
                </div>
            </div>

            <div class="activists-section">
                <div class="activists-grid">
                                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=30" target="_blank" title="Постописец Wilhelmina - 2 поста"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/902460.png"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=41" target="_blank" title="Постописец Osmium - 2 поста"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/648354.jpg"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=61" target="_blank" title="Флудер  Rachel"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/954774.png"></div></a>
                    </div>
                    <div class="activist-card"><a href="https://heylar.f-rpg.me/profile.php?id=22" target="_blank" title="Флудер Raven"><div><img src="https://upforme.ru/uploads/001c/86/4e/3/149034.jpg"></div></a>
                    </div>
                </div>

                <div class="additional-info">
                    <div class="info-block">
      <h3>Лучший пост <a href="https://heylar.f-rpg.me/viewtopic.php?id=83#p10092">Corvo </a>!</h3>
                        <div class="content">
    Минутная стрелка переползает одиннадцатую отметку. Птица внутри клетки сидит на жёрдочке неподвижно — случайный посетитель мог бы даже принять её за искусное чучело. Только случайных посетителей здесь, как правило, не бывает, и сегодня не исключение. Ворон чуть наклоняет голову, отмечая про себя мягкий шорох шагов по ковру на лестнице. Въевшаяся с детства привычка — всегда следить за движением вокруг, всегда быть начеку. Позволяет выиграть необходимые мгновения для побега или манёвра на опережение. Хотя сейчас рваться некуда и незачем. Он знает этот звук и знает, что тот ничем ему не грозит. Он обещает компанию, к которой Корво успел уже притереться и за неимением лучшего слова по-своему сродниться. Другие шаги — более тяжёлые, чуть шаркающие, — ему незнакомы. Пара останавливается у двери. Стук — негромкий, деликатный, немного церемонный и оттого забавный, — предшествует появлению хозяйки и её гостя на пороге, и ворон наблюдает со своего места за их приближением. Минутная стрелка завершает очередной оборот, и часы раздаются боем, таким же, как всегда, но в этот раз Корво кажется, что вот-вот грядёт нечто.

                        </div>
                    </div>
                    <div class="info-block">
                        <h3>Сказание недели</h3>

                        <div class="content">
                            <div class="episode-container">
                                <a href="https://heylar.f-rpg.me/viewtopic.php?id=176#p8518" target="_blank" title="старшие карты"><img src="https://upforme.ru/uploads/001c/86/4e/3/225698.gif? alt="Эпизод недели" class="episode-image"></a>
                                <div class="episode-characters"><a href="https://heylar.f-rpg.me/profile.php?id=60">Suran</a>, <a href="https://heylar.f-rpg.me/profile.php?id=17">Vergil</a>, <a href="https://heylar.f-rpg.me/profile.php?id=30">Wilhelmina</a></div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </html>[/html]

    +4


    Вы здесь » Хейлар. Пляска Смерти » Dancing Lights » Новости