123
Шаблон соцсеть
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться12025-11-22 17:30:02
- Администратор
Имя Фамилия You can't take this from me
Forbidden in Heaven
and useless in Hell- Сообщений: 44
- Уважение: +2
- Валюта: 123
- Посты: 123
Some text content
...and more text
Поделиться22025-11-22 17:57:30
- Администратор
Имя Фамилия You can't take this from me
Forbidden in Heaven
and useless in Hell- Сообщений: 44
- Уважение: +2
- Валюта: 123
- Посты: 123
Some text content
...and more text
[html]
<section class='chat-wrapper'>
<!--------- аватар --------->
<img src="https://i.pinimg.com/736x/b5/5d/95/b55d95decad5cc65ae2b84857d40d82d.jpg" alt="avatar">
<!--------- фон --------->
<img src="https://i.pinimg.com/1200x/a7/d1/ae/a7d1ae865911ebf5f56e6a9a2cde2b41.jpg" alt="bg">
<div class="soc-parameters">
<!--------- пик, посты, подписчики--------->
<div>@nickname</div>
<p><span>9999</span>posts</p>
<p><span>4.2m</span>followers</p>
<p><span>3534</span>following</p>
</div>
<!--------- фотки блоком--------->
<div class='soc-mainpage-photoblock'>
<img src="https://i.pinimg.com/736x/d9/dc/a8/d9dca8383c4e58fcc5cc7fc4dc439ce2.jpg">
<img src="https://i.pinimg.com/736x/9f/bc/10/9fbc1012d5f7a64a66f5bc0264601cb7.jpg">
<img src="https://i.pinimg.com/736x/da/70/6e/da706e378af13fee39df95eec2232ed8.jpg">
<img src="https://i.pinimg.com/736x/f7/6b/05/f76b0567018db91b6546d17cfdd26d04.jpg">
<img src="https://i.pinimg.com/736x/34/75/fc/3475fc26a62a907b4cc6281b48bedb2f.jpg">
<img src="https://i.pinimg.com/736x/7f/c4/ce/7fc4ce62eb4403d89dcc242f8b4085f5.jpg"> <!-- большая фотка -->
</div>
</section>[/html]
Поделиться32025-11-22 22:07:45
- Администратор
Имя Фамилия You can't take this from me
Forbidden in Heaven
and useless in Hell- Сообщений: 44
- Уважение: +2
- Валюта: 123
- Посты: 123
Some text content
...and more text
[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='11 июля 2025'>@nickname</span></a>
<!------------- просмотры и лайки ------------->
<div>
<p>123</p>
<p>23</p>
</div></div>
<!------------- фото поста ------------->
<img src='https://i.pinimg.com/736x/7d/1f/32/7d1f32f1a19a131d8c974f600398b811.jpg' />
<!-------- текст поста любой длины (не надо вставлять <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.
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>
<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='11 июля 2025'>@nickname</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]
Поделиться42025-11-23 00:23:44
- Администратор
Имя Фамилия You can't take this from me
Forbidden in Heaven
and useless in Hell- Сообщений: 44
- Уважение: +2
- Валюта: 123
- Посты: 123
Some text content
...and more text
[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/97/86/93131.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/97/86/93131.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]
Страница: 1
