123
социальная сеть
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться12026-07-29 08:34:03
- Администратор
ирма кернс, 118 ведьма ┏━━━━•❃°•°❀°•°❃•━━━━┓
все дороги ведут к нашей встрече
всё моё найдёт меня точно
┗━━━━•❃°•°❀°•°❃•━━━━┛- Сообщений: 51
- Уважение: +1
- валюта: 123
- Посты: 123
первая строка текста
Поделиться22026-07-29 08:36:19
- Администратор
ирма кернс, 118 ведьма ┏━━━━•❃°•°❀°•°❃•━━━━┓
все дороги ведут к нашей встрече
всё моё найдёт меня точно
┗━━━━•❃°•°❀°•°❃•━━━━┛- Сообщений: 51
- Уважение: +1
- валюта: 123
- Посты: 123
первая строка текста
[html]
<section class='chat-wrapper'>
<!--------- аватар --------->
<img src="https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg" alt="avatar">
<!--------- фон --------->
<img src="https://i.pinimg.com/1200x/a6/93/58/a693580a3eca2025f4f7e4fd8164bc86.jpg" alt="bg">
<div class="soc-parameters">
<!--------- пик, посты, подписчики--------->
<div>@nickname</div>
<p><span>123</span>posts</p>
<p><span>123k</span>followers</p>
<p><span>1234</span>following</p>
</div>
<div class="profile-widget">
<div class="profile-info">
<h1 class="username">Username</h1>
<span class="description">заголовок</span >
<span class="muted">строчка текста</span >
<span class="muted">строчка текста</span >
</div>
<div class="action-buttons">
<button>Edit Profile</button>
<button>Promotions</button>
<button>Mail</button>
</div>
<div class="highlights">
<div class="highlight-item">
<div class="circle new-circle">
<span>+</span>
</div>
<span class="label">New</span>
</div>
<div class="highlight-item">
<div class="circle"><img src="https://i.pinimg.com/736x/e6/8c/22/e68c22d677798ad6602d6435945024c8.jpg"></div>
<span class="label">Lorem</span>
</div>
<div class="highlight-item">
<div class="circle"></div>
<span class="label">Lorem</span>
</div>
<div class="highlight-item">
<div class="circle"></div>
<span class="label">Lorem</span>
</div>
<div class="highlight-item">
<div class="circle"></div>
<span class="label">Lorem</span>
</div>
</div>
</div>
<!--------- фотки блоком--------->
<div class='soc-mainpage-photoblock'><div>
<img src="https://i.pinimg.com/736x/e0/55/bf/e055bf7916056a839e12565780486bf0.jpg">
<img src="https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg">
<img src="https://i.pinimg.com/736x/1f/ab/5b/1fab5bfc60f6e04edc55ff0653cd555f.jpg">
<img src="https://i.pinimg.com/236x/5a/1d/a7/5a1da71684112a51b54538783898e0dc.jpg">
<img src="https://i.pinimg.com/236x/4b/e1/fd/4be1fdfb8d70b7423f963454a83b1890.jpg">
<img src="https://i.pinimg.com/736x/e2/e0/70/e2e070cc77f81f214d863b4e65d5e284.jpg">
<img src="https://i.pinimg.com/736x/e6/8c/22/e68c22d677798ad6602d6435945024c8.jpg">
<img src="https://i.pinimg.com/1200x/81/54/bc/8154bc88ec17585a9586db5d243262c3.jpg">
<img src="https://i.pinimg.com/236x/5a/1d/a7/5a1da71684112a51b54538783898e0dc.jpg">
<img src="https://i.pinimg.com/236x/4b/e1/fd/4be1fdfb8d70b7423f963454a83b1890.jpg">
<img src="https://i.pinimg.com/736x/e2/e0/70/e2e070cc77f81f214d863b4e65d5e284.jpg">
</div></div>
</section>[/html]
Поделиться32026-07-29 08:37:25
- Администратор
ирма кернс, 118 ведьма ┏━━━━•❃°•°❀°•°❃•━━━━┓
все дороги ведут к нашей встрече
всё моё найдёт меня точно
┗━━━━•❃°•°❀°•°❃•━━━━┛- Сообщений: 51
- Уважение: +1
- валюта: 123
- Посты: 123
первая строка текста
[html]
<section class='chat-wrapper'>
<section class="socpost-wrapper" '>
<div class='low-cont'>
<!------------- аватар и ник юзера ------------->
<a href=''><img src='https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg' /> <span data-date='11 июля 2025'>@nickname</span></a>
<!------------- просмотры и лайки ------------->
<div>
<p>123</p>
<p>23</p>
</div></div>
<!------------- фото поста ------------->
<img src='https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.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]
Поделиться42026-07-29 08:39:48
- Администратор
ирма кернс, 118 ведьма ┏━━━━•❃°•°❀°•°❃•━━━━┓
все дороги ведут к нашей встрече
всё моё найдёт меня точно
┗━━━━•❃°•°❀°•°❃•━━━━┛- Сообщений: 51
- Уважение: +1
- валюта: 123
- Посты: 123
первая строка текста
[html]
<section class='chat-wrapper'>
<section class="socpost-wrapper" '>
<div class='low-cont'>
<!------------- аватар и ник юзера ------------->
<a href=''><img src='https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.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]
Поделиться52026-07-29 08:40:27
- Администратор
ирма кернс, 118 ведьма ┏━━━━•❃°•°❀°•°❃•━━━━┓
все дороги ведут к нашей встрече
всё моё найдёт меня точно
┗━━━━•❃°•°❀°•°❃•━━━━┛- Сообщений: 51
- Уважение: +1
- валюта: 123
- Посты: 123
первая строка текста
[html]<section class="chat-wrapper">
<div class="soc-avatars">
<!----- ссылка на профиль, аватар и ник --->
<a href="#ссылка_на_профиль"><img src="https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg" 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/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg' class='msg-av'>
текст сообщения слева
</p>
<p class="left-msg" data-msgtime="05 august, 15:23">
<img src='https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg' class='msg-av'>
<img src="https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg"> с изображением
</p>
<!----- левое войсовое сообщение, дата в data-msgtime --->
<p class="left-msg left-voice" data-msgtime="14:43 PM">
<img src="https://forumstatic.ru/files/001c/b8/3a/93131.png" alt="voice message" />
<!----- правое сообщение, дата в data-msgtime --->
<p class="right-msg">
<img src='https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg' class='msg-av'>
<img src="https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg"> текст сообщения справа
</p>
<!----- правое войсовое сообщение, дата в data-msgtime --->
<p class="right-msg right-voice" data-msgtime="05 august, 11:23 AM">
<img src='https://i.pinimg.com/236x/1d/a4/0f/1da40fa6fed2bcb619cedf2dc293d4e7.jpg' class='msg-av'>
<img src="https://forumstatic.ru/files/001c/b8/3a/93131.png" alt="voice message"><br>
голосовое сообщение - его расшифровка
</p>
<!----- правое сообщение, дата в data-msgtime --->
<p class="right-msg" data-msgtime="13:18">
без аватара
</p>
</div><div class="write-msg"></div></div>
</section>[/html]
Страница: 1