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

Discussion in 'Изменение шаблона (кастомизация)' started by Antonsea, Jan 10, 2013.

  1. Offline

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

    Joined:
    Jan 10, 2013
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    Сделал картинку 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;}
     
    Antonsea, Jan 10, 2013
    #1

  2. Ads Master

     
  3. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Чтобы фон всегда был посередине нужно указать в позиции фона center center:
    Код (PHP):
    1. background: url('..адрес-картинки...') no-repeat center center;
     
    AKopytenko, Jan 10, 2013
    #2
  4. Offline

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

    Joined:
    Jan 10, 2013
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    шапка вообще пропала! вот cсылка http://test.ltk-nn.ru
     
    Antonsea, Jan 10, 2013
    #3
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    background-size: cover;
     
    OlegK, Jan 10, 2013
    #4
  6. Offline

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

    Joined:
    Jan 10, 2013
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    сделал вот так, при уменьшении экрана картинка по ширине остается, но при увеличении картинка обрезается только справа, а слева увеличивается, как и раньше

    .headerpanel-pattern-planks, .showcasepanel-pattern-planks, .featurepanel-pattern-planks, .footerpanel-pattern-planks {background-image: url(../images/overlays/patterns/planks.png); background-size: cover;}
     
    Antonsea, Jan 10, 2013
    #5
< Gavick Pro CoolFoto - изменить фон | Глюк в IE на шапке сайта >

Share This Page

Loading...