[html]<style>
  .shipro-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin: 20px auto;
    max-width: 600px;
    background: #171b1c;  /* Цвет темный задника*/
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .shipro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
  }

  .shipro-image {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    margin: 20px 20px;
    transition: transform 0.3s ease;
  }

  .shipro-card:hover .shipro-image {
    transform: scale(1.25);
  }

  .shipro-info {
    text-align: center;
    font-family: "Arial", sans-serif;
    padding: 20px;
  }

  .shipro-info h5 {
    font-size: 24px;
    margin: 5px;
    color: #b8b2a8; /* Заголовок*/
  }

  .shipro-info em {
    font-size: 14px;
    color: #6c6c6c; /* Цвет текста под заголовком*/
    margin-bottom: 10px;
    display: block;
  }

  .shipro-description {
    font-size: 14px;
    color: #949494; /* Главный текст */
    text-align: justify;
    line-height: 1.5;
    text-indent: 30px;
    max-height: 200px;
    overflow: hidden;
    padding: 0 10px;
    transition: max-height 0.3s ease;
  }

  .shipro-card:hover .shipro-description {
    max-height: 500px;
  }

  .shipro-description p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

</style>

<div class="shipro-card">
 
  <div class="shipro-info">
    <h5>МАСКА ПРОФИЛЯ</h5>
   
    <div class="shipro-description">

Итак, возникли вопросы касательно оформления НПС персонажей. Было решено отдельный профиль не заводить. Вместо этого у нас появилась такая функция, как "Маска профиля". Этот простой скрипт позволит вам с легкостью поменять не просто аватар и подпись, а практически весь профиль. Плюс ко всему, все ваши маски будут сохраняться в память скрипта, и вы сможете воспользоваться нужной просто нажав пару кнопок. <br><br>
Далее приведена небольшая инструкция по использованию "маски".<br><br>

1. Для начала откройте форму ответа в теме, где вы должны использовать маску (непосредственно в том самом посту, где хотите изменить внешний вид (персонажа). Найдите в функциях формы ответа "маску"<br><br>

2. Откроется форма для заполнения, где будет необходимо указать ВСЕ пункты.<br><br>

Ник - меняет имя;<br>
Статус - меняет статус над аватаром;<br>
Аватар - сюда ставим ссылку на аватар (!!!) в формате jpg, gif, png только ссылку (!!!) никаких больше кодов и лишних квадратных кавычек. Просто ссылка.<br>
Подпись - меняем на то, что необходимо. Если нет - оставляем поле пустым.<br>
Личное звание - меняет ЛС под аватаром.<br><br>

    </div>
  </div>
</div>
<!--  Можете поставить следом ещё одну такую же про другого персонажа -->
[/html]

[html]<style>
  .shipro-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin: 20px auto;
    max-width: 600px;
    background: #171b1c;  /* Цвет темный задника*/
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .shipro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
  }

  .shipro-image {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    margin: 20px 20px;
    transition: transform 0.3s ease;
  }

  .shipro-card:hover .shipro-image {
    transform: scale(1.25);
  }

  .shipro-info {
    text-align: center;
    font-family: "Arial", sans-serif;
    padding: 20px;
  }

  .shipro-info h5 {
    font-size: 24px;
    margin: 5px;
    color: #b8b2a8; /* Заголовок*/
  }

  .shipro-info em {
    font-size: 14px;
    color: #6c6c6c; /* Цвет текста под заголовком*/
    margin-bottom: 10px;
    display: block;
  }

  .shipro-description {
    font-size: 14px;
    color: #949494; /* Главный текст */
    text-align: justify;
    line-height: 1.5;
    text-indent: 30px;
    max-height: 200px;
    overflow: hidden;
    padding: 0 10px;
    transition: max-height 0.3s ease;
  }

  .shipro-card:hover .shipro-description {
    max-height: 500px;
  }

  .shipro-description p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

</style>

<div class="shipro-card">
 
  <div class="shipro-info">
    <h5>НПС-персонажи</h5>
   
    <div class="shipro-description">
Для нужд страждущих поиграть с НПС или от лица НПС временно (нет ничего более постоянного, нежели временное) создан профиль NPС, пользоваться им может любой желающий. Пароль очень прост - "1920".

    </div>
  </div>
</div>
<!--  Можете поставить следом ещё одну такую же про другого персонажа -->
[/html]

