В этой коротенькой статье рассмотрим, как с помощью javascript и метода classList.add найти на странице сайта элемент по id и добавить ему необходимый класс.
Читать далее
Скрипт исчезновения и появления кнопки при прокрутке (скроллинге) страницы
Практически на каждом сайте можно увидеть кнопку скроллинга, которая прокручивает сайт вверх при нажатии. И, как правило, эта кнопка появляется только тогда, когда страница прокручивается вниз на определенное расстояние. Так же эта кнопка автоматически скрывается, если вернуться наверх страницы. И в этой статье мы как раз рассмотрим скрипт, который скрывает и отображает кнопку при скроллинге страницы.
Воспроизведение аудио при нажатии на кнопку
Всем привет. На связи coderistu.ru. В этой статье я расскажу, как сделать воспроизведение скрытого аудиофайла на сайте при нажатии на кнопку или ссылку.
Читать далее
Как сделать css рамку
Всем привет. На связи coderistu.ru. В этой статье мы рассмотрим, как сделать различные html - рамки на сайте с помощью сss.
Как сделать css затемнение фона
Всем привет. На связи coderistu.ru
В одной из своих статей я писал, как сделать появление текста при наведении на картинку. И там как - раз использовался эффект затемнения заднего фона, чтобы текст на переднем плане хорошо читался. Т. к. темный фон - overlay я часто использую на своих сайтах в качестве подложки в различных блоках, то решил рассмотреть процесс его создания в отдельной статье.
Как сделать видео фоном сайта или блока
Видео на заднем фоне сайта или рекламного блока несомненно привлечет внимание пользователей к товару или услуге, которую оно представляет: динамичная картинка всегда смотрится намного лучше статики. И если, заглянув сюда, вы думаете, что сделать это очень сложно, то спешу вас обрадовать: процесс создания видео - бэкграунда для сайта очень простой и потребует минимального вмешательства в код.
7 лучших wordpress тем для сайта недвижимости
Привет, друзья. На связи сoderistu.ru. И в этой статье мы поговорим о wordpress - темах для сайтов недвижимости или сайтов, оказывающих риэлторские услуги.
Предыстория написания этой статьи такова: обратился ко мне как-то клиент с просьбой сделать ресурс, где бы он мог предлагать свои услуги по постройке бань, дач и каркасных домов. "Для такого сайта нужна соответствующая тема со всякими "плюшками" типа ajax - фильтров и информативными карточками продаваемых объектов" - подумал я, и начал поиск подобных шаблонов на различных профильных сайтах.
Искал я очень долго, т. к. подходящих вариантов было мало. Как результат своих изысканий, представляю вам подборку лучших, на мой взгляд, wordpress тем для сайтов недвижимости:
Как подключить шрифт к сайту
Одна из первых задач, которая встает перед вебмастером при создании нового проекта - подбор и подключение необходимых шрифтов к сайту. Быстро подобрать шрифты для ресурса можно через онлайн - сервисы:
- https://www.fonts-online.ru/ - хранилище шрифтов, доступных для скачивания.
- https://www.canva.com/font-combinations/ - удобный сервис для подбора шрифтовых пар.
- https://fonts.google.com/ - сервис от google с возможностью интеграции шрифтов на сайт через API.
Как сделать тень на сайте
Чтобы сделать тень на сайте для текста или какого - либо элемента, необязательно прибегать к помощи Adobe Photoshop. Для этого достаточно использовать css - свойства text - shadow и box - shadow, которые помогут добавить красивую тень куда угодно: к изображениям и фото, к слову, букве, абзацу, блоку или виджету. Тени, сделанные с помощью css, можно комбинировать, создавая красивые переливы и градиенты у объектов, к которым они применяются. Так же можно регулировать прозрачность тени, размах, размытие и смещение по осям X и Y.
Как добавить ссылку на товар в письме заказа Opencart 3
Привет друзья! На связи coderistu.ru.
Уже неоднократно писал о том, что CMS Opencart обладает массой недоработок, которые не видны с первого взгляда и выплывают на поверхность в процессе эксплуатации системы. И одна из самых распространенных проблем - это крайне малая информативность письма о заказе, которое приходит на почту администратору сайта. При этом письмо о заказе клиенту содержит всю необходимую информацию.