Добрый день! Разбираюсь с заменой фото шаблона на свое. templates/мой шаблон/images/ далее здесь пытался просто заменить изображение шаблона Header.jpeg на свое фото с теми же размерами, но, изображение встало, однако остались края от прежнего фото, я так подозреваю что в этом виноват файл Header.png, собственно в нем и есть остатки полей прежнего фото. Как мне выйти из данной ситуации? Спасибо.
Фрагмент из template.css div.art-Header-png { position: absolute; z-index:-2; top: 0; left: 0; width: 980px; height: 209px; background-image: url('../images/Header.png'); background-repeat: no-repeat; background-position: left top; } div.art-Header-jpeg { position: absolute; z-index:-1; top: 0; left: 0; width: 980px; height: 209px; background-image: url('../images/Header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */
Удалить то можно, но прояснилось почему у меня 2 Header(а), шапка шаблона по верхнему краю имеет справа и слева закругления, вот думаю для чего понадобился Header.png, размеры шапки привязаны именно здесь, после его удаления и замены на свою картинку Header.jpg изменится и шапка шаблона.
Draff, спасибо за направление, просмотрел template.css шаблона, так и не нашел border-radius при помощи которого закруглили Header.png Где искать? Подумалось о нехорошем ответе
Если я правильно понял, если нет - поправьте, вот что было: /* begin Header */ div.art-Header { margin: 0 auto; position: relative; z-index:0; width: 980px; height: 209px; } div.art-Header-png { position: absolute; z-index:-2; top: 0; left: 0; width: 980px; height: 209px; background-image: url('../images/Header.png'); background-repeat: no-repeat; background-position: left top; } div.art-Header-jpeg { position: absolute; z-index:-1; top: 0; left: 0; width: 980px; height: 209px; background-image: url('../images/Header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ Теперь: 1) Удаляем из template/мой сайт/images Картинку Header.png 2) Удаляем из template/мой сайт/CSS блок div.art-Header-png 3) В конце блока div-art-Header-jpeg прописываем border-radius, в конечном итоге он будет выглядеть: div.art-Header-jpeg { position: absolute; z-index:-1; top: 0; left: 0; width: 980px; height: 209px; background-image: url('../images/Header.jpg'); background-repeat: no-repeat; background-position: center center; border-radius: 30px 30px 0px 0px; - закругляем левый и правый верхний угол. } /* end Header */