[html]<style>
  .shipro-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin: 20px auto;
    max-width: 600px;
    background: #171b1c;  /* Цвет темный задника*/
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .shipro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
  }

  .shipro-image {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    margin: 20px 20px;
    transition: transform 0.3s ease;
  }

  .shipro-card:hover .shipro-image {
    transform: scale(1.25);
  }

  .shipro-info {
    text-align: center;
    font-family: "Arial", sans-serif;
    padding: 20px;
  }

  .shipro-info h5 {
    font-size: 24px;
    margin: 5px;
    color: #b8b2a8; /* Заголовок*/
  }

  .shipro-info em {
    font-size: 14px;
    color: #6c6c6c; /* Цвет текста под заголовком*/
    margin-bottom: 10px;
    display: block;
  }

  .shipro-description {
    font-size: 14px;
    color: #949494; /* Главный текст */
    text-align: justify;
    line-height: 1.5;
    text-indent: 30px;
    max-height: 200px;
    overflow: hidden;
    padding: 0 10px;
    transition: max-height 0.3s ease;
  }

  .shipro-card:hover .shipro-description {
    max-height: 500px;
  }

  .shipro-description p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

</style>

<div class="shipro-card">
<div class="shipro-image" style="background-image: url('https://24.media.tumblr.com/de9bc9750eda0e34f23ab97f4fd9b3ea/tumblr_n2379nUCQf1r0ngdoo6_500.gif');"></div> <!--  сюда ссылку на свою картинку -->
 
  <div class="shipro-info">
    <h5>Проект возобновляет свою активность!</h5>
   
    <div class="shipro-description">

Точнее то, что осталось от активности. Рада видеть в строю тех ребят, которые не забыли про 1920 и заглядывали на форум даже когда он стоял одинокий и покинутый. Спасибо тем, кто занимался модераторской и администраторской деятельностью для поддержания существования проекта. Спасибо, что писали посты и создавали активность своим интересом к теме.

    </div>
  </div>
</div>
<!--  Можете поставить следом ещё одну такую же про другого персонажа -->
[/html]

[html]<style>
  .shipro-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin: 20px auto;
    max-width: 600px;
    background: #171b1c;  /* Цвет темный задника*/
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .shipro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
  }

  .shipro-image {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    margin: 20px 20px;
    transition: transform 0.3s ease;
  }

  .shipro-card:hover .shipro-image {
    transform: scale(1.25);
  }

  .shipro-info {
    text-align: center;
    font-family: "Arial", sans-serif;
    padding: 20px;
  }

  .shipro-info h5 {
    font-size: 24px;
    margin: 5px;
    color: #b8b2a8; /* Заголовок*/
  }

  .shipro-info em {
    font-size: 14px;
    color: #6c6c6c; /* Цвет текста под заголовком*/
    margin-bottom: 10px;
    display: block;
  }

  .shipro-description {
    font-size: 14px;
    color: #949494; /* Главный текст */
    text-align: justify;
    line-height: 1.5;
    text-indent: 30px;
    max-height: 200px;
    overflow: hidden;
    padding: 0 10px;
    transition: max-height 0.3s ease;
  }

  .shipro-card:hover .shipro-description {
    max-height: 500px;
  }

  .shipro-description p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

</style>

<div class="shipro-card">
<div class="shipro-image" style="background-image: url('https://forumupload.ru/uploads/0019/49/95/2/797585.jpg');"></div> <!--  сюда ссылку на свою картинку -->
 
  <div class="shipro-info">
    <h5>Дорогие участницы форума!</h5><br>
   
    <div class="shipro-description">

Поздравляю вас с прекрасным весенним праздником – Международным женским днём 8 Марта! Пусть этот день принесёт вам море улыбок, тепла и вдохновения. Желаю, чтобы в вашей жизни всегда было место радости, гармонии и ярким моментам. Пусть ваши мечты сбываются, а каждый день приносит новые возможности и приятные сюрпризы.<br><br>

Спасибо вам за вашу мудрость, доброту и активность на форуме. Вы делаете это место по-настоящему уютным и интересным!<br><br>

С праздником, дорогие женщины! Будьте счастливы, любимы и окружены заботой! 🌸💐<br><br>

С уважением, администрация 1920. At the Dawn of Prohibition<br><br>

    </div>
  </div>
</div>
<!--  Можете поставить следом ещё одну такую же про другого персонажа -->
[/html]

