Задача. Нужно сделать на странице сайта карусель (слайдер) с разным типом контента — видео, текст, вставка видео из Youtube. Такое…
CSS
Слайдер с видео- и другим типом контента: Owl-Carousel, jQuery
ЧитатьWordPress: Вывод списка категорий ссылками и с изображениями
ЧитатьЗадача 1. Необходимо сделать шорткод, который выводил бы список всех категорий товаров в магазине на Woocommerce. Также, нужно стилизовать список,…
Вкладки (Табы) на JavaScript
ЧитатьЗадача. Нужно сделать вкладки и настроить переключение между ними с помощью JavaScript. Есть вариант сделать табы только с помощю HTML…
Список в две колонки на CSS и HTML
ЧитатьЗадача. Часто необходимо сделать список в две колонки. Эту задачу можно решить несколькими способами. Решение 1. Через свойство float и…
HTML: Как сделать отступ при скролле к якорю
ЧитатьЗадача. Есть блок с содержанием в статье. Оглавления в виде ссылок ссылаются на якоря в соответствующих заголовках, например ссылка <a…
Плавающий блок на CSS при прокрутке
ЧитатьЗадача. Необходимо настроить на сайте сайдбар так чтобы он прилипал при прокрутке страницы. Называют это ещё как «плавающий блок». Решение….
Раскрывающаяся HTML-таблица по клику
ЧитатьЗадача. Есть длинная таблица и нужно сделать, чтобы часть таблицы скрывалась и раскрывалась по клику (см. Пример №1). СвернутьРазвернутьСтолбец 1Столбец…
HTML всплывающая подсказка: Подборка примеров оформления
ЧитатьПодборка интересных кодов для создания всплывающих подсказок на HTML может дать идеи для реализации своих проектов. Всплывающие подсказки на чистом…
Всплывающее окно HTML и CSS при нажатии на кнопку + Примеры
ЧитатьЗадача. Необходимы простые, несложные заготовки всплывающего окна на HTML (popup-окно, модальное окно). Решение. Можно использовать несколько примеров, как на HTML…
Шпаргалка CSS Flexbox: Flex-префиксы для кросбраузерности
ЧитатьCSS Flexbox (флексы) — модель верстки, которая делает более удобным решение таких вопросов как: Создание всех колонок в макете одинаковой…
Заготовка таблицы с прокруткой на мобильных на HTML и CSS
ЧитатьЗадача. Необходима простая заготовка таблицы, которая прокручивалась бы на мобильных устройствах если не помещается в экран. Решеине. Предлагаю такую html-таблицу,…
Всплывающая подсказка при наведении: HTML, CSS
ЧитатьЗадача. Необходимо установить всплывающие подсказки для текста или html-элементов. Решение. Всплывающие подсказки можно сделать несколькими способами: только на HTML и…