Category: вёрстка

21
Ноя
2022

Как передвигать кнопку в javascript?

Алгоритм вкратце – блок с информацией на сайте. Делаю возможность показать весь текст/скрыть большую часть, что бы выглядело более компактно и открывалось только по мере необходимости. Происходит ситуация – блок разворачивается, но кнопка …

21
Ноя
2022

Как передвигать кнопку в javascript?

Алгоритм вкратце – блок с информацией на сайте. Делаю возможность показать весь текст/скрыть большую часть, что бы выглядело более компактно и открывалось только по мере необходимости. Происходит ситуация – блок разворачивается, но кнопка …

16
Ноя
2022

Как исправить ошибку или написать код оптимальнее для блока с отзывами и прокруткой влево/вправо?

Задача: на сайте создать блок с отзывами, выводить на экран первый, остальные показывать, нажимая стрелки влево/вправо, скрывая при этом предыдущий. В HTML и CSS создал div, в котором просто все отзывы будут лежать в одном блоке, как бы сл…

25
Окт
2022

Как создать мультиязычный лендинг на WordPress?

Всем привет! Опыта мало, не судите строго.
Заказ сделать лендинг на трех разных языках и накатить все это добро на wordpress. Так как сайт будет продвигаться на разных площадкак решили создать три идентичных сайта на разных языках.
У меня …

21
Окт
2022

Как сверстать выпадающий блок под иконкой?

Есть компонент аккордеон (Collapse из ant Design) в свернутом состоянии:

Есть выпадающий блок под иконкой, когда аккордеон в открытом или активном состоянии:

Мое решение было таким – обернуть иконку и серый блок в общий , выполнить верст…

17
Окт
2022

Как настроить поддержку php тегов в html файлах, в веб-сервере, запускаемом через GULP?

Решил попробовать gulp для сборки шаблона.
Запускаю gulp, он собирает index.html из pug-файлов, запускает веб-сервер и открывает в браузере localhost:3000. В файле html есть php код вида
<?php echo ‘111’;?>

, который выводится как т…

03
Окт
2022

JS как удалить первый дочерний элемент в HTML(без id)

Есть select с дочерними элементами option. Так как селект заполняется через массив из скрипта, то у опшинов нет id. В определенном условии(не связанном с вопросом) мне надо удалять первый опшион. Нагуглил removeChild, но как я понял – можн…

03
Окт
2022

JS как удалить первый дочерний элемент в HTML(без id)

Есть select с дочерними элементами option. Так как селект заполняется через массив из скрипта, то у опшинов нет id. В определенном условии(не связанном с вопросом) мне надо удалять первый опшион. Нагуглил removeChild, но как я понял – можн…

03
Окт
2022

JS как удалить первый дочерний элемент в HTML(без id)

Есть select с дочерними элементами option. Так как селект заполняется через массив из скрипта, то у опшинов нет id. В определенном условии(не связанном с вопросом) мне надо удалять первый опшион. Нагуглил removeChild, но как я понял – можн…

30
Сен
2022

Анимация при скролле, с фиксацией блока

Есть блок с ul>li, он находится ~ по середине на странице.
Задача такая, что по ходу скролла страницы, когда доскролим до этой секции остановить скрол, зафиксировать нужную секцию на экране и запретить возможность скролить дальше, пока …

29
Сен
2022

JS как сделать привязку(прослушку) между двумя блоками "select"

У меня есть 2 блока селект, которые заполняются через JS массивами данных. В первый блок поступают даты(от сегодня на 2 недели вперед), во второй поступают массивы (одинаковые внутри) с временем работы. Плохо знаю JS, поэтому прошу подсказ…

27
Сен
2022

Подскажите как реализовать анимацию в html с hover эффектом

Подскажите пожалуйста, требуется реализовать анимацию при наведение на карточку. В какую сторону копать, даже не представляю. Может кто сталкивался с таким и даст напутствие начальное хотя бы)) Буду благодарен

Ссылка на видео с примером а…

27
Сен
2022

как сделать выбор даты не календарем а списком-столбиком

Выбор даты должен при клике выпадать меню вниз – то есть клиент нажимает на input, а ему выпадает не календарь, а список дат. На фото пример как выдет пользователь до нажатияю После нажатие снизу появляется список-столбик "5 августа 6…

26
Сен
2022

Реализация кастомных даты и времени (на Битрикс)

Нужно реализовать выбор даты и времени в стиле как на фото. В интернете натыкался на стандартные решения (условно 11.11.11). При этом должно быть ограничение на запрет выбора прошедшей даты и времени. Само время должно быть ограничено усло…

25
Сен
2022

Как верстают топ компании под мобильные устройства?

Верстаю сайт для пиццерии и смотрю на примеры топовых компаний вроде додо. Пока крутил и вертел в браузере верстку, заметил, что при запросе с "мобильных устройств" выдаёт абсолютно другой сайт. Пытаюсь найти инфу в интернете и н…

23
Сен
2022

Можно ли поместить скрипт Битрикса на форму для телефона в SweetAlert2?

В форму SweetAlerts2 нужно поместить форму для ввода телефона от Битрикса. Я попытался вставить ее напрямую, но инциализация как я понял не проходит.
введите сюда код <div class="prodcat-hole__product">
<div class="…

18
Сен
2022

Каким образом файлы использовавшиеся для сборки сайта доступны в Sources в DevTools?

Не чего не понимаю, эти файлы использовались для сборки, но их нет в итоговом бандле. Бандл загружен на хостинг, и как я могу их вообще видеть в DevTools, если их нет на хостинге?

14
Сен
2022

Проблема производительности. Бесконечный горизонтальный скролл с динамическим размером элементов

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

Сделал контейнер с over…

14
Сен
2022

Проблема производительности. Бесконечный горизонтальный скролл с динамическим размером элементов

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

Сделал контейнер с over…

08
Сен
2022

Можно ли удалить стиль у ‘<body>’ на определнной странице

У <body> есть бэкграунд, который отсутствует на одной из страниц макета. Можно ли обратиться к этому стилю через CSS или JS обратившись только к html-файлу этой страницы? Или лучше переделать обернув всю верстку контейнером с таким б…