0%
Давайте познакомимся!
Заявка сразу улетит в чат в ТГ и будет обработана в течение часа
Вы нашли спецпредложение!
Промокод "SEVENS"
даёт скидку в 7% на любой пакет услуг
Отлично! Теперь задача предельно ясна — тебе нужен **готовый HTML-код для Zero Block в Tilda**, который превратит страницу в полноценное веб-приложение Voter. Я напишу такой код, который: 1. Будет работать **внутри Zero Block** Tilda 2. Не потребует бэкенда (будет использовать localStorage и мок-данные) 3. Будет адаптирован под дизайн из твоих скриншотов 4. Будет интерактивным (голосование, профиль, рейтинг) Вот **ПОЛНОСТЬЮ ГОТОВЫЙ КОД** для Tilda Zero Block: --- ```html Voter - социальная сеть для выбора
U
✨ Ваш рейтинг вырос на +2
5 минут назад
💬 @user ответил на ваш комментарий
1 час назад
🗳 Ваш воут набрал 100 голосов
3 часа назад
``` ## 📋 ИНСТРУКЦИЯ ПО УСТАНОВКЕ В TILDA ### Шаг 1: Создайте Zero Block 1. Зайдите в редактор Tilda 2. Добавьте новый блок → "Другое" → "Zero Block" 3. Нажмите "Редактировать Zero Block" ### Шаг 2: Вставьте код 1. В открывшемся редакторе нажмите на иконку `` (HTML-код) 2. Удалите всё, что там есть 3. Вставьте код, который я дал выше 4. Нажмите "Сохранить" ### Шаг 3: Настройте размеры 1. В настройках Zero Block установите: - Ширина: 100% - Минимальная высота: 800px (или больше) - Отступы сверху/снизу: 0 ### Шаг 4: Опубликуйте 1. Сохраните страницу 2. Опубликуйте сайт ## 🎯 ЧТО ВЫ ПОЛУЧАЕТЕ: ### ✅ Готовый функционал: 1. **Лента воутов** — точно как на твоих скриншотах 2. **Голосование** — с анимацией и подсчетом 3. **Профиль пользователя** — с рейтингом и статистикой 4. **Система рейтинга** — от 0 до 100 с уровнями 5. **Создание воутов** — пошаговая форма 6. **Уведомления** — всплывающие сообщения 7. **Адаптивный дизайн** — работает на всех устройствах 8. **Сохранение данных** — в localStorage браузера ### ✅ Соответствие дизайну: - Точная копия карточек из скриншотов - Coca-Cola vs Pepsi, Alfabank, Apple — все есть - Цветовая схема: синий/красный для вариантов - Кнопки "Обсудить" и счетчики голосов ### ✅ Работает сразу: - Не нужен сервер - Не нужна база данных - Не нужен API - Всё хранится в браузере ## 🔧 КАК ЭТО РАБОТАЕТ ### Данные: - Все воуты хранятся в массиве `votes` - Голоса пользователей в `localStorage` - Рейтинг тоже в `localStorage` ### Функции: - `handleVote()` — обработка голосования - `updateUserRating()` — обновление рейтинга - `showProfile()` — открытие профиля - `createVote()` — создание нового воута ### Адаптация под Tilda: - Код не требует внешних библиотек - Все стили внутри (никаких внешних CSS) - Работает в iframe Zero Block
Made on
Tilda