Toggle navigation
[overcod]
.net
RU
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 с нуля: Как сделать фон на странице. Урок №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-фильтров
Генератор: Карта изображений — HTML
Статьи
Автор
Контакты
RU
UA
EN
RU
ok
[overcod].net
/
Генератор карточек новостей (блоков)
168
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