1 (edited by kisa 2018.03.02 01:18)

Topic: Разная ширина .brd

̶В̶с̶е̶ ̶с̶р̶о̶ч̶н̶о̶ ̶о̶б̶я̶з̶а̶н̶ы̶ ̶м̶н̶е̶ ̶п̶о̶м̶о̶ч̶ь̶.̶
PunBB_INFO_ICQ/jokingly  PunBB_INFO_ICQ/rofl
Возясь со стилями, заметил такое: на главной очень красиво, логично и удобно смотрится широкое поле форума. Как на этом форуме. Как раз красиво, удобно читается инфа из середины и сайдбара, и т.д.
То же самое наблюдается во viewtforum.

Но при такой ширине центральной полосы форума и маленьких полях, внутри темы, во viewtopic, читать приходится размазанные по ширине посты. Это не слишком удобно и при коротких постах ещё и как-то некрасиво. Ведь газеты и энциклопедии не зря делят на колонки! При чтении материала глазу удобнее охватывать короткие строчки, читать лучше, когда взгляд не слишком широко ходит слева направо. Ну или справа налево - в зависимости от письменности  PunBB_INFO_ICQ/bigsmile .

Очень логично было бы задать .brd на главной странице максимальным. Ведь главная страница представляет собой поле, на котором удобнее ориентироваться, если оно более квадратное, чем вытянутое.

А вот в теме, где текст, лучше по ширине не размазываться. Текст для вдумчивого прочтения должен быть колонкой.

Вот я и вопрошаю, как мне задать разный .brd  для разных страниц?
Только что осенило этой идеей, полезу сам ковыряться конечно, но при моих знаниях, думаю, грамотные коллеги сделают это моментальнее, чем я  PunBB_INFO_ICQ/bigsmile

2 (edited by kisa 2018.03.02 04:33)

Re: Разная ширина .brd

Угу, прописываю

#brd-viewtopic {    
    max-width: 700px;
}

(700 - это пока на пробу, для заметности). Но выровнять по центру не получается.

3 (edited by kisa 2018.03.02 07:37)

Re: Разная ширина .brd

Мне понравилось так:

Нашёл эту секцию, установил 1460 вместо 1100:

.brd {
    padding: 1em 2em;
    margin: 0 auto;
    max-width: 1460px;
    min-width: 700px;
    width: 90%
}

Где-то в 170-е строки Oxygen.min.css (прямо перед .brd)добавил

#brd-viewtopic {    
    max-width: 1000px;
}

Нашёл

.brd-page {
    float: left;
    width: 100%;
    position: relative
}

Заменил на

.brd-page {
    padding: 1em 2em;
    margin: 0 auto;
    width: 100%;
    position: relative
}

Главная страница:
https://punbb.softplaza.net/uploads/images/2018/03/8bf8f7db082f57e88e728ae0c5370611.png

Форум:
https://punbb.softplaza.net/uploads/images/2018/03/4909913a5b957f5cd4a06915fa854e34.png

А топик узкий:
https://punbb.softplaza.net/uploads/images/2018/03/48a013b64a3854bf82bffb44422d5181.png