Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Вопрос? Как растянуть постер на пк версии

Тема в разделе "Вопросы- ответы", создана пользователем givi33, 18 дек 2022.

18.12.22 в 16:07
18.12.22 в 18:44
5
356
0
  1. TopicStarter Overlay
    givi33

    givi33 Бывалый

    Регистрация:
    30 июл 2019
    Сообщения:
    558
    Лучших ответов:
    0
    Рейтинги:
    +47 / 18 / -0
    Доброго времени суток граждане Пираты.

    Подскажите как постер растянуть по ПК версии сайта?
    А то чет порнуха какая то
    Снимок.JPG
    Я так полагаю что в стилях надо менять что то, а вот то именно хз
    Код:
    /*-- Постер ------------------------------*/
    .fs__poster-block { width: 250px; height: 350px; border-radius: 20px; overflow: hidden; z-index: 0; background-color: rgb(80 80 80 / 25%); position: relative; }
    .fs__poster-img { width: inherit; border-radius: 20px; min-height: inherit; }
    .new-edit { margin-right: 10px; padding: 10px 10px 8px; border-radius: 12px; background: var(--bg2); }
    .icon-edit-1 { color: var(--color2); }
    Код:
    /*-- Карусели ------------------------------*/
    
    .main__block--carousel-mid_wrap { min-height: 340px; }
    .main__block--carousel-big_wrap { min-height: 260px;}
    .main__block--carousel-big .owl-item, .main__block--carousel-mid .owl-item { -webkit-transition: ease-out 0.2s; -o-transition: ease-out 0.2s; transition: ease-out 0.2s; opacity: 0.1; pointer-events: none; }
    .main__block--carousel-big div.active, .main__block--carousel-mid div.active{ opacity: 1; -webkit-filter: none; filter: none; pointer-events: visible; }
    .owl-stage { padding-left: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; }
    .owl-nav button { position: absolute; padding: 16px 15px 13px; background: transparent; -webkit-backdrop-filter: blur(40px) brightness(0.6); backdrop-filter: blur(40px) brightness(0.6); border-radius: 16px; cursor: pointer; top: 30%; }
    .owl-nav button span { font-size: 24px; color: #d5d5d5;}
    .owl-prev { left: -10px; }
    .owl-next { right: calc(var(--page-margin) - 10px); }
    .disabled { display: none; }
    Код:
    /*-- ШАПКА САЙТА ------------------------------*/
    .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0; }
    .header__right-block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 45%; }
    .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; height: 45px; }
    .img-logo { height: inherit; }
    .text-logo { font: 52px Logo; pointer-events: none; margin: 0px 0px 2px 10px; }
    .header__short-search-form, #story { position: relative; width: 100%; }
    #story { padding-right: 70px; }
    .short-search-form__btns{ position: absolute; right: 10px; top: 0px; }
    .short-search-form__btn {  background: transparent; padding: 8px 2px; cursor: pointer; }
    .sign-up { padding: 8px 30px; border-radius: 12px; background: rgb(81 81 81 / 55%); margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
     
    #1 givi33, 18 дек 2022
    Последнее редактирование: 18 дек 2022
  2. Pr00f

    Pr00f Бывалый

    Регистрация:
    4 фев 2019
    Сообщения:
    405
    Лучших ответов:
    0
    Рейтинги:
    +164 / 12 / -0
    гадание по скриншоту? :D
     
  3. seasone

    Команда форума VIP Кинотрафик v2

    Регистрация:
    2 дек 2015
    Сообщения:
    719
    Лучших ответов:
    4
    Рейтинги:
    +333 / 56 / -0
    Через media screen задай минимальную ширину экрана и присвой к блоку и картинке высоту и ширину.
     
  4. JIuMoH4eG

    JIuMoH4eG Новичок

    Регистрация:
    29 окт 2018
    Сообщения:
    35
    Лучших ответов:
    0
    Рейтинги:
    +2 / 0 / -0
    проще будет просто присвоить размер "cover" (или какой-то другой) и не нужно будет играться с размерами
     
    • Согласен Согласен x 1
  5. TopicStarter Overlay
    givi33

    givi33 Бывалый

    Регистрация:
    30 июл 2019
    Сообщения:
    558
    Лучших ответов:
    0
    Рейтинги:
    +47 / 18 / -0
  6. JIuMoH4eG

    JIuMoH4eG Новичок

    Регистрация:
    29 окт 2018
    Сообщения:
    35
    Лучших ответов:
    0
    Рейтинги:
    +2 / 0 / -0
Яндекс.Метрика