Оформляем шапку в prosilver на phpBB3.1

[Gunzel]

Понятно, это в мобильном телефоне или в планшете так.

Да нет , на работе стоит 17-й монитор LG Flatron , допотопный , так это на нем .

[seriozn]

Добрый день. Такая проблемка. Раскидал архив по папкам, и так проблема, баннер встал, но поплыл весь вид страницы, исчезли синии рамки темы и т.д. Не могли подсказать, что делаю не так.

[Anvar]

Данный архив не нужно раскидывать по папкам, разместить необходимо в папке ext/ форума и после этого включить в админке.

Возможно вы заменили штатный colours.css размещённый по такому пути styles/prosilver/theme/colours.css. Необходимо вернуть родной.

[mokvo4]

Чтобы картинка фона шапки растягивалась исправил код

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

.headerbar {
     background: url("./images/bb3mobi.png") no-repeat;
     background-size: cover;
     margin-bottom: 10px;
     padding: 0 5px;
     height: 210px;
}

background-size: cover; -растягивает картинку фона

примерно так

Вот полный код colours.css

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

#wrap {
    padding: 10px 10px 10px 10px; max-width: 100%;
}

#site-description {
    max-width: 10px; margin-left: 10px;
}

#site-description h1{
    position: absolute;
    margin-left: 420px;
    top: 37px;
    color: #006600;
    font-weight: bold;
    text-decoration: none;   
    font-size: 34px;
    text-shadow: 3px 2px 0 #00CC00,0 2px 0 rgba(0,0,0,0.15);
}

#site-description  p {
  position: absolute;
  margin-left: 420px;
  top: 130px;
  font-weight: bold;
  color: #993300;
  font-weight: normal;
  font-style: italic; 
  font-size: 20px;
  text-shadow: 2px 2px 0 #FF9900,0 3px 0 rgba(0,0,0,0.15);
 
}

.imageset.site_logo {
    background: url("./images/site_logo.png") no-repeat;
    height: 127px;
    width: 360px;
    margin-top: 10px;
    padding: 0;
}
.headerbar {
     background: url("./images/bb3mobi.png") no-repeat;
     background-size: cover;
     margin-bottom: 10px;
     padding: 0 5px;
     height: 210px;
}

.search-header {
    margin-top: 150px;
}

@media only screen and (max-width: 940px), only screen and (max-device-width: 940px) {
   .search-header { margin-top: 20px!important; }
}



@media only screen and (max-width: 660px), only screen and (max-device-width: 660px) {
   .headerbar { height: auto; }
}

Такой вопрос. Как сделать что бы картинки фона менялись по времени? Т.е. утром один фон, днем - вторая картинка, вечером- третья, а ночью- четвертая. Было бы неплохо и по временам года- это значит надо иметь 16 картинок фона.
Лого остается одно и тоже
Что то вроде Изменение Хедера (шапки форума) http://www.phpbbguru.net/community/topic26023.html

[Anvar]

Надо расширение сделать для смены фона по временам года и времени.

[mokvo4]

Надо расширение сделать для смены фона

Да, только не смены фона форума, а смены фона шапки.
Возьмешься сделать такое расширение?

[Anvar]

По мере возможности, будет свободный часик между делом сделаю.

Только какой формат использовать по умолчанию, jpg наверное?

[mokvo4]

В этом расширении используется
.headerbar {
background: url("./images/bb3mobi.png") no-repeat;
background-size: cover;
margin-bottom: 10px;
padding: 0 5px;
height: 210px;
}

расширение png, наверное его и оставить

[Елена Ясная]

Anvar, добрый день! как сделать чтоб это расширение работала в другом стиле? точнее в prosilver OTR
Загрузила в админке включила, но не появляется на форуме http://ulyanovsk-region.ru

[Anvar]

У Вас стиль слишком изменён. Проще и правильнее будет добавить шапку в стиль без расширения.

Хотя попробуйте переименовать папку в расширении:

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

ext\bb3mobi\header\styles\prosilver

в prosilverOTR