Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Есть слайдер с рангами (https://refreshless.com/nouislider/)

https://boostshop.gratta.pro/product/14175/

Он динамический - т.е. мин и макс значения, ранги на слайдере задаются в админке

На нем создаются засечки, названия промежутков делаются через CSS

.noUi-marker-horizontal:nth-child(3):before{

content: "1";

left: -45px;

}

.noUi-marker-horizontal:nth-child(3):after {

display: inline-block;

content: "";

background: url(img/left-arrow.png) no-repeat;

background-size: contain;

height: 22px;

width: 12px;

-webkit-transform: rotate(-90deg);

-ms-transform: rotate(-90deg);

transform: rotate(-90deg);

position: absolute;

top: -48px;

left: -6px;

}

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

Примеры промежутков :

Промежуток1 0-100

Промежуток2 100-150

Промежуток3 150-200

---

Промежуток1 0-500

Промежуток2 500-750

Промежуток3 750-1000

Промежуток4 1000-1500

Т.е. мне нужно в верстку .noUi-marker-horizontal:nth-child(3):before передать позицию названия "Промежуток1"

Т.е. мне нужно в верстку .noUi-marker-horizontal:nth-child(3):after передать позицию ранга 500 для засечки

и т.д.

3 года назад
gratta
38 летУкраина
18 лет в сервисе
Был
22 дня назад
Выбранный исполнитель
alex-tret
28 летРоссия
5 лет в сервисе
Был
год назад
50 отзывов
3 года назад
$10
1 день
Все отлично. Быстро, качественно. Рекомендую
Отличный заказчик. Можно сотрудничать.
  • Похожие заказы
  • $65

    Необходима качественная верстка сайта. Срок - 7 дней, бюджет - 5000р. (Окончательный) Главную желательно показать завтра до вечера. На странице товара должен работать конфигуратор цветов, а так же калькулятор на странице корзины. Макет: https://www.figma.com/file/PJmAYPJqv6VbeOvAfE5LLc/Poroloner-Copy?node-id=59%3A0

    HTML-верстка1 исполнитель
    Завершен
    3 года назад
  • $90

    Задача: [list][*]Адаптивно сверстать страницу сбора заявок + thank you page[*]Запрограммировать отправку формы[/list] Рассматриваю варианты Верстка+Программирование или только Верстка. Дано: PSD обоих страниц для десктопа и для мобайла. https://www.dropbox.com/s/dsp76g4c10g5oq9/main_final_01.jpg?dl=0 https://www.dropbox.com/s/mgdcr27s361s6mt/thank_you_page_01.jpg?dl=0 https://www.dropbox.com/s/kd8qc8sdj280pww/main_mobile_final_01.jpg?dl=0 https://www.dropbox.com/s/h2zn3oxqinur2p3/thank_you_page_mobile_final_01.jpg?dl=0 Подробное ТЗ: https://docs.google.com/document/d/1rpliK9m9T28SXJoI4RxZZJKN5XJXSDsnvfo36O5JRrA/edit?usp=sharing

    HTML-верстка1 исполнитель
    Завершен
    3 года назад
  • $3

    сверстать календарь и время. как на изображении, чтоб можно было сделать выборку числа месяца и года в формате как на фото, выбрать время суток и время часов можно использовать библиотеки

    HTML-верстка1 исполнитель
    Завершен
    3 года назад
  • $250

    Дизайн пк [url=https://bit.ly/327Ybrp]https://bit.ly/327Ybrp[/url] Дизайн моб [url=https://bit.ly/3mKmHsc]https://bit.ly/3mKmHsc[/url] по эффектам на действующий https://bit.ly/3egKuNF на главной где цифры должен быть обратный отсчёт от 0 и до тех значений которые указаны в макете (картинку прикрепил)

    HTML-верстка1 исполнитель
    Завершен
    3 года назад
  • Адаптивная верстка, чтобы на всех устройствах и браузерах смотрелось одинаково. Google page speed в зеленой зоне. Макет скину исполнителю. Укажите свои сроки и и стоимость. В начале отклика напишите "Я не бот"

    HTML-верстка55 заявок
    Закрыт
    3 года назад
  • $25

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

    HTML-верстка1 исполнитель
    Завершен
    3 года назад
  • Есть сайт https://www.sky-madaim.co.il новый дизайн которого будет с таким же функционалом и наполнением, только новее и современнее. Макет будет в Figma, на сайте имеется небольшой магазин нескольких товаров на Woocomerce. Количество страниц и ...

    HTML-верстка7 заявок
    Закрыт
    3 года назад
  • $50

    [url=https://drive.google.com/drive/folders/1JszUNwIybYFFfrGmJ8azyAW64dxAJaAG?usp=sharing]Главная ПК - Google Drive[/url] главная пк версии [url=https://drive.google.com/drive/folders/1_CnuTe6JQcwGmrQXDc9Hd91pLqG-oRkk?usp=sharing]Главная мобильная - Google Drive[/url] главная мобильная [url=https://drive.google.com/drive/folders/1oH9IIHy6YNdwaxmPQu5ST4gYBEi8521P?usp=sharing]Внутренние ПК - Google Drive[/url] внутренние пк версия [url=https://drive.google.com/drive/folders/1akwE8wAQ6j9yyXD_4ts3cKv4DHtmu5rG?usp=sharing]Внутренние мобильная - Google Drive[/url] внутренние мобильная Это дизайн. Есть готовая верстка части страниц, около 30-40%. Нужно ...

    HTML-верстка1 исполнитель
    Завершен
    3 года назад