123
Шаблон соцсеть
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться12026-02-10 22:47:04
- Администратор
- Сообщений: 39
- Уважение: +0
- Посты: 123
- Последний визит:
2026-04-11 17:23:34 
You're dead longer than you're alive 
Поделиться22026-02-10 22:47:13
- Администратор
- Сообщений: 39
- Уважение: +0
- Посты: 123
- Последний визит:
2026-04-11 17:23:34 You're dead longer than you're alive
[html]
<style>
</style>
<section class='chat-wrapper'>
<section class="socpost-wrapper" '>
<div class='low-cont'>
<!------------- аватар и ник юзера ------------->
<a href=''><img src='https://i.pinimg.com/736x/7d/1f/32/7d1f32f1a19a131d8c974f600398b811.jpg' /><span data-date='Online'>@username</span></a>
<!------------- просмотры и лайки ------------->
<div>
<p>123</p>
<p>23</p>
</div></div>
<!------------- фото поста ------------->
<img src='https://forumstatic.ru/files/001c/a6/e3/60328.png' />
<!-------- текст поста любой длины (не надо вставлять <br>, текст переносится автоматически по обычному энтеру ---------->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<span>место отправки поста</span>
<section><section>[/html]
[html]
<style>
</style>
<section class='chat-wrapper'>
<section class="socpost-wrapper" '>
<div class='low-cont'>
<!------------- аватар и ник юзера ------------->
<a href=''><img src='https://i.pinimg.com/736x/7d/1f/32/7d1f32f1a19a131d8c974f600398b811.jpg' /> <span data-date='Online'>@username</span></a>
<!------------- просмотры и лайки ------------->
<div>
<p>123</p>
<p>23</p>
</div></div>
<!-------- текст поста любой длины (не надо вставлять <br>, текст переносится автоматически по обычному энтеру ---------->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel, porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula vitae, accumsan sapien.
Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut libero fermentum, non consequat lectus egestas. Aenean nisl urna, finibus a nulla sed, sodales feugiat velit.
</p>
<section><section>[/html]
Поделиться32026-02-10 22:47:46
- Администратор
- Сообщений: 39
- Уважение: +0
- Посты: 123
- Последний визит:
2026-04-11 17:23:34 You're dead longer than you're alive
[html]<section class="chat-wrapper">
<div class="soc-avatars">
<!----- ссылка на профиль, аватар и ник --->
<a href="#ссылка_на_профиль"><img src="https://upforme.ru/uploads/001c/69/a5/4/23792.png" alt="avatar" /> <span data-title='online'>@nickname</span></a>
</div>
<div class='chwrap'><div class="soc-chat-wrapper">
<!----- левое сообщение, дата в data-msgtime --->
<p class="left-msg" data-msgtime="05 august, 15:23">
<img src='https://i.pinimg.com/736x/7d/1f/32/7d1f32f1a19a131d8c974f600398b811.jpg' class='msg-av'>
Lorem ipsum.
</p>
<p class="left-msg" data-msgtime="05 august, 15:23">
<img src='https://i.pinimg.com/736x/7d/1f/32/7d1f32f1a19a131d8c974f600398b811.jpg' class='msg-av'>
<img src="https://upforme.ru/uploads/001c/69/a5/4/840172.png" /> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<!----- левое войсовое сообщение, дата в data-msgtime --->
<p class="left-msg left-voice" data-msgtime="14:43 PM">
<img src="https://forumstatic.ru/files/001c/a6/e3/91423.png" alt="voice message" />
<!----- правое сообщение, дата в data-msgtime --->
<p class="right-msg">
<img src='https://i.pinimg.com/736x/7d/1f/32/7d1f32f1a19a131d8c974f600398b811.jpg' class='msg-av'>
<img src="https://upforme.ru/uploads/001c/69/a5/4/840172.png" /> In vulputate condimentum bibendum. Nulla vehicula vel nisi et vehicula. Cras ut tellus ut felis gravida ullamcorper. Nulla quis quam nec arcu consequat mollis. Phasellus finibus odio non tellus molestie dapibus.
</p>
<!----- правое войсовое сообщение, дата в data-msgtime --->
<p class="right-msg right-voice" data-msgtime="05 august, 11:23 AM">
<img src='https://i.pinimg.com/736x/7d/1f/32/7d1f32f1a19a131d8c974f600398b811.jpg' class='msg-av'>
<img src="https://forumstatic.ru/files/001c/a6/e3/91423.png" alt="voice message" />
блаблаблабла блабла блабла блаблаблабла
</p>
<!----- правое сообщение, дата в data-msgtime --->
<p class="right-msg" data-msgtime="13:18">
Lorem ipsum dolor sit amet
</p>
</div><div class="write-msg"></div></div>
</section>[/html]
Поделиться42026-02-10 22:48:31
- Администратор
- Сообщений: 39
- Уважение: +0
- Посты: 123
- Последний визит:
2026-04-11 17:23:34 You're dead longer than you're alive
123
Страница: 1
