Надежный хостинг с бесплатным ssl для доменов и удобным файловым менеджером

Как добавить класс элементу по id с помощью javascript

В этой коротенькой статье рассмотрим, как с помощью javascript и метода classList.add найти на странице сайта элемент по id и добавить ему необходимый класс.

Читать далее

Скрипт исчезновения и появления кнопки при прокрутке (скроллинге) страницы

Практически на каждом сайте можно увидеть кнопку скроллинга, которая прокручивает сайт вверх при нажатии. И, как правило, эта кнопка появляется только тогда, когда страница прокручивается вниз на определенное расстояние. Так же эта кнопка автоматически скрывается, если вернуться наверх страницы. И в этой статье мы как раз рассмотрим скрипт, который скрывает и отображает кнопку при скроллинге страницы.

Читать далее

Воспроизведение аудио при нажатии на кнопку

Всем привет. На связи coderistu.ru. В этой статье я расскажу, как сделать воспроизведение скрытого аудиофайла на сайте при нажатии на кнопку или ссылку.
Читать далее

css затемнение фона

Как сделать css затемнение фона

Всем привет. На связи coderistu.ru

В одной из своих статей я писал, как сделать появление текста при наведении на картинку. И там как - раз использовался эффект затемнения заднего фона, чтобы текст на переднем плане хорошо читался. Т. к. темный фон - overlay я часто использую на своих сайтах в качестве подложки в различных блоках, то решил рассмотреть процесс его создания в отдельной статье.

Читать далее

как сделать видео фоном сайта или блока

Как сделать видео фоном сайта или блока

Видео на заднем фоне сайта или рекламного блока несомненно привлечет внимание пользователей к товару или услуге, которую оно представляет: динамичная картинка всегда смотрится намного лучше статики. И если, заглянув сюда, вы думаете, что сделать это очень сложно, то спешу вас обрадовать: процесс создания видео - бэкграунда  для сайта очень простой и потребует минимального вмешательства в код.

Читать далее

лучшие wordpress темы недвижимость

7 лучших wordpress тем для сайта недвижимости

Привет, друзья. На связи сoderistu.ru. И  в этой статье мы поговорим о wordpress - темах для сайтов недвижимости или сайтов, оказывающих риэлторские услуги.

Предыстория написания этой статьи такова: обратился ко мне как-то клиент с просьбой сделать ресурс, где бы он мог предлагать свои услуги по постройке бань, дач и каркасных домов. "Для такого сайта нужна соответствующая тема со всякими "плюшками" типа ajax - фильтров и информативными карточками продаваемых объектов" - подумал я,  и начал поиск подобных шаблонов на различных профильных сайтах.

Искал я очень долго, т. к. подходящих вариантов было мало. Как результат своих изысканий, представляю вам подборку лучших, на мой взгляд, wordpress тем для сайтов недвижимости:

Читать далее

Как подключить шрифт к сайту

Одна из первых задач, которая встает перед вебмастером при создании нового проекта - подбор и подключение необходимых шрифтов к сайту. Быстро подобрать шрифты для ресурса можно через  онлайн - сервисы:

Читать далее

как сделать тень на сайте

Как сделать тень на сайте

Чтобы сделать тень на сайте для текста или какого - либо элемента, необязательно прибегать к помощи Adobe Photoshop. Для этого достаточно использовать css - свойства text - shadow и box - shadow, которые помогут добавить красивую тень куда угодно: к изображениям и фото, к слову, букве, абзацу, блоку или виджету. Тени, сделанные с помощью css, можно комбинировать, создавая красивые переливы и градиенты у объектов, к которым они применяются. Так же можно регулировать прозрачность тени, размах, размытие и смещение по осям X и Y.

Читать далее

ссылка на товар в письме opencart 3

Как добавить ссылку на товар в письме заказа Opencart 3

Привет друзья! На связи coderistu.ru.
Уже неоднократно писал о том, что CMS Opencart обладает массой недоработок, которые не видны с первого взгляда и выплывают на поверхность в процессе эксплуатации системы. И одна из самых распространенных проблем  - это крайне малая информативность письма о заказе, которое приходит на почту администратору сайта. При этом письмо о заказе клиенту содержит всю необходимую информацию.

Читать далее