Задать вопрос

cupacabka

Комментарии

  • Как добавить в слайды их номера и общее количество?

    @cupacabka Автор вопроса
    Спасибо большое
    Написано

  • Как кастомизировать пагинацию swiperjs?

    @cupacabka Автор вопроса
    Антон Литвиненко,
    pagination: {
    el: '.swiper-pagination',
    type: 'fraction',
    renderFraction: function (currentClass, totalClass) {
      return '<span class="' + currentClass + '"></span>' +
              '  ' +
              '<span class="' + totalClass + '"></span>';
  }
  },


    Вот это рабочий вариант получается
    Написано

  • Как кастомизировать пагинацию swiperjs?

    @cupacabka Автор вопроса
    Получилось спасибо
    Написано

  • Как кастомизировать пагинацию swiperjs?

    @cupacabka Автор вопроса
    Да я вроде все также делаю и ноль реакции. 
    pagination: {
    el: '.swiper-pagination',
    type: 'fraction',
    renderFraction: function (currentClass, totalClass) {
      return '<span class="' + currentClass + '"></span>' +
              '' +
              '<span class="' + totalClass + '"></span>';
  },
  
}


    Причем такое ощущение, что не работает этот renderFraction я пробовал произвольно менять дописывать числа и ноль реакции вывод как стандартный
    Написано

  • Проблемы со слайдер Swiper?

    @cupacabka Автор вопроса
    Steppp, Нет, проблема в том, что если задать самому слайдеру Эффект фейд и все настройки для этого отображения, то все работает. Мне нужно было, чтобы эффект фейд работал на разрешении до 600 пикселей, а дальше шел уже другой эффект перелистывания effect 'slide'/ Для этого я указывал что изначально слайдеру фейд, он начинал работать по этому способыу отображения, далее на брейкпоинте в 600 указывал effect 'slide'. И тут происходит слом слайдера. После подробного изучения документации вышло, что Allows to set different parameter for different responsive breakpoints (screen sizes). Not all parameters can be changed in breakpoints, only those which are not required different layout and logic, like slidesPerView, slidesPerGroup, spaceBetween, slidesPerColumn. Such parameters like loop and effect won't work. For example:
    Написано

  • Проблемы со слайдер Swiper?

    @cupacabka Автор вопроса
    В коде пен не билдится свайпер. Но это не верстки проблема, сам слайдер изначально работает так как надо, если не ставить ему настройку effect: "fade". Это именно что то в JS
    Написано

  • Проблемы со слайдер Swiper?

    @cupacabka Автор вопроса
    Steppp,
    Я сейчас залью но с версткой вроде проблем нет. Если изначально сделать стандартное перелдистывание слайдера то работает как надо. Оно именно из состояния эффекта Фейд в перелистывание не переходит
    Написано

  • Проблемы со слайдер Swiper?

    @cupacabka Автор вопроса
    Нет, это не решает проблему, можно просто временно убрать навигацию и ничего ен изменится. Он работает до 600, а как только брейкпоинт 600 начинает работать, окно браузера больше становится этого разрешения, все ломается и не работает
    Написано

  • Почему не срабатывает правило sass?

    @cupacabka Автор вопроса
    Вот код из обучалки этого куска

    <div class="container">
                <ul class="menu">
                    <li class="menu_item"><a href="#" class="menu_link">Главная</a></li>
                    <li class="menu_item"><a href="#require" class="menu_link">Со своим автомобилем</a></li>
                    <li class="menu_item"><a href="#require" class="menu_link">На автомобиле компании</a></li>
                    <li class="menu_item"><a href="#" class="menu_link">Требования</a></li>
                    <li class="menu_item"><a href="#" class="menu_link">Контакты</a></li>
                    <li class="menu_item"><a href="#" class="menu_link">Оставить заявку</a></li>
                </ul>
            </div>


    вот мой 

    <div class="container">
          <ul class="menu">
            <li class="menu_item"><a href="#" class="menu_link">Главная</a></li>
            <li class="menu_item"><a href="#require" class="menu_link">Со своим автомобилем</a></li>
            <li class="menu_item"><a href="#require" class="menu_link">На автомобиле компании</a></li>
            <li class="menu_item"><a href="#" class="menu_link">Требования</a></li>
            <li class="menu_item"><a href="#" class="menu_link">Контакты</a></li>
            <li class="menu_item"><a href="#" class="menu_link">Оставить заявку</a></li>
          </ul>
        </div>

    Отличий нет. Но почему то в инструменте разраба обучалки файл работает и там идет обращение именно .menu_link В моем случае обратится к этому элементу я могу только не используя амперсанд а через .menu_item .menu_link
    Написано

  • Почему не срабатывает правило sass?

    @cupacabka Автор вопроса
    Aetae, Вот файл из обучалки. как вы можете видеть в инструменте разработчика все меняется и обращение идет к .menu_link

    5e3aa9e9d9b91353524158.png

    Вот именно это я и не могу понять!!
    Написано

  • Почему не срабатывает правило sass?

    @cupacabka Автор вопроса
    паддинги применяются не к тексту внутри меню а к промежуткам между пунктами меню.
    вот они в оригинале берутся из дженерал э5e3aa2472223d783766516.png

    далее я пишу сас код в отдельным файле.
    пишу 
    .menu
        &_item
            padding-right: 20px


    Все работает, пандинги между пунктами меню уменьшаются. к какому классу тут происходит обращение? к menu_item.

    Далее мне надо изменить размер шрифтав ссылке списка с классом menu_link

    я пишу э
    .menu
        &_item
            padding-right: 20px
        &_link
            font-size: 13px


    к чему применится font-size: 13px ? к .menu_link ? Не применяется. Значит ошибка в обращении где-то.

    У меня вот и не допонимание, почему при одинаковом коде не применяется, а в обучалке работает.

    я пониманию разницу между .menu_item .menu_link и .menu_link. я прислал такой же пример .new .new__2

    обращение работает с указанием .new__2 А в сас почему то нет.
    Написано

  • Почему не срабатывает правило sass?

    @cupacabka Автор вопроса
    В обучалке есть генерал там общее также до оптимизации. там есть и падинг райт и фонт сайз. вот они
    .menu_item
  border-right: 2px dotted black
  padding-right: 28px
  &:last-child
      border-right: none

  .menu_link
    color: #ffffff
    font-size: 15px
    font-weight: 300


    Я понимаю о чем вы пишите, но мы немного не допонимаем друг друга.

    почему паддинг перебивает а фонт сайз нет. Тут ошибка обращения получается. Значит амперсанды не работают получается.

    вот простейший аналогичный пример
    <div class="new"> <div class="new_1">ddddfffffffff </div>  <div class="new_2">ffffffffffffffffffffff</div>   
        
        
    </div>


    .new_1 {
    color: aqua
}

