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

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

Нужна помощь по background'ам.

Тема в разделе "Вопросы- ответы", создана пользователем ExScorpio, 23 авг 2016.

23.08.16 в 17:36
23.08.16 в 18:40
10
949
0
  1. TopicStarter Overlay
    ExScorpio

    ExScorpio Бывалый

    Регистрация:
    13 май 2016
    Сообщения:
    100
    Лучших ответов:
    0
    Рейтинги:
    +17 / 0 / -0
    Всем хале. Вот с чем столкнулся: взял шаб кинокрик, хочу background залить, заливаю, но он не растягивается, тоесть половина сайта - картинка, а низ - черный. Подумал, тогда надо чтобы background был статичным а относительно его двигалась только часть с фильмами и т.д. (я так видел когда рекламу размещают казино в backgroundе) Но как так сделать?

    P.S. Кто-нибудь вообще понял, что я имел в виду? А то объяснять - не мой конек.
     
  2. Kinoplex

    Kinoplex Бывалый

    Регистрация:
    1 июл 2016
    Сообщения:
    176
    Лучших ответов:
    0
    Рейтинги:
    +52 / 0 / -0
    а не легче скрин показать
     
  3. kinouser

    PRO Users

    Регистрация:
    12 ноя 2015
    Сообщения:
    949
    Лучших ответов:
    0
    Рейтинги:
    +230 / 23 / -0
    @ExScorpio, )) картинку фиксированую чтоли?
    типа так - style="background: url(/картинка.jpg) 50% 0 no-repeat fixed #000;"
     
    • Нравится Нравится x 1
  4. TopicStarter Overlay
    ExScorpio

    ExScorpio Бывалый

    Регистрация:
    13 май 2016
    Сообщения:
    100
    Лучших ответов:
    0
    Рейтинги:
    +17 / 0 / -0
    во! красава! точнее и сказать нельзя
     
  5. TopicStarter Overlay
    ExScorpio

    ExScorpio Бывалый

    Регистрация:
    13 май 2016
    Сообщения:
    100
    Лучших ответов:
    0
    Рейтинги:
    +17 / 0 / -0
    пример: kinogo.club - при отключеном адблоке ( вдруг у кого стоит) реклама казинохи она фиксирована, а при прокрутке двигается body, а не весь сайт, хочу так, только с картинкой, а не с кодом рекламным
     
  6. CyberPsy

    CyberPsy Бывалый

    Регистрация:
    29 июл 2015
    Сообщения:
    194
    Лучших ответов:
    0
    Рейтинги:
    +45 / 0 / -0
    Код:
        height: 100%;
        left: 0px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 0;
        overflow: hidden;
    background-attachment: fixed;
    background-color: rgb(0,0,0); - цвет сайта пока картинка не загрузилась
    
        background-image:url("картинка");
        background-color: #FFFFFF;
        background-position: center top;
        background-repeat: no-repeat;
    Примерно так. лишнее убрать.
     
    • Нравится Нравится x 1
  7. Karabas Barabas

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

    Регистрация:
    20 ноя 2015
    Сообщения:
    8.172
    Лучших ответов:
    1
    Рейтинги:
    +3.756 / 12 / -0
    • Нравится Нравится x 1
  8. TopicStarter Overlay
    ExScorpio

    ExScorpio Бывалый

    Регистрация:
    13 май 2016
    Сообщения:
    100
    Лучших ответов:
    0
    Рейтинги:
    +17 / 0 / -0
    Воспользовался ссылкой Карабаса)
    background: url(../images/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
     
    • Нравится Нравится x 1
  9. TopicStarter Overlay
    ExScorpio

    ExScorpio Бывалый

    Регистрация:
    13 май 2016
    Сообщения:
    100
    Лучших ответов:
    0
    Рейтинги:
    +17 / 0 / -0
    И тут же проблема: описание категорий под телом и сливается с бэкграундом http://prnt.sc/c9ese7, как мне сделать как на кинокрике, т.е. черным блоком запилить http://prnt.sc/c9esw1, дабы не сливалось? Можно background текста сделать, но блоком лучше будет, наверное.
     
  10. CyberPsy

    CyberPsy Бывалый

    Регистрация:
    29 июл 2015
    Сообщения:
    194
    Лучших ответов:
    0
    Рейтинги:
    +45 / 0 / -0
    Оберните описание категории блоком <div class="description"> сюда описание</div>, а в стили css:

    Код:
    .description {
        font-size: 13px;
        color: #67676F;
        text-decoration: none;
        text-align: justify;
        padding: 20px 20px 20px 20px;
        line-height: 21px;
        background: #19191B;
    }
    Будет как на КиноКритике.
     
    • Нравится Нравится x 1
  11. TopicStarter Overlay
    ExScorpio

    ExScorpio Бывалый

    Регистрация:
    13 май 2016
    Сообщения:
    100
    Лучших ответов:
    0
    Рейтинги:
    +17 / 0 / -0
    cпасибо, но я сообразил уже, просто прописал background)
     
    • Нравится Нравится x 1
Похожие темы
  1. Dimoogle
    Ответов:
    17
    Просмотров:
    3.993
  2. Ramis7123
    Ответов:
    6
    Просмотров:
    1.490
  3. arifira1
    Ответов:
    14
    Просмотров:
    1.548
  4. webmagnat
    Ответов:
    1
    Просмотров:
    1.707
  5. arifira1
    Ответов:
    20
    Просмотров:
    3.115
Загрузка...
Яндекс.Метрика