заполнение истории переписки
общие правила:
c <div class='left'> начинается сообщение, отправленное собеседником (слева)
c <div class='right'> начинается сообщение, отправленное вами (справа)
в тегах mess-date='02:53 pm' находится время отправки
в тегах <span> находится само тело сообщения
шаблон простого текстового сообщения:
<div class='left' mess-date='02:53 pm'><img src='АВАТАР СОБЕСЕДНИКА' class='ava'><span> СООБЩЕНИЕ СОБЕСЕДНИКА </span></div>
<div class='right' mess-date='02:53 pm'><span> СООБЩЕНИЕ ВАШЕ </span> <img src='АВАТАР ВАШ' class='ava'></div>
шаблон простого сообщения только из эмоджи:
<div class='left' mess-date='02:53 pm'><img src='АВАТАР СОБЕСЕДНИКА' class='ava'><span class='emoji'> <img src="ССЫЛКА НА ЭМОДЖИ"><img src="ССЫЛКА НА ЭМОДЖИ"></span></div>
<div class='right' mess-date='02:53 pm'><span class='emoji'> <img src="ССЫЛКА НА ЭМОДЖИ"><img src="ССЫЛКА НА ЭМОДЖИ"></span> <img src='АВАТАР ВАШ' class='ava'></div>
шаблон сообщений-ответов
<div class='left' mess-date='02:53 pm'><img src='АВАТАР СОБЕСЕДНИКА' class='ava'><span> <div class='answer' mess-date='02:53 pm'><strong>ВАШЕ ИМЯ</strong><br>ТО, ЧТО СОБЕСЕДНИК ЦИТИРУЕТ</div> СООБЩЕНИЕ СОБЕСЕДНИКА </span></div>
<div class='right' mess-date='02:53 pm'><span> <div class='answer'><strong>ИМЯ СОБЕСЕДНИКА</strong><br>ТО, ЧТО ВЫ ЦИТИРУЕТЕ</div> СООБЩЕНИЕ ВАШЕ </span> <img src='АВАТАР ВАШ' class='ava'></div>
шаблон сообщений-фото
<div class='left' mess-date='02:53 pm'><img src='АВАТАР СОБЕСЕДНИКА' class='ava'><span> <img src='ССЫЛКА НА ФОТО'> </span></div>
<div class='right' mess-date='02:53 pm'><span> <img src='ССЫЛКА НА ФОТО'> </span> <img src='АВАТАР ВАШ' class='ava'></div>
шаблон голосовых сообщений
<div class='left' mess-date='02:53 pm'><img src='АВАТАР СОБЕСЕДНИКА' class='ava'><span><details><summary>показать расшифровку</summary> ТЕКСТ ГОЛОСОВОГО ПИШЕМ ТУТ </details></span></div>
<div class='right' mess-date='02:53 pm'><span><details><summary>показать расшифровку</summary> ТЕКСТ ГОЛОСОВОГО ПИШЕМ ТУТ </details></span> <img src='АВАТАР ВАШ' class='ava'></div>