Jump to content

d0ublezer0

User
  • Posts

    784
  • Joined

  • Last visited

  • Days Won

    2

d0ublezer0 last won the day on August 16 2019

d0ublezer0 had the most liked content!

Information

  • Sex
    Мужчина

Contacts

  • Web site
    http://leveler.ru

Recent Profile Visitors

10,433 profile views

d0ublezer0's Achievements

  1. Привет. Помогите советом: есть ли какой-то трюк с расположением элементов внутри скролл-контейнера, чтобы при наведении и увеличении они не обрезались родителем? https://codesandbox.io/s/scroll-and-scale-yv3kq0?file=/src/App.js Можно и не внутри контейнера, но главное, чтобы лишнее скроллилось, а при наведении не обрезалось.
  2. Фиксированная высота родителя делает свое дело. Вопрос снят.
  3. Привет! Не соображу, как сделано так, что при наведении на карточку в каталоге появляется блок добавления в корзину, но высота родительского блока не меняется. Вернее, сетка не расползается. Как это сделано? https://mirbelia.ru/catalog/nizhnee_bele/
  4. Неа. Проблема, похоже, в фиксированной высоте псевдоэлемента. А как сделать его масштабируемым пропорционально?
  5. привет. геометрия.онлайн на главной странице слайдер с наложенным фоном на псевдоэлемент почему-то не тянется фон при масштабировании страницы. почему?
  6. Да, пожалуй, перемудрил я с clip-path для однотонного шестиугольника с зафиксированным размером. Вот тут не соглашусь - при масштабировании одного SVG расстояние от рамки до фона будет изменяться, что недопустимо.
  7. Сделал. Обновил pen: https://codepen.io/d0ublezer0/pen/bGpqgKY Все же, размер фигуры получится фиксированный, но это не страшно. Можно несколько размеров для популярных разрешений выставить. Вопрос к знатокам: насколько примененное решение стабильно?
  8. Клиенту надизайнили вот такой макет. Не понимаю, как верстать. Белую область еще примерно понимаю, как можно сделать из трёх частей. Верх и низ бордюрами по методам треугольника, центр - обычный прямоугольник. А вот золотую рамочку - как? И тянуться оно должно вертикально, завися от наполненности Ещё занятно то, что левый край фигуры выходит за сетку. Это видно по левой границе текста. https://codepen.io/d0ublezer0/pen/bGpqgKY вот что удалось сверстать что не нравится: придется ловить значения бордюра для разных разрешений, чтобы попасть в ширину блока ну и рамочку так и не смог запилить. UPD: добрался до clip-path Более-менее. но не уверен как с поддержкой браузерами. Может, есть бронебойное решение? https://codepen.io/d0ublezer0/pen/qBZrrEb С рамочкой пока бессилен.
  9. Никак )) Я некорректно описал задачу. Точнее, пытался решить ее иначе.
  10. Мне нужна была даже не столько сама тень, сколько визуальное отделение кнопок друг от друга. В итоге я использовал еще один псевдоэлемент, и навесил на него полупрозрачный градиент. https://jsfiddle.net/g0x7aj2v/
  11. тогда проще отказаться от тени. мне были нужны "угловые" кнопки градиентным фоном и тенью что-то такое:
  12. https://jsfiddle.net/a8s1yxeq/ хочу сделать угол у переключателей с тенью, но псевдоэлемент получается над основным и тень видно слева. А запихнуть ниже не удается. Это возможно?
  13. UPD: ошибка: #sizes_table вместо #_sizes_table Вопрос снят
  14. https://jsfiddle.net/d0ublezer0/vd6fe2zs/ Такое дело. Содержимое таблицы заполняется автоматически из массива, основываясь на доступных опциях радио-списка со страницы.то есть, все строки создаются динамически через append При клике на строку, она принимает класс selected. Задача - получить атрибут "for" при клике на кнопку "выбрать размер". Как ни пробовал, выбранная строка не возвращается в виде объекта. Помимо варианта в примере, пробовал так: jQuery("#sizes_table tr.selected").first() Что я сделал не так?
  15. form.addClass("cart-product-adding"); btn.prop("disabled", true).text("Минутку"); // тут идет AJAX вызов и ждем ответ. после него изменяем статус кнопки и формы form.removeClass("cart-product-adding").addClass("cart-product-added"); btn.text('Готово').delay(200); form.removeClass("cart-product-added"); btn.text('В корзину').delay(1000).prop("disabled", false); Это логика формы добавления в корзину. Задача показать процесс добавления, пока ajax не вернет ответ. Сообщить об этом и поменять вид кнопки обратно по завершении обработки. Почему не работает delay в этом случае? Всё без остановки пролетает на последних четырех строчках UPD: нашел. потому что нужно использовать setTimeout
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy