Тема Divi: как оформить фильтр категорий — модуль Divi Filterable Portfolio скачать в хорошем качестве

Тема Divi: как оформить фильтр категорий — модуль Divi Filterable Portfolio

Как оформить фильтры портфолио с помощью темы Divi. Сегодня мы покажем, как использовать пользовательский CSS-код для изменения фильтров портфолио по своему усмотрению. Для этого мы будем использовать модуль Divi Filterable Portfolio. Мы рассмотрим: Добавление модуля Divi Filterable Portfolio. Выбор категорий проекта. Стилизацию модуля Divi Filterable Portfolio на доске. Использование дополнительной панели CSS для добавления пользовательского кода. Создание эффекта изменения цвета при наведении. Настройку времени анимации при наведении. Создание кнопок в форме таблеток. Сохранение и публикация нового кода. В этой серии видео мы будем использовать тему Divi для создания нескольких замечательных эффектов. Тема Divi включает в себя несколько отличных модулей и эффектов. Приложив немного усилий, вы сможете добиться впечатляющих эффектов, которые улучшат внешний вид и пользовательский опыт вашего сайта. Это отличная и очень простая функция для вашего сайта. Сегодня для её создания потребуется немного кода. Не позволяйте CSS-коду вас сбить с толку — он очень простой, и любой код, который я напишу сегодня, я вставлю под видео, чтобы вы могли использовать его по своему усмотрению. Вы можете скопировать код и вставить его на свой сайт. CSS — это отличная вещь для изучения, поэтому я рекомендую вам попробовать свои собственные идеи, чтобы освоить его. CSS не сломает ваш сайт. Если что-то не работает, просто удалите код, чтобы вернуть сайт к прежнему виду. Итак, следите за видео и узнайте, как оформить фильтры портфолио с помощью темы Divi. Чтобы узнать больше о теме Divi, посмотрите наши плейлисты Divi ниже. Страница плейлистов с другими видео по этой теме:    / system22net   Плагин Divi Supreme Modules Light: https://divisupreme.com/divi-plugins/... Плейлист Divi Supreme Modules:    / watch   v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw Полный плейлист по созданию сайта электронной коммерции:    / watch   v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 Контактная форма с видеозагрузкой файлов:    • Divi Theme Contact Form With File Upload 👍👍👍   Тема Divi 4: создайте интернет-магазин за час:    • Divi 4 Theme Create An Ecommerce Store In ...   Попробуйте тему Divi: https://bit.ly/TryDiviNow Скидка 10% на плагин Divi Supreme Modules Pro: https://bit.ly/DiviSupremeCoupon Мой блог: https://web-design-and-tech-tips.com Другие видео на эту тему смотрите в нашем плейлисте:    / system22net   --------- ГЛАВЫ --------- 00:00 Введение 01:31 Добавление модуля Divi Filterable Portfolio. 01:52 Выбор категорий проектов. 02:39 Оформление модуля Divi Filterable Portfolio. 05:51 Использование панели «Дополнительные CSS» для добавления пользовательского кода. 09:32 Настройка времени анимации при наведении курсора. 11:00 Создание кнопок в форме таблеток. 13:33 Сохранение и публикация нового кода. 14:23 Результат применения пользовательских фильтров портфолио --------- CSS-КОД, ИСПОЛЬЗОВАННЫЙ СЕГОДНЯ --------- /* Фильтры портфолио */ .et_pb_portfolio_filters li a { background: #2DACE2 !important; color:#fff !important; margin-right:10px !important; transition: .75s; border-radius: 50px !important; } .et_pb_portfolio_filters li a:hover { background: #0D2B6F !important; } .et_pb_portfolio_filters li:last-child a { border-radius: 50px !important; } .et_pb_portfolio_filters li a.active{ border-radius: 50px !important; background: #0D2B6F !important; } /* Активное поле фильтров портфолио */ background: #1F3B7A !important; color:#fff; --------- РЕКОМЕНДУЕМЫЕ ПЛЕЙЛИСТЫ --------- Интернет-магазин Elementor:    • Elementor Ecommerce Store Woocommerce Inst...   Фрагменты Divi:    • Divi 4 Snippets Divi Theme Overview 👍   Интернет-магазин Divi 4:    • Divi 4 Ecommerce Store Theme Setup And Ove...   Основы Bootstrap 4:    • Bootstrap 4 Basics Index Page and External...   Элемент:    • Elementor Wordpress Builder Install And Ov...   Советы по WordPress:    • Wordpress 2020 Theme Customize The Page Ti...   Подписаться:    / @system22   Отказ от ответственности: некоторые из этих ссылок являются партнёрскими, и я получу небольшую комиссию, если вы совершите покупку без каких-либо дополнительных затрат с вашей стороны. #СоветыYouTube #Советыповеб-дизайну #Бесплатныеурокивеб-дизайну #Создайсвойсайт