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

Board index phpBBex 2.x Мастерская

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

Post #21by Artem » 06.03.2018, 19:44

Лекс wrote:там же вроде, для всех размеров экрана цвета одинаковые
я тоже так думал, но по факту - в мобильном виде цвета названий разделов остаются неизменными.
Лекс wrote:у Вас название форума, на маленьких экранах отображается в две строки, потому и получается то что получается.
Если экран мобильного повернуть, название форума будет в одну строку, но шапка все равно не по размеру(((
Artem
Бывалый
Reputation: 1
With us: 2 yaers 10 months

Post #22by Лекс » 06.03.2018, 21:20

В файле responsive.css перед
Code: Select all
html {
   height: auto;
}
я добавил
Code: Select all
body {
   background-image: url("./images/bg_header_m.png");
   background-repeat: repeat-x;
   padding-top: 20.4%;
}
и изменил
Code: Select all
.headerbar {
      margin-top: -22%;
}
а в папку theme/images добавил картинку
Image
bg_header_m.png
Получилось так :think: Image
Лекс
Topic author, Бывалый
Avatar
Reputation: 27
With us: 3 yaers 7 months

Post #23by Artem » 06.03.2018, 21:35

Супер, теперь выглядит бомбово.
Осталось придумать что-то с футером в мобильной версии - и будет вообще сказка :clap:
Artem
Бывалый
Reputation: 1
With us: 2 yaers 10 months

Post #24by Лекс » 06.03.2018, 23:57

Artem wrote:Осталось придумать что-то с футером в мобильной версии - и будет вообще сказка
В файле common.css изменить
Code: Select all
.copyright {
   padding: 25px;
   text-align: left;
   line-height: 1.1em;
}
и здесь
Code: Select all
#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 изменить
Code: Select all
#footer-img{
   margin: 0 auto;
   min-width: 100%;   
}
и в файле overall_footer.html перед
Code: Select all
<div id="footer-img"/>
добавить </div>
Лекс
Topic author, Бывалый
Avatar
Reputation: 27
With us: 3 yaers 7 months

Post #25by Artem » 07.03.2018, 01:15

:clap:
Вот теперь достойно выглядит) Можно сказать, что стиль прошел тесты)
Artem
Бывалый
Reputation: 1
With us: 2 yaers 10 months

Previous

Return to Мастерская