соцсетка
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться22026-03-07 16:59:12
[html]<div style="background: #f2f2f2; border-radius: 40px; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width: 420px; margin: 0 auto 20px auto; position: relative; border: 10px solid #1a1a1a; box-shadow: 0 20px 40px rgba(0,0,0,0.3);">
<!-- Динамик и камера (верх телефона) -->
<div style="display: flex; justify-content: center; align-items: center; margin-bottom: 15px;">
<div style="width: 12px; height: 12px; background: #333; border-radius: 50%; margin-right: 8px;"></div>
<div style="width: 60px; height: 6px; background: #333; border-radius: 20px;"></div>
<div style="width: 12px; height: 12px; background: #333; border-radius: 50%; margin-left: 8px;"></div>
</div>
<!-- Экран телефона -->
<div style="background: white; border-radius: 20px; overflow: hidden; border: 1px solid #dbdbdb;">
<!-- Верхняя панель VK -->
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; background: #f5f5f5; border-bottom: 1px solid #e5e5e5;">
<div style="display: flex; align-items: center; gap: 5px;">
<span style="font-size: 20px; font-weight: 700; color: #0077ff;">VT</span>
<span style="font-weight: 600;">VTROPICANO</span>
</div>
<div style="display: flex; gap: 20px;">
<span style="font-size: 18px;">🔍</span>
<span style="font-size: 18px;">☰</span>
</div>
</div>
<!-- Шапка поста: аватар, имя, время -->
<div style="display: flex; align-items: center; padding: 15px;">
<img src="https://upforme.ru/uploads/0014/eb/ea/1610/436719.jpg" style="width: 48px; height: 48px; border-radius: 50%; object-fit: cover; margin-right: 12px; border: 1px solid #dbdbdb;" onerror="this.src='https://via.placeholder.com/48x48'">
<div style="flex: 1;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 15px;">MR.RICCI</span>
<span style="color: #818181; font-size: 12px;">🌴 online</span>
</div>
<div style="color: #818181; font-size: 12px; margin-top: 2px;">
2 часа назад • 📍 Рио де Солар
</div>
</div>
<div style="font-size: 20px; color: #818181;">⋮</div>
</div>
<!-- ФОТОГРАФИЯ (ОСНОВНОЙ КОНТЕНТ) -->
<div style="width: 100%; background: #fafafa; overflow: hidden;">
<img src="https://i6.imageban.ru/out/2026/03/07/2503f7a209228aedf13eb902649403df.png?auto=compress&cs=tinysrgb&w=600"
style="width: 100%; height: auto; display: block;"
alt="Фотография">
</div>
<!-- Кнопки действий (лайки, комментарии, репосты) VK style -->
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; border-bottom: 1px solid #f0f0f0;">
<div style="display: flex; gap: 20px;">
<span style="font-size: 22px; color: #ff4d4d;"> ❤</span>
<span style="font-size: 22px; color: #818181;"> ��</span>
<span style="font-size: 22px; color: #818181;"> ��</span>
</div>
<div style="font-size: 22px; color: #818181;"> ��</div>
</div>
<!-- Счетчики лайков и комментариев -->
<div style="padding: 8px 15px 0 15px;">
<span style="font-weight: 700; font-size: 14px;">5700</span>
<span style="color: #818181; font-size: 14px;"> отметки "Нравится"</span>
</div>
<div style="padding: 4px 15px 12px 15px;">
<span style="font-weight: 700; font-size: 14px;">56</span>
<span style="color: #818181; font-size: 14px;"> комментариев</span>
</div>
<!-- Текст поста (подпись к фото) -->
<div style="padding: 0 15px 15px 15px; font-size: 14px; line-height: 1.5;">
<span style="font-weight: 700; margin-right: 8px;">MR.RICCI</span>
Умбрийская провинция, холст, акварель, туман в низинах 🌅 Как вам такой рассвет?✨<br>
<span style="color: #0077ff; font-size: 13px;">#Италия #провинция #безмятежность</span>
</div>
<!-- Счетчик просмотров и время -->
<div style="display: flex; justify-content: space-between; padding: 0 15px 15px 15px; font-size: 12px; color: #818181;">
<span>�� 1 087К просмотров</span>
<span>1 час назад</span>
</div>
<!-- Блок комментария (первый комментарий) -->
<div style="padding: 15px; border-top: 1px solid #f0f0f0; background: #fafafa;">
<div style="display: flex; gap: 10px; margin-bottom: 12px;">
<img src="https://i1.imageban.ru/out/2026/03/07/ab31cc432668cc69b840bbad9c21e155.png?text=��" style="width: 32px; height: 32px; border-radius: 50%;">
<div style="flex: 1;">
<div style="display: flex; gap: 8px; margin-bottom: 4px;">
<span style="font-weight: 700; font-size: 13px;">Scarlett "Sexy boss" Newman</span>
<span style="color: #818181; font-size: 11px;">30 мин назад</span>
</div>
<div style="font-size: 13px;">Красота невероятная! ❤ Мечтаю там оказаться</div>
<div style="display: flex; gap: 16px; margin-top: 6px; color: #818181; font-size: 11px;">
<span>❤ 12</span>
<span>post_icons/icon_comment.gif Ответить</span>
</div>
</div>
</div>
<!-- Поле ввода комментария -->
<div style="display: flex; align-items: center; gap: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5;">
<img src="{$useravatar}" style="width: 32px; height: 32px; border-radius: 50%; object-fit: cover;" onerror="this.src='https://via.placeholder.com/32x32'">
<div style="flex: 1; background: white; border-radius: 20px; padding: 8px 15px; border: 1px solid #e5e5e5; color: #818181; font-size: 13px;">
Написать комментарий...
</div>
<span style="font-size: 20px; color: #0077ff;">➕</span>
</div>
</div>
<!-- Нижняя панель навигации VK -->
<div style="display: flex; justify-content: space-around; padding: 10px 15px 15px 15px; border-top: 1px solid #f0f0f0;">
<span style="font-size: 22px; color: #0077ff;">🏠</span>
<span style="font-size: 22px; color: #818181;">👥</span>
<span style="font-size: 22px; color: #818181;">🔔</span>
<span style="font-size: 22px; color: #818181;">🎵</span>
<span style="font-size: 22px; color: #818181;">👤</span>
</div>
<!-- Подпись VTROPICANO -->
<div style="padding: 10px 15px 15px 15px; font-size: 11px; color: #818181; text-align: center; border-top: 1px solid #f0f0f0;">
�� VTROPICANO • Запись с фото
</div>
</div>
<!-- Кнопка домой (низ телефона) -->
<div style="display: flex; justify-content: center; margin-top: 15px;">
<div style="width: 120px; height: 4px; background: #333; border-radius: 20px;"></div>
</div>
</div>[/html]
Поделиться32026-03-07 17:03:26
[html]<div style="background: #f2f2f2; border-radius: 40px; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width: 420px; margin: 0 auto 20px auto; position: relative; border: 10px solid #1a1a1a; box-shadow: 0 20px 40px rgba(0,0,0,0.3);">
<!-- Динамик и камера (верх телефона) -->
<div style="display: flex; justify-content: center; align-items: center; margin-bottom: 15px;">
<div style="width: 12px; height: 12px; background: #333; border-radius: 50%; margin-right: 8px;"></div>
<div style="width: 60px; height: 6px; background: #333; border-radius: 20px;"></div>
<div style="width: 12px; height: 12px; background: #333; border-radius: 50%; margin-left: 8px;"></div>
</div>
<!-- Экран телефона -->
<div style="background: white; border-radius: 20px; overflow: hidden; border: 1px solid #dbdbdb;">
<!-- Верхняя панель VK -->
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; background: #f5f5f5; border-bottom: 1px solid #e5e5e5;">
<div style="display: flex; align-items: center; gap: 5px;">
<span style="font-size: 20px; font-weight: 700; color: #0077ff;">VT</span>
<span style="font-weight: 600;">VTROPICANO</span>
</div>
<div style="display: flex; gap: 20px;">
<span style="font-size: 18px;">🔍</span>
<span style="font-size: 18px;">☰</span>
</div>
</div>
<!-- ШАПКА ПРОФИЛЯ С ОБЛОЖКОЙ -->
<!-- ========== ЗДЕСЬ МЕНЯТЬ ОБЛОЖКУ ========== -->
<!-- Вставьте ссылку на свою картинку между кавычками: url('https://i7.imageban.ru/out/2026/03/07/f73ad8a2e19e3bff400b18f0fe26959f.jpg') -->
<div style="background: url('https://i7.imageban.ru/out/2026/03/07/f73ad8a2e19e3bff400b18f0fe26959f.jpg?auto=compress&cs=tinysrgb&w=600');
background-size: cover;
background-position: center;
height: 150px;
position: relative;">
<!-- Легкое затемнение для читаемости (можно убрать или настроить) -->
<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.15);"></div>
<!-- Аватар на фоне обложки -->
<div style="position: absolute; bottom: -40px; left: 15px; z-index: 2;">
<img src="https://upforme.ru/uploads/0014/eb/ea/1610/436719.jpg" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 3px solid white; box-shadow: 0 2px 10px rgba(0,0,0,0.1);" onerror="this.src='https://via.placeholder.com/80x80'">
</div>
<!-- Кнопка "Редактировать" -->
<div style="position: absolute; bottom: -20px; right: 15px; z-index: 2;">
<div style="background: white; border-radius: 20px; padding: 6px 16px; font-size: 13px; font-weight: 500; border: 1px solid #e5e5e5; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
✏️ Редактировать
</div>
</div>
</div>
<!-- ========== КОНЕЦ БЛОКА ОБЛОЖКИ ========== -->
<!-- Отступ для аватара -->
<div style="height: 40px;"></div>
<!-- Имя пользователя и статус -->
<div style="padding: 10px 15px 5px 15px;">
<div style="font-weight: 700; font-size: 20px; margin-bottom: 5px;"><b>MR.RICCI</b></div>
<div style="display: flex; align-items: center; gap: 5px; color: #4a4a4a; font-size: 14px; margin-bottom: 8px;">
<span style="background: #f0f0f0; padding: 4px 10px; border-radius: 12px; font-size: 12px;">🌴 online</span>
<span>•</span>
<span>El Tropicano</span>
</div>
</div>
<!-- Статистика VK style (друзья, подписчики, фото) -->
<div style="display: flex; padding: 10px 15px; border-bottom: 1px solid #f0f0f0;">
<div style="flex: 1; text-align: center;">
<div style="font-weight: 700; font-size: 18px;">9 500</div>
<div style="color: #818181; font-size: 13px;">друзей</div>
</div>
<div style="flex: 1; text-align: center;">
<div style="font-weight: 700; font-size: 18px;"> 4 794 650</div>
<div style="color: #818181; font-size: 13px;">подписчиков</div>
</div>
<div style="flex: 1; text-align: center;">
<div style="font-weight: 700; font-size: 18px;">920</div>
<div style="color: #818181; font-size: 13px;">фото</div>
</div>
</div>
<!-- Информация о себе (VK style) -->
<div style="padding: 15px;">
<div style="display: flex; gap: 10px; margin-bottom: 12px; color: #4a4a4a; font-size: 14px;">
<span>📅</span>
<span>Дата рождения: 02 мая</span>
</div>
<div style="display: flex; gap: 10px; margin-bottom: 12px; color: #4a4a4a; font-size: 14px;">
<span>📍</span>
<span>Город: Рио де Солар</span>
</div>
<div style="display: flex; gap: 10px; margin-bottom: 12px; color: #4a4a4a; font-size: 14px;">
<span>💼</span>
<span>Работа: владелец художественной галереи "Galleria Tesori d'Arte"</span>
</div>
<div style="display: flex; gap: 10px; color: #4a4a4a; font-size: 14px;">
<span>❤️</span>
<span>Статус: 🌴 все дела на паузе</span>
</div>
</div>
<!-- Кнопки действий (VK style) -->
<div style="display: flex; gap: 8px; padding: 0 15px 15px 15px;">
<div style="flex: 1; background: #0077ff; color: white; text-align: center; padding: 10px; border-radius: 8px; font-weight: 600; font-size: 14px;">
✉️ Написать
</div>
<div style="flex: 1; background: #f0f0f0; text-align: center; padding: 10px; border-radius: 8px; font-weight: 600; font-size: 14px; color: #2a2a2a;">
👥 Добавить в друзья
</div>
</div>
<!-- Навигация по разделам (VK style) -->
<div style="display: flex; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;">
<div style="flex: 1; text-align: center; padding: 12px 0; border-bottom: 2px solid #0077ff; font-weight: 600;">Фото</div>
<div style="flex: 1; text-align: center; padding: 12px 0; color: #818181;">Посты</div>
<div style="flex: 1; text-align: center; padding: 12px 0; color: #818181;">Друзья</div>
<div style="flex: 1; text-align: center; padding: 12px 0; color: #818181;">Видео</div>
</div>
<!-- Заголовок "Фотографии" -->
<div style="display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 10px 15px;">
<span style="font-weight: 700; font-size: 16px;">Фотографии 920</span>
<span style="color: #0077ff; font-size: 14px;">Все альбомы →</span>
</div>
<!-- Сетка фотографий 3x2 (как в VK) -->
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; padding: 0 15px 15px 15px;">
<div style="aspect-ratio: 1/1; border-radius: 8px; overflow: hidden; background: #f5f5f5;">
<img src="https://i5.imageban.ru/out/2026/03/07/2b1658be759146d9ca16b96d3ddea8c9.jpg?text=��" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="aspect-ratio: 1/1; border-radius: 8px; overflow: hidden; background: #f5f5f5;">
<img src="https://i3.imageban.ru/out/2026/03/07/846a1b9022d7341c330c74d2aeec6a11.jpg?text=��️" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="aspect-ratio: 1/1; border-radius: 8px; overflow: hidden; background: #f5f5f5;">
<img src="https://i5.imageban.ru/out/2026/03/07/e1ef5a9c3d45618e9f2f4ca23b635f89.png?text=��" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="aspect-ratio: 1/1; border-radius: 8px; overflow: hidden; background: #f5f5f5;">
<img src="https://i8.imageban.ru/out/2026/03/07/0a41bb3d4465ba128f388cf142e2e138.jpg?text=��" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="aspect-ratio: 1/1; border-radius: 8px; overflow: hidden; background: #f5f5f5;">
<img src="https://i6.imageban.ru/out/2026/03/07/fd5dcdcea1498f94a8a6dd71755e3552.png?text=��" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="aspect-ratio: 1/1; border-radius: 8px; overflow: hidden; background: #f5f5f5;">
<img src="https://i3.imageban.ru/out/2026/03/07/6976de22c7d30a24c8e34ac806a44e8e.png?text=��" style="width: 100%; height: 100%; object-fit: cover;">
</div>
</div>
<!-- Нижняя панель навигации VK -->
<div style="display: flex; justify-content: space-around; padding: 10px 15px 15px 15px; border-top: 1px solid #f0f0f0;">
<span style="font-size: 22px; color: #0077ff;">🏠</span>
<span style="font-size: 22px; color: #818181;">👥</span>
<span style="font-size: 22px; color: #818181;">🔔</span>
<span style="font-size: 22px; color: #818181;">🎵</span>
<span style="font-size: 22px; color: #818181;">👤</span>
</div>
<!-- Подпись VTROPICANO -->
<div style="padding: 10px 15px 15px 15px; font-size: 11px; color: #818181; text-align: center; border-top: 1px solid #f0f0f0;">
�� VTROPICANO • Первый профиль
</div>
</div>
<!-- Кнопка домой (низ телефона) -->
<div style="display: flex; justify-content: center; margin-top: 15px;">
<div style="width: 120px; height: 4px; background: #333; border-radius: 20px;"></div>
</div>
</div>[/html]
Я попробовал смешать инсту, тг, ВК и приспособить под Эль Тропикано. Да-да, я хвастаюсь и как павлин, распушил хвост и как Кинг Конг, горделиво колочу себя руками в грудь.
Поделиться42026-03-07 17:19:37
[html]<div style="background: #f2f2f2; border-radius: 40px; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width: 420px; margin: 0 auto 20px auto; position: relative; border: 10px solid #1a1a1a; box-shadow: 0 20px 40px rgba(0,0,0,0.3);">
<!-- Динамик и камера (верх телефона) -->
<div style="display: flex; justify-content: center; align-items: center; margin-bottom: 15px;">
<div style="width: 12px; height: 12px; background: #333; border-radius: 50%; margin-right: 8px;"></div>
<div style="width: 60px; height: 6px; background: #333; border-radius: 20px;"></div>
<div style="width: 12px; height: 12px; background: #333; border-radius: 50%; margin-left: 8px;"></div>
</div>
<!-- Экран телефона -->
<div style="background: white; border-radius: 20px; overflow: hidden; border: 1px solid #dbdbdb;">
<!-- Верхняя панель VK -->
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; background: #f5f5f5; border-bottom: 1px solid #e5e5e5;">
<div style="display: flex; align-items: center; gap: 5px;">
<span style="font-size: 20px; font-weight: 700; color: #0077ff;">VT</span>
<span style="font-weight: 600;">VTROPICANO</span>
</div>
<div style="display: flex; gap: 20px;">
<span style="font-size: 18px;">🔍</span>
<span style="font-size: 18px;">☰</span>
</div>
</div>
<!-- Шапка поста: аватар, имя, время -->
<div style="display: flex; align-items: center; padding: 15px;">
<img src="https://upforme.ru/uploads/0014/eb/ea/1610/436719.jpg" style="width: 48px; height: 48px; border-radius: 50%; object-fit: cover; margin-right: 12px; border: 1px solid #dbdbdb;" onerror="this.src='https://via.placeholder.com/48x48'">
<div style="flex: 1;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 15px;">MR.RICCI</span>
<span style="color: #818181; font-size: 12px;">🌴 online</span>
</div>
<div style="color: #818181; font-size: 12px; margin-top: 2px;">
2 часа назад • 📍 Рио де Солар
</div>
</div>
<div style="font-size: 20px; color: #818181;">⋮</div>
</div>
<!-- ФОТОГРАФИЯ (ОСНОВНОЙ КОНТЕНТ) -->
<div style="width: 100%; background: #fafafa; overflow: hidden;">
<img src="https://i6.imageban.ru/out/2026/03/07/2503f7a209228aedf13eb902649403df.png?auto=compress&cs=tinysrgb&w=600"
style="width: 100%; height: auto; display: block;"
alt="Фотография">
</div>
<!-- Кнопки действий (лайки, комментарии, репосты) VK style -->
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; border-bottom: 1px solid #f0f0f0;">
<div style="display: flex; gap: 20px;">
<span style="font-size: 22px; color: #ff4d4d;">❤</span>
<span style="font-size: 22px; color: #818181;">👥</span>
<span style="font-size: 22px; color: #818181;">🔁</span>
</div>
<div style="font-size: 22px; color: #818181;">🔔</div>
</div>
<!-- Счетчики лайков и комментариев -->
<div style="padding: 8px 15px 0 15px;">
<span style="font-weight: 700; font-size: 14px;">5700</span>
<span style="color: #818181; font-size: 14px;"> отметки "Нравится"</span>
</div>
<div style="padding: 4px 15px 12px 15px;">
<span style="font-weight: 700; font-size: 14px;">56</span>
<span style="color: #818181; font-size: 14px;"> комментариев</span>
</div>
<!-- Текст поста (подпись к фото) -->
<div style="padding: 0 15px 15px 15px; font-size: 14px; line-height: 1.5;">
<span style="font-weight: 700; margin-right: 8px;">MR.RICCI</span>
Умбрийская провинция, холст, акварель, туман в низинах 🌅 Как вам такой рассвет?✨<br>
<span style="color: #0077ff; font-size: 13px;">#Италия #провинция #безмятежность</span>
</div>
<!-- Счетчик просмотров и время -->
<div style="display: flex; justify-content: space-between; padding: 0 15px 15px 15px; font-size: 12px; color: #818181;">
<span>👁 1 087К просмотров</span>
<span>1 час назад</span>
</div>
<!-- Блок комментария (первый комментарий) -->
<div style="padding: 15px; border-top: 1px solid #f0f0f0; background: #fafafa;">
<div style="display: flex; gap: 10px; margin-bottom: 12px;">
<img src="https://i1.imageban.ru/out/2026/03/07/ab31cc432668cc69b840bbad9c21e155.png" style="width: 32px; height: 32px; border-radius: 50%;" onerror="this.src='https://via.placeholder.com/32x32'">
<div style="flex: 1;">
<div style="display: flex; gap: 8px; margin-bottom: 4px;">
<span style="font-weight: 700; font-size: 13px;">Scarlett "Sexy boss" Newman</span>
<span style="color: #818181; font-size: 11px;">30 мин назад</span>
</div>
<div style="font-size: 13px;">Красота невероятная! ❤ Мечтаю там оказаться</div>
<div style="display: flex; gap: 16px; margin-top: 6px; color: #818181; font-size: 11px;">
<span>❤ 12</span>
<span>👥 Ответить</span>
</div>
</div>
</div>
<!-- Поле ввода комментария -->
<div style="display: flex; align-items: center; gap: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5;">
<img src="https://upforme.ru/uploads/0014/eb/ea/1610/436719.jpg" style="width: 32px; height: 32px; border-radius: 50%; object-fit: cover;" onerror="this.src='https://via.placeholder.com/32x32'">
<div style="flex: 1; background: white; border-radius: 20px; padding: 8px 15px; border: 1px solid #e5e5e5; color: #818181; font-size: 13px;">
Написать комментарий...
</div>
<span style="font-size: 20px; color: #0077ff;">➕</span>
</div>
</div>
<!-- Нижняя панель навигации VK -->
<div style="display: flex; justify-content: space-around; padding: 10px 15px 15px 15px; border-top: 1px solid #f0f0f0;">
<span style="font-size: 22px; color: #0077ff;">🏠</span>
<span style="font-size: 22px; color: #818181;">👥</span>
<span style="font-size: 22px; color: #818181;">🔔</span>
<span style="font-size: 22px; color: #818181;">🎵</span>
<span style="font-size: 22px; color: #818181;">👤</span>
</div>
<!-- Подпись VTROPICANO -->
<div style="padding: 10px 15px 15px 15px; font-size: 11px; color: #818181; text-align: center; border-top: 1px solid #f0f0f0;">
🌴 VTROPICANO • Запись с фото
</div>
</div>
<!-- Кнопка домой (низ телефона) -->
<div style="display: flex; justify-content: center; margin-top: 15px;">
<div style="width: 120px; height: 4px; background: #333; border-radius: 20px;"></div>
</div>
</div>[/html]
Поделиться52026-03-07 17:50:04
[html]<div style="background: #f2f2f2; border-radius: 40px; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width: 420px; margin: 0 auto 20px auto; position: relative; border: 10px solid #1a1a1a; box-shadow: 0 20px 40px rgba(0,0,0,0.3);">
<!-- Динамик и камера (верх телефона) -->
<div style="display: flex; justify-content: center; align-items: center; margin-bottom: 15px;">
<div style="width: 12px; height: 12px; background: #333; border-radius: 50%; margin-right: 8px;"></div>
<div style="width: 60px; height: 6px; background: #333; border-radius: 20px;"></div>
<div style="width: 12px; height: 12px; background: #333; border-radius: 50%; margin-left: 8px;"></div>
</div>
<!-- Экран телефона -->
<div style="background: white; border-radius: 20px; overflow: hidden; border: 1px solid #dbdbdb;">
<!-- Верхняя панель VK -->
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; background: #f5f5f5; border-bottom: 1px solid #e5e5e5;">
<div style="display: flex; align-items: center; gap: 5px;">
<span style="font-size: 20px; font-weight: 700; color: #0077ff;">VT</span>
<span style="font-weight: 600;">VTROPICANO</span>
</div>
<div style="display: flex; gap: 20px;">
<span style="font-size: 18px;">🔍</span>
<span style="font-size: 18px;">☰</span>
</div>
</div>
<!-- Уведомление о заявке в друзья -->
<div style="padding: 25px 15px 5px 15px; text-align: center;">
<div style="background: #e3f2ff; width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px auto;">
<img src="https://i1.imageban.ru/out/2026/03/07/ab31cc432668cc69b840bbad9c21e155.png" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover;" onerror="this.src='https://via.placeholder.com/80x80'">
</div>
<div style="font-weight: 700; font-size: 22px; margin-bottom: 5px;">Scarlett "Sexy boss" Newman</div>
<div style="color: #0077ff; font-weight: 500; font-size: 16px; margin-bottom: 20px;">👥 хочет добавить вас в друзья</div>
<!-- Кнопки действия -->
<div style="display: flex; gap: 10px; justify-content: center; margin-bottom: 25px;">
<div style="background: #0077ff; color: white; padding: 12px 30px; border-radius: 30px; font-size: 15px; font-weight: 600; cursor: default;">✔ Принять</div>
<div style="background: #f0f0f0; color: #4a4a4a; padding: 12px 30px; border-radius: 30px; font-size: 15px; font-weight: 600; cursor: default;">✖ Отклонить</div>
</div>
</div>
<!-- ЛИЧНЫЙ КОММЕНТАРИЙ СКАРЛЕТ К ЗАЯВКЕ -->
<div style="margin: 0 15px 25px 15px;">
<div style="display: flex; gap: 12px; margin-bottom: 8px;">
<img src="https://i1.imageban.ru/out/2026/03/07/ab31cc432668cc69b840bbad9c21e155.png" style="width: 40px; height: 40px; border-radius: 50%; object-fit: cover;">
<div>
<div style="font-weight: 700; font-size: 15px;">Scarlett <span style="color: #818181; font-weight: normal; font-size: 12px;">пишет</span></div>
<div style="color: #818181; font-size: 11px;">только что</div>
</div>
</div>
<div style="background: #f8f9fa; padding: 18px; border-radius: 16px; border-left: 4px solid #0077ff; font-size: 15px; line-height: 1.6; color: #2a2a2a; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
❝ Помнишь как я три часа не могла выбрать картину в твоей галерее,
и совсем измучала твоих ассистентов, а потом мы отметили мою покупку
за чашечкой кофе? ☕️✨ <span style="color: #0077ff;">#VTROPICANO</span> ❞
</div>
</div>
<!-- Карточка получателя (MR.RICCI) -->
<div style="margin: 0 15px 25px 15px; border: 1px solid #e5e5e5; border-radius: 16px; overflow: hidden;">
<!-- Шапка с обложкой -->
<div style="background: url('https://images.pexels.com/photos/1032650/pexels-photo-1032650.jpeg?auto=compress&cs=tinysrgb&w=600'); background-size: cover; background-position: center; height: 80px; position: relative;">
<div style="position: absolute; bottom: -25px; left: 15px;">
<img src="https://upforme.ru/uploads/0014/eb/ea/1610/436719.jpg" style="width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 3px solid white; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
</div>
</div>
<!-- Информация о получателе -->
<div style="padding: 35px 15px 15px 15px;">
<div style="font-weight: 700; font-size: 18px; margin-bottom: 2px;">MR.RICCI</div>
<div style="color: #818181; font-size: 13px; margin-bottom: 12px;">🌴 онлайн • Рио де Солар</div>
<div style="display: flex; gap: 20px; margin-bottom: 8px;">
<div><span style="font-weight: 700;">570</span> <span style="color: #818181;">друзей</span></div>
<div><span style="font-weight: 700;">123</span> <span style="color: #818181;">фото</span></div>
</div>
<div style="color: #4a4a4a; font-size: 13px;">💼 Владелец галереи "Galleria Tesori d'Arte"</div>
</div>
</div>
<!-- Блок для ответа -->
<div style="margin: 0 15px 25px 15px;">
<div style="display: flex; align-items: center; gap: 10px;">
<img src="https://upforme.ru/uploads/0014/eb/ea/1610/436719.jpg" style="width: 36px; height: 36px; border-radius: 50%; object-fit: cover;">
<div style="flex: 1; background: #f0f0f0; border-radius: 20px; padding: 10px 15px; color: #4a4a4a; font-size: 14px;">
Написать ответ Скарлет...
</div>
<span style="font-size: 24px; color: #0077ff;">➕</span>
</div>
</div>
<!-- Нижняя панель навигации VK -->
<div style="display: flex; justify-content: space-around; padding: 10px 15px 15px 15px; border-top: 1px solid #f0f0f0;">
<span style="font-size: 22px; color: #818181;">🏠</span>
<span style="font-size: 22px; color: #0077ff;">👥</span>
<span style="font-size: 22px; color: #818181;">🔔</span>
<span style="font-size: 22px; color: #818181;">🎵</span>
<span style="font-size: 22px; color: #818181;">👤</span>
</div>
<!-- Подпись VTROPICANO -->
<div style="padding: 10px 15px 15px 15px; font-size: 11px; color: #818181; text-align: center; border-top: 1px solid #f0f0f0;">
🌴 VTROPICANO • Скарлет хочет добавить вас в друзья
</div>
</div>
<!-- Кнопка домой (низ телефона) -->
<div style="display: flex; justify-content: center; margin-top: 15px;">
<div style="width: 120px; height: 4px; background: #333; border-radius: 20px;"></div>
</div>
</div>[/html]
Страница: 1