[html]<style>
  .shipro-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin: 20px auto;
    max-width: 600px;
    background: #171b1c;  /* Цвет темный задника*/
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .shipro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
  }

  .shipro-image {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    margin: 20px 20px;
    transition: transform 0.3s ease;
  }

  .shipro-card:hover .shipro-image {
    transform: scale(1.25);
  }

  .shipro-info {
    text-align: center;
    font-family: "Arial", sans-serif;
    padding: 20px;
  }

  .shipro-info h5 {
    font-size: 24px;
    margin: 5px;
    color: #b8b2a8; /* Заголовок*/
  }

  .shipro-info em {
    font-size: 14px;
    color: #6c6c6c; /* Цвет текста под заголовком*/
    margin-bottom: 10px;
    display: block;
  }

  .shipro-description {
    font-size: 14px;
    color: #949494; /* Главный текст */
    text-align: justify;
    line-height: 1.5;
    text-indent: 30px;
    max-height: 200px;
    overflow: hidden;
    padding: 0 10px;
    transition: max-height 0.3s ease;
  }

  .shipro-card:hover .shipro-description {
    max-height: 500px;
  }

  .shipro-description p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

</style>

<div class="shipro-card">

  <div class="shipro-info">
    <h5>Статистика актива за период с 19.02 по 19.03</h5><br>
   
    <div class="shipro-description">

<center>Написано постов — 37<br>
Открыто эпизодов — 5<br>
Закрыто эпизодов — 0<br>
Активных эпизодов — 5<br>
------------------------<br>
Активист месяца — <a href="https://1920.rusff.me/profile.php?id=71">Tatiana Ditkovskite</a></a><br>
------------------------<br><br></center>

<center>Дорогие друзья, приветствую!</center><br><br>
Подвела итоги прошедшего месяца. Мы справились отлично! Игра развивается, посты публикуются, новые эпизоды появляются.<br>
Желаю всем вдохновения на создание текстов и, конечно, чтобы в сутках магическим образом появилось пару дополнительных часов! 😊

    </div>
  </div>
</div>
<!--  Можете поставить следом ещё одну такую же про другого персонажа -->
[/html]

[html]<style>
  .shipro-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin: 20px auto;
    max-width: 600px;
    background: #171b1c;  /* Цвет темный задника*/
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .shipro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
  }

  .shipro-image {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    margin: 20px 20px;
    transition: transform 0.3s ease;
  }

  .shipro-card:hover .shipro-image {
    transform: scale(1.25);
  }

  .shipro-info {
    text-align: center;
    font-family: "Arial", sans-serif;
    padding: 20px;
  }

  .shipro-info h5 {
    font-size: 24px;
    margin: 5px;
    color: #b8b2a8; /* Заголовок*/
  }

  .shipro-info em {
    font-size: 14px;
    color: #6c6c6c; /* Цвет текста под заголовком*/
    margin-bottom: 10px;
    display: block;
  }

  .shipro-description {
    font-size: 14px;
    color: #949494; /* Главный текст */
    text-align: justify;
    line-height: 1.5;
    text-indent: 30px;
    max-height: 200px;
    overflow: hidden;
    padding: 0 10px;
    transition: max-height 0.3s ease;
  }

  .shipro-card:hover .shipro-description {
    max-height: 500px;
  }

  .shipro-description p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

</style>

<div class="shipro-card">
  <div class="shipro-image" style="background-image: url('https://forumupload.ru/uploads/0019/49/95/2/326550.jpg');"></div> <!--  сюда ссылку на свою картинку -->
  <div class="shipro-info">
  <div class="shipro-info">
    <h5>Обновление в игровом разделе!</h5>
   
    <div class="shipro-description">
      Друзья, у нас важные новости: теперь в игре появились <b>категории по частям света</b>! Это значит, что вы можете отправлять своего персонажа в разные уголки мира — в зависимости от сюжета или просто по желанию.<br><br>
      <p>Основная ветка событий по-прежнему сосредоточена в <b>Нью-Йорке, США</b>, но теперь мы <b>тестируем глобальное расширение</b>. Если идея найдёт отклик у игроков, новые локации закрепят на постоянной основе.</p><br><br>
      <p>Будем рады видеть персонажей из других стран! Но помните: <b>один герой не может находиться в двух местах одновременно</b>.</p><br><br>
      <p>Изменения:</p>

<p>— В шаблон анкеты и поиска персонажа добавлено поле "Место постоянного проживания".</p>
<p>— Персонажи теперь могут уезжать в отпуск или даже переезжать в другую страну насовсем.</p><br><br>

