Toggle navigation
[overcod]
.net
UA
UA
EN
RU
ok
Уроки
HTML
HTML з нуля: основи для початківців. Урок №1
HTML з нуля: створюємо першу сторінку. Урок №2
HTML з нуля: форматування тексту. Урок №3
HTML з нуля: спецсимволи в HTML. Урок №4
HTML з нуля: як вставити зображення в HTML. Урок №5
HTML з нуля: як вставити посилання в HTML. Урок №6
HTML з нуля: посилання-якір у HTML. Урок №7
HTML з нуля: Створення списків на HTML. Урок №8
HTML з нуля: Рухомий рядок у HTML. Урок №9
HTML з нуля: Як зробити горизонтальну лінію в HTML. Урок №10
HTML з нуля: Коди кольорів у HTML. Урок №11
HTML з нуля: Як зробити фон на HTML-сторінці. Урок №12
HTML з нуля: Як прописати шлях до файлу, картинки або сторінки. Урок №13
HTML з нуля: Як зробити таблицю в HTML. Урок №14
HTML з нуля: Як зробити карту зображення в HTML (навігаційна карта). Урок №15
HTML з нуля: Як створити фрейми (iframe) в HTML. Урок №16
HTML з нуля: Тег div в HTML. Урок №17
HTML з нуля: HTML форми. Урок №18
HTML з нуля: Як перевірити HTML-форму. Урок №19
HTML з нуля: Як вказати кодування сайту в HTML. Урок №20
HTML з нуля: Як прописати мета теги в HTML. Урок №21
HTML з нуля: і — що реально впливає на SEO. Урок №22
HTML з нуля: Тег DOCTYPE в HTML. Урок №23
HTML з нуля: Коментарі в HTML. Урок №24
HTML з нуля: Атрибут download в HTML5 (для скачування файлів). Урок №25
HTML з нуля: Додаємо аудіо та відео на сайт — для початківців. Урок №26
Перевірка знань: Тест з основ HTML
Код
Код JavaScript
Код PHP
Код WordPress
Магазин
Генератори
Генератор кольору та градієнта
Генератор тіні для блоків
Генератор тіні для тексту
Генератор кнопок
Генератор анімацій
Генератор QR-кодів
Генератор Favicon.ico
Онлайн Форматер Коду
Генератор карток новин (блоків)
Генератор попапів (Pop-up)
Конструктор HTML-форм
Генератор CSS-фільтрів
Генератор: Карта зображення (image map) — HTML
Статті
Автор
Контакти
UA
UA
EN
RU
ok
[overcod].net
/
Генератор карток новин (блоків)
200
07.11.2025
Генератор карток новин (блоків)
WYSIWYG — изменения мгновенно
Макет
Картинка сверху
Картинка слева
Количество карточек
Кол-во колонок (desktop ≥901px)
Кол-во колонок (tablet 601–900px)
Скругление (px)
Тень
Вкл
Выкл
Рамка
Без
Тонкая 1px
Толстая 2px
Показывать картинку
Да
Нет
Кнопка
Показывать
Скрыть
Стиль кнопки
Залитая
Обводка
Цвет карточки (фон)
Цвет кнопки
Цвет заголовка
Цвет текста
Цвет текста на кнопке
Тексты (шаблон)
Все изменения применяются сразу.
Превью
—
Адаптив: mobile ≤600px — 1 колонка; tablet 601–900px — по настройке; desktop ≥901px — по настройке.
Сгенерированный код
HTML + CSS (в одном файле)
Копировать код
Сохранить .html
Facebook
Twitter
Viber
WhatsApp
Messenger