Замена фото сайта Joomla 1.5.26, файл Header.png

Тема в разделе "Выбор шаблона", создана пользователем Nospi, 16.08.2013.

  1. Offline

    Nospi Недавно здесь

    Регистрация:
    14.07.2013
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Добрый день!
    Разбираюсь с заменой фото шаблона на свое. templates/мой шаблон/images/ далее здесь пытался просто заменить изображение шаблона Header.jpeg на свое фото с теми же размерами, но, изображение встало, однако остались края от прежнего фото, я так подозреваю что в этом виноват файл Header.png, собственно в нем и есть остатки полей прежнего фото. Как мне выйти из данной ситуации? Спасибо.
     
  2.  
  3. Offline

    anis Недавно здесь

    Регистрация:
    20.03.2009
    Сообщения:
    96
    Симпатии:
    1
    Пол:
    Мужской
    Какой сайт?
    пиши помогу
     
  4. Offline

    Nospi Недавно здесь

    Регистрация:
    14.07.2013
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Фрагмент из 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 */
     
  5. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 046
    Симпатии:
    519
    Пол:
    Мужской
    А удалить картинку и не из папки шаблона ? /images/Header.png
     
  6. Offline

    Nospi Недавно здесь

    Регистрация:
    14.07.2013
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Удалить то можно, но прояснилось почему у меня 2 Header(а), шапка шаблона по верхнему краю имеет справа и слева закругления, вот думаю для чего понадобился Header.png, размеры шапки привязаны именно здесь, после его удаления и замены на свою картинку Header.jpg изменится и шапка шаблона.
     
  7. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 046
    Симпатии:
    519
    Пол:
    Мужской
    border-radius работает и для jmg
     
  8. Offline

    Nospi Недавно здесь

    Регистрация:
    14.07.2013
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Draff, спасибо за направление, просмотрел template.css шаблона, так и не нашел border-radius при помощи которого закруглили Header.png Где искать? Подумалось о нехорошем ответе :)
     
  9. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 046
    Симпатии:
    519
    Пол:
    Мужской
    так для своей картинки пропишешь и закруглишь углы
     
  10. Offline

    Nospi Недавно здесь

    Регистрация:
    14.07.2013
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Если я правильно понял, если нет - поправьте, вот что было:

    /* 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 */
     

Поделиться этой страницей

Загрузка...