[html]<div class="default_smll">

<div class="default_smll_body">
<div class="default_smll_head">МЕССЕНДЖЕР</div>

» в этой теме вы можете ознакомиться с шаблоном переписок, состоящим из двух кодов (для обоих игроков); <br><br>

» первое сообщение вы можете оформлять в произвольной форме;<br><br>

» фотографии, "кружочки", сообщения с ответом можно не включать в переписки, для этого просто удалите часть кода, связанную с ними;

</div>

</div>[/html]

[html]

<center>
<!-- СООБЩЕНИЯ ТЕЛО НАЧАЛО -->
<div class="sns">

<!-- ИМЯ НАЧАЛО -->
<div class="nameinfo"><b>
имя
</b><br>

<dis> был онлайн .... минут назад</dis>

</div><!-- ИМЯ КОНЕЦ -->

<div class="chat">
<!-- СООБЩЕНИЯ СЛЕВА-->
<div class="leftchat">

<div class="leftchato"> текст сообщения</div>
<div class="snstime">00:00</div>

<div class="leftchato"><otvet>ответ на сообщение </otvet><br>
текст сообщения
</div>
<div class="snstime">00:00</div>

<!-- ФОТО НАЧАЛО, МОЖНО УДАЛИТЬ-->
<img src='http://placehold.it/130x130' class="fotoone">
<div class="snstime">00:00</div>
<!-- ФОТО КОНЕЦ -->

<!-- КРУЖОЧЕК НАЧАЛО ДЛЯ ПЕРВОГО -->
<img src='http://placehold.it/100x100' class="fototwo">
<div class="snstime">00:00</div>
<!-- КРУЖОЧЕК КОНЕЦ-->

</div>
<!-- СООБЩЕНИЯ СЛЕВА-->

<!-- СООБЩЕНИЯ СПРАВА-->
<div class="rightchat">
<div class="rightchato">текст сообщения</div>
<div class="snstimet">00:00</div>
<div class="rightchato"><otvet>ответ на сообщение </otvet><br>
текст сообщения
</div>
<div class="snstimet">00:00</div>

<!-- ФОТО НАЧАЛО -->
<img src='http://placehold.it/130x130' class="fotothree">
<div class="snstimet">00:00</div>
<!-- ФОТО КОНЕЦ -->

<!-- КРУЖОЧЕК НАЧАЛО ДЛЯ ВТОРОГО-->
<img src='http://placehold.it/100x100' class="fototwog">
<div class="snstimet">00:00</div>
<!-- КРУЖОЧЕК КОНЕЦ-->

<!-- СООБЩЕНИЯ СПРАВА-->

</div>
<!-- СООБЩЕНИЯ ТЕЛО КОНЕЦ -->

</div>
</div>
</center>
[/html]

Шаблон для первого игрока (сообщения слева)
Код:
<center>
<div class="sns">

<div class="nameinfo">
<!-- ИМЯ -->
<b>

ПИШИТЕ ЗДЕСЬ СВОЕ ИМЯ ИЛИ НИК

</b><br>


<dis> был онлайн_____ минут назад</dis>


</div>

<div class="chat">
<div class="leftchat">

<!-- СООБЩЕНИЯ СЛЕВА-->

<div class="leftchato">текст сообщения</div>
<div class="snstime">00:00</div>

<div class="leftchato"><otvet>ответ на сообщение </otvet><br> 
текст сообщения
</div>
<div class="snstime">00:00</div>


<!-- ФОТО ПРИ НЕОБХОДИМОСТИ-->
<img src='КВАДРАТНОЕ ФОТО НЕ МЕНЬШЕ 130*130' class="fotoone">
<div class="snstime">00:00</div>
<!-- ФОТО КОНЕЦ -->

<!-- КРУЖОЧЕК ГИФ ИЛИ ФОТО ПРИ НЕОБХОДИМОСТИ  -->
<img src='КВАДРАТНОЕ ФОТО НЕ МЕНЬШЕ 100*100' class="fototwo">
<div class="snstime">00:00</div>
<!-- КРУЖОЧЕК КОНЕЦ-->

<!-- ПРИ НЕОБХОДИМОСТИ ДОБАВИТЬ КОДЫ СООБЩЕНИЙ, ФОТО, КРУЖОЧКОВ НИЖЕ-->



<!-- КОНЕЦ СООБЩЕНИЙ-->
</div>



</div>

</div>
</div> 
</center>
шаблон дополнительных сообщения
Код:
<div class="leftchato">текст сообщения</div>
<div class="snstime">00:00</div>
шаблон сообщений с фото
Код:
<img src='КВАДРАТНОЕ ФОТО НЕ МЕНЬШЕ 130*130' class="fotoone">
<div class="snstime">00:00</div>
шаблон для сообщений с ответом
Код:
<div class="leftchato"><otvet>ответ на сообщение </otvet><br> 
текст сообщения
</div>
<div class="snstime">00:00</div>
шаблон сообщений с кружочком
Код:
<img src='КВАДРАТНОЕ ФОТО НЕ МЕНЬШЕ 100*100' class="fototwo">
<div class="snstime">00:00</div>
Шаблон для второго игрока (сообщения слева)
Код:
<center>
<div class="sns">

<div class="nameinfo">
<!-- ИМЯ -->
<b>

ПИШИТЕ ЗДЕСЬ СВОЕ ИМЯ ИЛИ НИК

</b><br> 


<dis> был онлайн .... минут назад</dis></div>





<div class="chat">


<div class="rightchat">
<!-- СООБЩЕНИЯ СПРАВА-->

<div class="rightchato">текст сообщения</div>
<div class="snstimet">00:00</div>


<div class="rightchato"><otvet>ответ на сообщение </otvet><br> 
текст сообщения
</div>
<div class="snstimet">00:00</div>


<!-- ФОТО ПРИ НЕОБХОДИМОСТИ -->
<img src='КВАДРАТНОЕ ИЗОБРАЖЕНИЕ НЕ МЕНЬШЕ 130x130' class="fotothree">
<div class="snstimet">00:00</div>
<!-- ФОТО КОНЕЦ -->

<!-- КРУЖОЧЕК ГИФ ИЛИ ФОТО ПРИ НЕОБХОДИМОСТИ-->
<img src='КВАДРАТНОЕ ИЗОБРАЖЕНИЕ НЕ МЕНЬШЕ 100x100' class="fototwog">
<div class="snstimet">00:00</div>
<!-- КРУЖОЧЕК КОНЕЦ-->


<!-- ПРИ НЕОБХОДИМОСТИ ДОБАВИТЬ КОДЫ СООБЩЕНИЙ, ФОТО, КРУЖОЧКОВ НИЖЕ-->



<!-- КОНЕЦ СООБЩЕНИЙ-->
</div>
</div>
</div> 
</center>
шаблон дополнительных сообщения
Код:
<div class="rightchato">текст сообщения</div>
<div class="snstimet">00:00</div>
шаблон сообщений с фото
Код:
<img src='КВАДРАТНОЕ ИЗОБРАЖЕНИЕ НЕ МЕНЬШЕ 130x130' class="fotothree">
<div class="snstimet">00:00</div>
шаблон для сообщений с ответом
Код:
<div class="rightchato"><otvet>ответ на сообщение </otvet><br> 
текст сообщения
</div>
<div class="snstimet">00:00</div>
шаблон сообщений с кружочком
Код:
<img src='КВАДРАТНОЕ ИЗОБРАЖЕНИЕ НЕ МЕНЬШЕ 100x100' class="fototwog">
<div class="snstimet">00:00</div>
Подпись автора

ну короче туц туц туц