Category: вёрстка

04
Янв
2021

отображение товаров из сетки через базу данных

Здраствуйте, я решил, для практики в веб-программировании, создать интернет-магазин. Он должен с помощью базы данных phpmyadmin размещать товары в сетку. Все работает, но есть небольшая проблема: Каждая позиция начинается с новой строки и …

17
Дек
2020

Инвертировать цвет текста при наведении курсора мыши

Я хотел бы инвертировать черный текст при наведении на него специального курсора -black-. Этот GIF демонстрирует эффект:

У меня не получилось сделать это с CSS и JS. Думаю возможно, должна быть какая-то комбинация с mix-blend-modes, clipp…

16
Дек
2020

WP ошибка ‘Illegal string offset ‘ для SVG изображений задаваемых через виджеты

Столкнулся с проблемой вывода предупреждения перед отображением в теге img
Notice: Trying to access array offset on value of type bool in /var/www/html/wp-includes/media.php on line 1179Notice: Trying to access array offset on value of typ…

12
Дек
2020

Как сделать так, чтобы слайдер swiperjs остановился там, где отпустили мышку и не прокручивал слайд до конца?

Подскажите как в слайдере swiperjs при листании с помощью левой кнопки мыши, сделать так что бы слайдер останавливался там, где отпустили курсор(чтобы слайд не пролистывался до конца, а останавливался)
Пример:
https://bondostavka.kz/ – кар…

09
Дек
2020

Как изменить источник изображения при наведении?

Я хочу изменить источник изображения с помощью jQuery, но с анимацией.
У меня начальное изображение по умолчанию и есть 5 разных изображений с головой, смотрящей в разные стороны. При наведении курсора на определенное маленькое изображени…

08
Дек
2020

Обрезка фона, чтобы увидеть себя в контексте наложения

[Примечание. Ищете кроссбраузерное решение, которое не мигает на мгновение background’ом между каждой волной слизи (goo), как видно из ответа @ccprog В идеале решение не должно включать ожидание окончания первой волны, чтобы начать отображ…

08
Дек
2020

Как сделать slick slider отзывчивым?

При верстке возник вопрос, почему при изменении ширины окна в панели разработчика браузера slic slider не изменяет ширину и столбцы а также стрелки переключения слайдов вылазют за окно собственно браузера. Одним словом сейчас он не respons…

07
Дек
2020

Необходимо обрезать угол изображения с помощью блока

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

19
Ноя
2020

Открытие/закрытие меню при наведении на чистом js

Получилось так, что элементы меню имеют особое подчеркивание (которое можно реализовать только используя position: rel/abs) и элементы на after, а subMenu должно быть во всю ширину экрана и я не нашла другого выхода как реализовывать его п…

17
Ноя
2020

Как правильно сверстать страницу?

Создаю приложение и нужно сверстать вот такую страницу. Меня интересуют конкретно 3 контейнера: хедер, сайдбар и главный контейнер(как я понял все через position: fixed, но не уверен наверняка). Не знаю как правильно верстать подобные стра…

16
Ноя
2020

Оцените верстку шаблона

Начал заниматься версткой месяца 2 назад, поэтому не совсем разбираюсь, насколько правильно сделана верстка и написан код, так что нужно, чтобы разбирающиеся люди помогли советом.
https://valeri-afk.github.io/Valeri-afk.github.io3/

16
Ноя
2020

Метод setInterval(), создающий странное перекрытие частей текста

При моей попытке построить простую текстовую карусель, я столкнулся с проблемой, которую трудно понять.
Макет простой. У меня есть оболочка и текст, который я хочу, чтобы карусель перебирала.
Однако проблема, с которой я столкнулся, наскол…

16
Ноя
2020

Где найти ресурсы для прокачки верстки? [закрыт]

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

13
Ноя
2020

Как сделать обратный transition цвета в CSS?

Недавно начал верстку сайта. Я задал transition почти каждому элементу на сайте – работает все красиво и слажено. Так вот сейчас стоит задача: сделать обратный transition, то есть задержку при отведении курсора. Подскажите как это можно ре…

12
Ноя
2020

Как вытащить все выбранные checkbox через js и отправить их через formData

Необходимо примерно такие чекбоксы проверить на то, что они выбраны, выбранные положить в массив и затем отправить выбранный массив через formData js чтобы потом этот массив отправился по почте.
<input class="checkbox__input" …

10
Ноя
2020

Как анимировать маршрут (path) на SVG карте?

Есть SVG карта созданная на Raphael. Как можно анимировать маршрут между двумя кликами на карте, как например здесь
Пример на картинке –

На яндекс и гугл картах понятно, там свой API, но как сделать нечто подобное на SVG. Есть ли какие-то…

10
Ноя
2020

Подскажите, пожалуйста, как по клику отображать/скрывать нужный слайдер?

У меня есть список, по клику на элемент списка у меня отображается нужный слайдер(использую slick-slider). Если повторно нажать на элемент списка, слайдер ломается: отображаются иконки кнопок слайдера вперед/назад вместо слайдов. Переключе…

26
Окт
2020

Добавленные элементы в браузере chrome уходят наверх, в firefox уходят вниз. Как сделать одинаково?

Вопрос: Когда добавляю новые узлы DOM в некоторый блок, то браузеры ведут себя по разному. В Firefox добавленные элементы уходят вниз вместе с кнопкой, а вот в google chrome кнопка остаётся на месте, а новые элементы уезжают наверх, что на…

24
Окт
2020

Как поместить стрелки внутрь swiper?

По макету нужно сделать такой блок:

Вроде бы ничего особенного. Я решил использовать swiper т.к. его дефолтные стили похожи на макетные. Я пока просто подключил его и получил следующие:

Как поставить стрелки на картинку?
Моя разметка:
&l…