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

Список разделов phpBBex 2.x (заброшен) Мастерская 2.x

Описание: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 2.x и phpBB 3.1.x.
Модератор: Поддержка

Сообщение #21 Artem » 06.03.2018, 19:44

Лекс:там же вроде, для всех размеров экрана цвета одинаковые
я тоже так думал, но по факту - в мобильном виде цвета названий разделов остаются неизменными.
Лекс:у Вас название форума, на маленьких экранах отображается в две строки, потому и получается то что получается.
Если экран мобильного повернуть, название форума будет в одну строку, но шапка все равно не по размеру(((
Artem
Репутация: 1
С нами: 8 лет 10 месяцев

Сообщение #22 Лекс » 06.03.2018, 21:20

В файле 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
Получилось так :think: Изображение
Лекс
Автор темы
Аватара
Репутация: 27
С нами: 9 лет 7 месяцев

Сообщение #23 Artem » 06.03.2018, 21:35

Супер, теперь выглядит бомбово.
Осталось придумать что-то с футером в мобильной версии - и будет вообще сказка :clap:
Artem
Репутация: 1
С нами: 8 лет 10 месяцев

Сообщение #24 Лекс » 06.03.2018, 23:57

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>
Лекс
Автор темы
Аватара
Репутация: 27
С нами: 9 лет 7 месяцев

Сообщение #25 Artem » 07.03.2018, 01:15

:clap:
Вот теперь достойно выглядит) Можно сказать, что стиль прошел тесты)
Artem
Репутация: 1
С нами: 8 лет 10 месяцев

Пред.

Вернуться в Мастерская 2.x