klierik

Администратор
  • Публикации

    4408
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    71

Последний раз klierik выиграл 18 февраля

Публикации klierik были самыми популярными!

Репутация

384 Хорошая

4 подписчика

О klierik

  • Звание
    Since 2004
  • День рождения 10/26/1984

Контактная информация

  • Web site
    https://htmlforum.io
  • Skype
    klierik

Информация

  • Пол
    мужской
  • Откуда
    Киев, Украина
  • Интересы
    front-end development, вебинары, персональное обучение, бизнес, туризм

Посетители профиля

14449 просмотров профиля
  1. Здравствуйте. Колонки в bootstrap автоматически идут одна за другой, в Вашей вёрстке тоже. Скорее всего проблема в картинке, которая абсолютно позиционированна. Попробуйте этот код: .gradient-square { width: 195px; } @media screen and (min-width: 768px) { .gradient-square { position: absolute; z-index: 30; } }
  2. klierik

    Оцените качество верстки

    Здравствуйте. В целом не плохо. Я бы рекомендовал придерживатся одного стиля именования классов (".section_tab" режет глаз), посомтреть в сторону сборщиков, использовать препроцессоры и рости профессионально.
  3. klierik

    Обрезка фона блока при уменьшении размера экрана

    В таком случае используйте следующие @media правила: @media screen and (max-width: 1999px) { /* Правила для ширины экрана менее 1200px */ } @media screen and (min-width: 1200px) { /* Правила для ширины экрана от 1200px и выше */ }
  4. klierik

    Обрезка фона блока при уменьшении размера экрана

    Здравствуйте. В таком случае вместо @media screen and (min-width: 1200px) { .page-header { min-height: 760px; background-image: url("../img/page-header-background-desktop@1x.png"); background-position: right -144px top -87px; } } надо написать так @media screen and (width: 1200px) { .page-header { min-height: 760px; background-image: url("../img/page-header-background-desktop@1x.png"); background-position: right -144px top -87px; } } Но это странная постановка задачи, так как вероятность такой ситуации близка к нулевой. Как правило в таких случаях используют правила "от X1 и до X2" или "от X" или "до X". Для того что бы картинку пустить по правому краю и не обрезать её, можно указать выравнивание так: background-position: right top -87px;
  5. klierik

    Как изменить расположение сайтбара в моб версии?

    Обсуждаемый нами сайт написан на WordPress. Блоки, о которых Вы говорите, — вставлены виджетами: http://take.ms/MMIcN Предложенное мной решение не идеальное, но в Вашем случае оно будет работать: @media screen and (max-width: 767px) { .widget-area #text-3, .widget-area #text-4 { display: none; } } Было бы лучше если бы каждый из этих блоков имел свой уникальный класс, который бы использовался для решения данной зхадачи.
  6. klierik

    Оцените, пожалуйста, дизайн

    Может я не так Вас понял, но что, в таком случае, Вы хотите услышать? Озвучьте, пожалуйста, какие критерии оценки ожидаюся в рамках данного вопроса? Нет, со скроллом проблем в v1нет
  7. klierik

    Оцените, пожалуйста, дизайн

    Этот лучше. Скажем так — "Вы не имеете права изменять мои настройки скролла своими, без моего согласия". Да, это часто делают в сети но мне, лично, не нравится когда интерфейс вдруг работает не так как я ранее настроил.
  8. klierik

    Как изменить расположение сайтбара в моб версии?

    Здравствуйте. Попробуйте следующий код: @media screen and (max-width: 767px) { .wrapper { display: flex; flex-direction: column; } .site-content { order: 2; } .widget-area { order: 1; } }
  9. klierik

    Оцените, пожалуйста, дизайн

    Здравствуйте. Учитывая что сайт создан генератором, смотреть саму разметку смысла нет. Лично у меня сайт жутко тормазит, как при скролле так и при изменении ширины окна браузера. Пользоватся им невозможно 😞
  10. klierik

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

    Попробуй попросить объяснить ТЗ из-за его не информативности
  11. klierik

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

    никак содержать текстовые и графичкские данные, по всей видимости
  12. klierik

    Закрытие формы ajax после отправки

    Вот так: $('form').submit(function(event) { event.preventDefault(); var th = $(this); $.ajax({ type: "POST", url: "smart.php", data:$(this).serialize() }).done(function() { $(this).find("input").val(""); alert("Спасибо за заявку!"); $("form").trigger("reset"); $('.popup').fadeOut(); // Закрыть Popup }); return false; });
  13. klierik

    Как грамотно сверстать?

    Забегая чутка вперёд обращу внимание на то что в IE это работать не будет: https://caniuse.com/#feat=css-mixblendmode Предложенный вариант, кстати, реально крут, ничего не скажешь, но не кроссбраузерно. Я бы сделал через PNG (retina ready) для надёжности.
  14. klierik

    Не могу экпортировать графику в фототошоп помогите!

    Проблема связана с установленной версией ПО. Как вариант полностью удалить все продукты Adobe с компьютера, перезапустить компьютер, скачать последнию версию По (на пример с офф. сайта) и пройти установку заново.
  15. klierik

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

    В качестве точки отсчёта могу предложить — https://jsfiddle.net/klierik/8uL2uoap/