Re: Как поставить шапку сайта по центру Joomla 2.5?

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Antonsea, 10.01.2013.

  1. Offline

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

    Регистрация:
    10.01.2013
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Сделал картинку 1920 пх шириной, надо, чтобы при меньших разрешениях экрана центр оставался на месте, а слева и справа обрезалось в зависимости от разрешения экрана. Сайт на Joomla 2.5 шаблон RT Diametric
    вот пример кода

    пример из overlay.css
    .headerpanel-pattern-planks, .showcasepanel-pattern-planks, .featurepanel-pattern-planks, .footerpanel-pattern-planks {background-image: url(../images/overlays/patterns/planks.png); }

    из template.css

    /* Top */
    #rt-top-surround {padding-top: 500px; margin: 0px auto;}
    #rt-top-surround.nopadding {padding-top: 0;}


    /* Header */
    #rt-header {position: relative;padding: 25px 0;background-repeat: no-repeat;background-position: 50% 100%;}
    #rt-header .rt-container, #rt-header .rt-grid-12, #rt-header .rt-block {position: static;}
     
  2.  
  3. AKopytenko
    Offline

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

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Чтобы фон всегда был посередине нужно указать в позиции фона center center:
    Код (PHP):
    1. background: url('..адрес-картинки...') no-repeat center center;
     
  4. Offline

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

    Регистрация:
    10.01.2013
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    шапка вообще пропала! вот cсылка http://test.ltk-nn.ru
     
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    background-size: cover;
     
  6. Offline

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

    Регистрация:
    10.01.2013
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    сделал вот так, при уменьшении экрана картинка по ширине остается, но при увеличении картинка обрезается только справа, а слева увеличивается, как и раньше

    .headerpanel-pattern-planks, .showcasepanel-pattern-planks, .featurepanel-pattern-planks, .footerpanel-pattern-planks {background-image: url(../images/overlays/patterns/planks.png); background-size: cover;}
     

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

Загрузка...