Зеленый стиль для phpbbex

[Artem]

там же вроде, для всех размеров экрана цвета одинаковые

я тоже так думал, но по факту - в мобильном виде цвета названий разделов остаются неизменными.

у Вас название форума, на маленьких экранах отображается в две строки, потому и получается то что получается.

Если экран мобильного повернуть, название форума будет в одну строку, но шапка все равно не по размеру(((

[Лекс]

В файле responsive.css перед

Код: Выделить всё

html {
   height: auto;
}

я добавил

Код: Выделить всё

body {
   background-image: url("./images/bg_header_m.png");
   background-repeat: repeat-x;
   padding-top: 20.4%;
}

и изменил

Код: Выделить всё

.headerbar {
      margin-top: -22%;
}

а в папку theme/images добавил картинку

bg_header_m.png
Получилось так

[Artem]

Супер, теперь выглядит бомбово.
Осталось придумать что-то с футером в мобильной версии - и будет вообще сказка

[Лекс]

Осталось придумать что-то с футером в мобильной версии - и будет вообще сказка

В файле common.css изменить

Код: Выделить всё

.copyright {
   padding: 25px;
   text-align: left;
   line-height: 1.1em;
}

и здесь

Код: Выделить всё

#wrap {
   margin: 0 auto;
   padding: 0 20px;
   min-height: 500px;
   max-width: 1152px;
   min-width: 625px;
   box-sizing: border-box;
}

#footer-img{
   min-height: 100%;
   max-width: 79%;
   margin: 0 auto;
   background-image: url("./images/footer.jpg");
   background-size: 100%; /* Современные браузеры */
   background-repeat: repeat-x;
    padding-bottom: 140px;
}

в файле responsive.css изменить

Код: Выделить всё

#footer-img{
   margin: 0 auto;
   min-width: 100%;   
}

и в файле overall_footer.html перед

Код: Выделить всё

<div id="footer-img"/>

добавить </div>

[Artem]

Вот теперь достойно выглядит) Можно сказать, что стиль прошел тесты)