.new_2 {
    color: blue
}


    тут все работает. почему при обращении к _link через амперсанд сасс не перебиваетуказанные ранее.
    Написано

  • Почему не срабатывает правило sass?

    @cupacabka Автор вопроса
    Aetae,
    в таком коде
    @media (max-width: 1200px)
    .menu
        &_item
            padding-right: 20px


    padding-right применяется к .menu_item все верно же? так.

    в таком коде 
    @media (max-width: 1200px)
    .menu
        &_item
            padding-right: 20px
        &_link
            font-size: 13px


    В таком коде font-size: 13px применяется к .menu_link ? верно же? В обучаещем видео скнир с него оно применяется. там такие же классы
    Написано

  • Почему не срабатывает правило sass?

    @cupacabka Автор вопроса
    А вот в обучающем видео, такой же исходный код. и все работает на видео
    5e3a95685837f963097549.png
    Написано

  • Почему не срабатывает правило sass?

    @cupacabka Автор вопроса
    вот исходный код

    5e3a92a1f2865576825755.png

    почему при таком медиа срабатывает тольк падинг, а фонт сайз нет.
    5e3a935aaf621681983026.png

    вот и инструментов разраба
    5e3a94455b0ed499555090.png

    тут 15 из основного файла правил для не оптимизированной версии.
    Написано

  • Почему не срабатывает правило sass?

    @cupacabka Автор вопроса
    У меня идет так
    общий сасс
    в него 

    *
  font-family: "Roboto", sans-serif
@import "variables"
@import "mixine"
@import "general"
@import "media"


    в сасс media я пишу правила для оптимизированной версии. в ней указываю изменить паддинги - падинги перебиваются, указываю изменить фонт сайз - они не пербиваются остаются из general. Тут ошибка обращения. Я так понимаю, что в general могло быть указано все что угодно, далее подключается правило для уменьшения размера экрана и оно должно перебивать предыдущие правила. я не могу понять почему в видео обучающем все идет, взял даже код из обучалки, он одинаков, с него идет а с аналогичного скопированного в редактор нет.
    Написано

  • Почему не срабатывает правило sass?

    @cupacabka Автор вопроса
    Aetae, активен фонт сайз из основного файла, где правила до адоптации к мобильной версии. Далее все я пишу для мобильной версии в отдельном подключенном файле. Если указывать паддинги, но они срабатывают отсюда с media, вот размер шрифта не перебивается.
    Написано

  • Почему не срабатывает правило sass?

    @cupacabka Автор вопроса
    Это именно самый низ кода и с media не берет почему то размер шрифта
    Написано

  • Ошибка в браузере и странная реакция на изменение CSS, как решить?

    @cupacabka Автор вопроса
    Вроде бы решена проблема. Я по неаккуратности дважды нажал вставить код css. он большой и не сразу заметил, получалось то что изменял более менее действовало, а если удалял его, то дубликат кода начинал работать, поэтому все блоки оставались на месте.
    Написано

  • Ошибка в браузере и странная реакция на изменение CSS, как решить?

    @cupacabka Автор вопроса
    Aetae, дело в том, что я вырезаю целые блоки, оформления кода, по сути остается один лишь голый хтмл. по идее, должно все вернутся к чистой верстке без оформления, а почему то сохраняется все как будто все оформление на месте. Такое ощущение, что браузер откуда то берет из кеша все. Я пробовал создавать новые файлы с таким же кодом, то же самое происходит. не поиму.
    Написано