CMS DataLife Engine - Система управления сайтами

Sign in to follow this  
Zaur

Вопрос с заставкой в стандартном шаблоне

Recommended Posts

Здравствуйте. 

Версия DLE 12, шаблон RED. Поменял на главной стандартную картинку заставки на свою - загрузил ее в папку images под названием bg3.jpg. По высоте моя картинка больше, чем стандартная и соответственно я хочу, чтобы моя отображалась по всей высоте и далее уже шла основная часть сайта. У меня это сделать получилось, после того как я добавил height: 672px; . Но проблема в том, что после этого, когда я перехожу на остальные страницы сайта, эта заставка не обрезается, как  было изначально, а остается такой же большой по всей высоте как и на главной странице сайта:

Раздел styles.css, отвечающий за шапку сайта.

/* --- Шапка сайта --- */
.headpic {
        position: relative;
        background: #403a43 url(../images/bg3.jpg) no-repeat 50% 0; height: 672px;
background-size: 100%;
    }
    .headpic.fixed { background-attachment: fixed; }
    .headpic:after {
        content: "";
        position: absolute;
        left: 0; top: 0;
        width: 100%; height: 100%;
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
        background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
        background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
        background-image: linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
    }

Раздел styles.css, отвечающий за обрезание шапки, на других страницах сайта как я понял:

    /* Верхняя часть шапки */
    @media only screen and (min-width: 861px) {
        #header {
            height: 63px;  
            display: -webkit-flex;
            display: flex;
        }
    }

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this