снс

[html]
<div class="sns"><header><chat-header>
<ava>
<img src="https://forumstatic.ru/files/001c/bb/6a/32894.jpg" class="chat-avatar">
</ava>
<usr><usrnm>@nikname</usrnm><stts>online</stts></usr>
</chat-header></header>

<msg left>remember that moment it turned on like a light</msg>
<msg right>remember that moment it turned on like a light, you had nothing on paper it was all in your mind. </msg>

<l_resend>переслано от <b>имя</b></l_resend><msg left class="resnd">пересылаемое сообщение</msg>
<r_resend>переслано от <b>имя</b></r_resend><msg right class="resnd">пересылаемое сообщение</msg>

<msg right><msg_q><name_q>name</name_q>like a light</msg_q>....</msg>

<msg right><gs><span>Привет, как дела? remember that moment it turned on like a light, you had nothing on paper it was all in your mind.</span></gs></msg>

<blok>Пользователь вас заблокировал, вы не можете отправлять ему сообщения. </blok>
<msg left class="blokm">текст сообщения</msg>
<msg right class="blokm">текст сообщения</msg>

<msg left class="delm">Сообщение удалено.</msg>
<msg right class="delm">Сообщение удалено.</msg>
<msg left class="delm"><details><summary>Сообщение удалено. [<u>показать</u>]</summary>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </details></msg>
<msg right class="delm"><details><summary>Сообщение удалено. [<u>показать</u>]</summary>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </details></msg>

<call><i class="fa-solid fa-phone"></i> Входящий вызов</call>
<call><i class="fa-solid fa-phone"></i> Пропущенный вызов</call>
<call><i class="fa-solid fa-phone"></i> Исходящий вызов</call>

</messages>

<txtit>введите сообщение...</txtit>

</div>

[/html]

сообщения слева

Код:

[html]
<div class="sns"><header><chat-header>
      <ava>
          <img src="АВАТАР" class="chat-avatar">
      </ava>
      <usr><usrnm>@ИМЯ</usrnm><stts>online</stts></usr>
    </chat-header></header>

   <messages>

<msg left>текст</msg>
<msg left>[img]КАРТИНКА[/img]</msg>
<msg left><gs><span>Привет</span></gs></msg>
<msg left><msg_q><name_q>name</name_q>цитата</msg_q>ваше соо</msg>
<l_resend>переслано от <b>имя</b></l_resend><msg left class="resnd">пересылаемое сообщение</msg>

  </messages>

  <txtit>введите сообщение...</txtit>
  
</div>
[/html]

сообщения справа

Код:

[html]
<div class="sns"><header><chat-header>
      <ava>
          <img src="АВАТАР" class="chat-avatar">
      </ava>
      <usr><usrnm>@ИМЯ</usrnm><stts>online</stts></usr>
    </chat-header></header>

   <messages>

<msg right>текст</msg>
<msg right>[img]КАРТИНКА[/img]</msg>
<msg right><gs><span>Привет</span></gs></msg>
<msg right><msg_q><name_q>name</name_q>цитата</msg_q>ваше соо</msg>
<r_resend>переслано от <b>имя</b></r_resend><msg right class="resnd">пересылаемое сообщение</msg>

  </messages>

  <txtit>введите сообщение...</txtit>
  
</div>
[/html]

для блокировки пользователя:
в тэги <messages>...</messages>, как обычное сообщение, вставляется информация о блокировке:

Код:

<blok>Пользователь вас заблокировал, вы не можете отправлять ему сообщения. (или любой другой текст)</blok>

сообщение, которое не отправилось (это любое обычное сообщение, к которому добавлен класс blokm):

сообщение слева

Код:

<msg left class="blokm">текст сообщения</msg>

сообщение справа

Код:

<msg right class="blokm">текст сообщения</msg>

форма отправки сообщения при блокировке:

Код:

 <txtit class="blokmf"><i class="fa-regular fa-circle-exclamation"></i> отправка сообщений ограничена</txtit>

заменяете ею строчку <txtit>введите сообщение...</txtit>.

пересыл сообщений:

пересыл для сообщений слева

Код:

<l_resend>переслано от <b>имя</b></l_resend><msg left class="resnd">пересылаемое сообщение</msg>

пересыл для сообщений справа

Код:

<r_resend>переслано от <b>имя</b></r_resend><msg right class="resnd">пересылаемое сообщение</msg>

цитаты:

сообщение слева

Код:

<msg left><msg_q><name_q>имя</name_q>чужое сообщение</msg_q>ваш ответ</msg>

сообщение справа

Код:

<msg right><msg_q><name_q>имя</name_q>чужое сообщение</msg_q>ваш ответ</msg>

стак фото (до 10 фоток):

сообщение слева

Код:

<msg left class="stack">[img]ссылка[/img][img]ссылка[/img][img]ссылка[/img]</msg>

сообщение справа

Код:

<msg right class="stack">[img]ссылка[/img][img]ссылка[/img][img]ссылка[/img]</msg>

видео-кружочки:

сообщение слева

Код:

<msg left circle style="background:url(ваша_гифка) center/cover no-repeat;"></msg>

сообщение справа

Код:

<msg right circle style="background:url(ваша_гифка) center/cover no-repeat;"></msg>

видео-кружочки с расшифровкой:

сообщение слева

Код:

<msg left circle style="background:url(ваша_гифка) center/cover no-repeat;" data-spoiler="ваша расшифровка" tabindex="0"><div class="spoiler-indicator"></div></msg>

сообщение справа

Код:

<msg right circle style="background:url(ваша_гифка) center/cover no-repeat;" data-spoiler="ваша расшифровка" tabindex="0"><div class="spoiler-indicator"></div></msg>

удаленные сообщения:

сообщение слева без спойлера

Код:

<msg left class="delm">Сообщение удалено.</msg>

сообщение справа без спойлера

Код:

<msg right class="delm">Сообщение удалено.</msg>

сообщение слева со спойлером

Код:

<msg left class="delm"><details><summary>Сообщение удалено. [<u>показать</u>]</summary>Текст удаленного сообщения для игрока</details></msg>

сообщение справа со спойлером

Код:

<msg right class="delm"><details><summary>Сообщение удалено. [<u>показать</u>]</summary>Текст удаленного сообщения для игрока</details></msg>

уведомления о вызовах:

Код:

<call><i class="fa-solid fa-phone"></i> Входящий вызов</call>

Код:

<call><i class="fa-solid fa-phone"></i> Пропущенный вызов</call>

Код:

<call><i class="fa-solid fa-phone"></i> Исходящий вызов</call>

вызовы:
[indent] для вызовов используем специальный код снс!

[html]
<div class="sns calling"><header><chat-header>
<ava>
<img src="https://forumstatic.ru/files/001c/bb/6a/32894.jpg" class="chat-avatar">
</ava>
<usr><usrnm>@nikname</usrnm><stts>ringing...</stts></usr>
</chat-header></header>

<call_talk>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ultricies egestas lacus nec pharetra. Etiam porttitor suscipit iaculis.</call_talk>
<call_talk>Lorem ipsum</call_talk>
<call_talk>Nam ultricies egestas lacus nec pharetra. Nam ultricies egestas lacus nec pharetra. Nam ultricies egestas lacus nec pharetra. Nam ultricies egestas lacus nec pharetra. Nam ultricies egestas lacus nec pharetra.Nam ultricies egestas lacus nec pharetra.v</call_talk>
<call_act>хмыкает, хрюкает, молчит</call_act>
<call_talk>Болтаем</call_talk>

<style>

</style>

</messages>

</div>

[/html]

Код:

[html]
<div class="sns calling"><header><chat-header>
      <ava>
          <img src="АВАТАР" class="chat-avatar">
      </ava>
      <usr><usrnm>@nikname</usrnm><stts>ringing...</stts></usr>
    </chat-header></header>

   <messages>

<call_talk>реплики персонажа</call_talk>
<call_act>действия персонажа, окружение и тд.</call_act>

  </messages>
  
</div>

[/html]

реакции:
вы можете ставить реакции на сообщения. также их можно удалять, нажав на поставленную реакцию