<p>Пробуйте, экспериментируйте, и пусть ваши истории станут ещё интереснее!</p><br><br>
<center>🌍✨</center>

    </div>
  </div>
</div>
<!--  Можете поставить следом ещё одну такую же про другого персонажа -->
[/html]

[html]<style>
  .shipro-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin: 20px auto;
    max-width: 600px;
    background: #171b1c;  /* Цвет темный задника*/
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .shipro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
  }

  .shipro-image {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    margin: 20px 20px;
    transition: transform 0.3s ease;
  }

  .shipro-card:hover .shipro-image {
    transform: scale(1.25);
  }

  .shipro-info {
    text-align: center;
    font-family: "Arial", sans-serif;
    padding: 20px;
  }

  .shipro-info h5 {
    font-size: 24px;
    margin: 5px;
    color: #b8b2a8; /* Заголовок*/
  }

  .shipro-info em {
    font-size: 14px;
    color: #6c6c6c; /* Цвет текста под заголовком*/
    margin-bottom: 10px;
    display: block;
  }

  .shipro-description {
    font-size: 14px;
    color: #949494; /* Главный текст */
    text-align: justify;
    line-height: 1.5;
    text-indent: 30px;
    max-height: 200px;
    overflow: hidden;
    padding: 0 10px;
    transition: max-height 0.3s ease;
  }

  .shipro-card:hover .shipro-description {
    max-height: 500px;
  }

  .shipro-description p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

</style>

<div class="shipro-card">
 
  <div class="shipro-info">
  <div class="shipro-info">
    <h5>Конкурс</h5>
   
    <div class="shipro-description">
      И еще немного новостей.<br><br>
      <p>Мы участвуем в конкурсе <b>"Ролевая месяца. Апрель"</b> на форуме <b>Маяк. Сообщество ролевиков и дизайнеров .</b><br><br>
      <p>Если у Вас есть возможность <a href="https://mayak.f-rpg.me/viewtopic.php?id=1318#p121906">проголосовать</a> за нас - буду очень благодарна.</p><br>
      <p>Спасибо большое </p><br><br>
     

    </div>
  </div>
</div>
<!--  Можете поставить следом ещё одну такую же про другого персонажа -->
[/html]

[html]<style>
  .shipro-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin: 20px auto;
    max-width: 600px;
    background: #171b1c;  /* Цвет темный задника*/
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .shipro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
  }

  .shipro-image {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    margin: 20px 20px;
    transition: transform 0.3s ease;
  }

  .shipro-card:hover .shipro-image {
    transform: scale(1.25);
  }

  .shipro-info {
    text-align: center;
    font-family: "Arial", sans-serif;
    padding: 20px;
  }

  .shipro-info h5 {
    font-size: 24px;
    margin: 5px;
    color: #b8b2a8; /* Заголовок*/
  }

  .shipro-info em {
    font-size: 14px;
    color: #6c6c6c; /* Цвет текста под заголовком*/
    margin-bottom: 10px;
    display: block;
  }

  .shipro-description {
    font-size: 14px;
    color: #949494; /* Главный текст */
    text-align: justify;
    line-height: 1.5;
    text-indent: 30px;
    max-height: 200px;
    overflow: hidden;
    padding: 0 10px;
    transition: max-height 0.3s ease;
  }

  .shipro-card:hover .shipro-description {
    max-height: 500px;
  }

  .shipro-description p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

</style>

<div class="shipro-card">
 
  <div class="shipro-info">
  <div class="shipro-info">
    <h5>Изменения в правилах проекта</h5><br>
   
    <div class="shipro-description">
      Друзья, добрый день! Просим обратить внимание на пункт 5.6. <a href="https://1920.rusff.me/viewtopic.php?id=9#p18">правил</a>. В 20-ом веке гомосексуализм жёстко порицался, а порой и подвергался суровому лечению в психиатрических клиниках, и если вы планируете эту линию - придëтся понимать, что персонаж будет крайне ограничен и ему придëтся скрываться.</p><br>
     <p> Администрация оставляет за собой право цензурировать эпизоды с подобным содержанием. Данные ограничения вводятся для защиты форума и самих игроков от возможных последствий со стороны закона. Благодарим за понимание. </p><br><br>
     

    </div>
  </div>
</div>
<!--  Можете поставить следом ещё одну такую же про другого персонажа -->
[/html]