Растягиваем шапку на всю ширину

[Hope]

Многие спрашивают, как растянуть шапку на всю ширину форума. Вот собственно и мануал. :-)

​

Идём по пути: Панель управления - Стили - Напротив нужного стиля нажимаем на "Настройки стиля" - Выбираем пункт ""Шапка" (header) и навигация" - На открывшейся странице переходим на вкладку ""Шапка" (header)" - И заполняем всё так, как показано на скриншоте (соответственно путь и название картинки Вы можете прописать свои):


Сохраняем и открываем шаблон header.css, в нём находим:

#header
{
    @property "header";
    background-image: url('/styles/default/xenforo/logo1.gif');
    background-repeat: no-repeat;
    background-position: center;
    @property "/header";
}

И заменяем на:

#header
{
    @property "header";
    background-image: url('/styles/default/xenforo/logo1.gif');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/default/xenforo/logo1.gif', sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/default/xenforo/logo1.gif', sizingMethod='scale')";
    @property "/header";
}

Вот собственно и всё. :-) Не забудьте все пути и названия изображений из инструкции заменить на свои. :-)